/* ══════════════════════════════════════════════════════════════════════
   RANGE — las cuatro maniobras de patio
   Hereda todo de moderna.css. Sin tarjetas con sombra: lo que separa una
   maniobra de la siguiente es una regla fina, como en el resto del sitio.
   La franja ámbar del aviso SÍ dice algo (es el aviso), no es adorno.
   ══════════════════════════════════════════════════════════════════════ */

.aviso-escuela{ border-left:3px solid var(--ambar); background:var(--papel-2);
                padding:22px 26px; margin:40px 0 0; max-width:var(--estrecho);
                margin-left:auto; margin-right:auto; }
.aviso-escuela > strong{ display:block; font-family:var(--display); font-size:1.28rem;
                         font-weight:500; margin-bottom:8px; color:var(--tinta); }
.aviso-escuela p{ margin:0 0 10px; max-width:64ch; }
.aviso-escuela p:last-child{ margin-bottom:0; }
.aviso-escuela .es, .maniobra .es{ color:var(--tinta-2); font-size:.94rem; }

.maniobras{ display:grid; grid-template-columns:1fr 1fr; gap:48px 44px; margin:56px 0 0; }
.maniobra{ border-top:1px solid var(--linea-2); padding-top:18px; }
.maniobra figure{ margin:0 0 16px; }
.maniobra video{ width:100%; height:auto; display:block; background:var(--azul-900);
                 border-radius:2px; }
.maniobra__num{ font-family:var(--dato); font-size:.76rem; letter-spacing:.09em;
                color:var(--ambar); display:block; margin-bottom:5px; }
.maniobra h3{ font-family:var(--display); font-size:1.4rem; font-weight:500;
              margin:0 0 8px; line-height:1.2; }
.maniobra p{ margin:0 0 8px; }
.maniobra .mira{ font-size:.9rem; color:var(--tinta-2); border-top:1px solid var(--linea);
                 padding-top:9px; margin-top:12px; }
.maniobra .mira b{ font-family:var(--dato); font-size:.7rem; letter-spacing:.08em;
                   text-transform:uppercase; color:var(--ambar); font-weight:500; }

.nota-sim{ font-size:.88rem; color:var(--tinta-2); max-width:70ch; margin:34px 0 0; }

.pista-fotos{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:64px 0 0;
              border-top:1px solid var(--linea-2); padding-top:26px; }
.pista-fotos figure{ margin:0; }
/* height:auto es necesario: el atributo height="800" del <img> gana al
   aspect-ratio y estiraba la foto a lo alto en el celular. */
.pista-fotos img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block;
                  border-radius:2px; background:var(--papel-2); }
.pista-fotos figcaption{ font-size:.9rem; margin-top:10px; color:var(--tinta-2); }
.pista-fotos figcaption b{ display:block; color:var(--tinta); font-family:var(--display);
                           font-size:1.04rem; font-weight:500; margin-bottom:3px; }

.puntos-estado{ margin:44px auto 0; max-width:var(--estrecho); font-size:.95rem; }

@media (max-width:860px){
  .maniobras{ grid-template-columns:1fr; gap:40px; }
  .pista-fotos{ grid-template-columns:1fr; gap:34px; }
}

/* Enlace a la guía de inspección, dentro de Part II. Una regla fina arriba y abajo,
   sin tarjeta: el único énfasis es la etiqueta ámbar y la flecha. */
.enlace-inspeccion{ display:block; max-width:var(--estrecho); margin:44px auto 0; padding:26px 0;
                    border-top:1px solid var(--linea-2); border-bottom:1px solid var(--linea-2);
                    text-decoration:none; color:inherit; }
.enlace-inspeccion:hover .enlace-inspeccion__ir{ text-decoration:underline; }
.enlace-inspeccion__t{ display:block; font-family:var(--display); font-size:1.55rem; font-weight:500; margin:8px 0 6px; }
.enlace-inspeccion__d{ display:block; color:var(--tinta-2); max-width:60ch; }
.enlace-inspeccion__ir{ display:inline-block; margin-top:14px; font-family:var(--dato); font-size:.78rem;
                        letter-spacing:.08em; text-transform:uppercase; color:var(--ambar); }

/* ── Tres ejercicios en filas: video grande a la izquierda, texto y voz a la derecha ── */
.maniobras{ grid-template-columns:1fr; gap:60px; }
.maniobra{ display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:36px; align-items:start; }
.maniobra figure{ margin:0; }
.maniobra__txt .mira{ margin-top:14px; }
.voz{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.voz button{ font-family:var(--dato); font-size:.74rem; letter-spacing:.06em; background:none; cursor:pointer;
             border:1px solid var(--linea-2); color:var(--azul-700); padding:8px 13px; border-radius:2px; }
.voz button:hover{ border-color:var(--ambar); color:var(--ambar); }
.voz button.sonando{ background:var(--azul-900); border-color:var(--azul-900); color:#fff; }
@media (max-width:900px){ .maniobra{ grid-template-columns:1fr; gap:18px; } }