/* ===== «Ver web túnel» · prueba (ENC-2026-10-12-7KPK) · lo pone aplicar_tunel.py; se quita con --quitar =====
   Solo lo cargan index.html y normal.html. No se toca experience.css, shared-header.css ni styles.css.

   En la 3D el botón nuevo usa la clase de «Ver web normal» (.nav-exit): mismo aspecto y mismo comportamiento
   (por debajo de 600 px sale de la fila y queda dentro del menú). No necesita reglas propias.

   En la web normal la cabecera de escritorio ya iba llena (1180 px justos). Para que quepa «Túnel» junto a «3D»:
     - con 1241 px o más, los huecos entre las pestañas del menú pasan de 24 a 12 px (como ya iban por debajo);
     - de 1041 a 1240, los dos botones pierden la flecha (dicen «3D» y «Túnel») y se aprietan un poco;
     - por debajo de 1040 px ninguno de los dos está en la fila: van dentro del menú de tres barras. */
@media (min-width: 1241px) {
  .standard-header__links { gap: 12px; }
  .standard-header__experience { padding: 0 13px; }
}

@media (min-width: 1041px) and (max-width: 1240px) {
  .standard-header__actions { gap: 7px; }
  .standard-header__auditoria { padding: 0 12px; }
  .standard-header__experience { padding: 0 12px; }
  .standard-header__experience > span[aria-hidden="true"] { display: none; }
}

@media (min-width: 1041px) and (max-width: 1110px) {
  .standard-header__links { gap: 8px; }
}

/* Con una entrada más, el menú de tres barras de la web normal ya no cabe en ventanas de 600 px de alto o
   menos (la cabecera va pegada arriba y el menú no se podía desplazar): ahora se desplaza por dentro. */
@media (max-width: 1040px) {
  .standard-header__mobile.is-open {
    max-height: calc(100svh - 96px); /* la cabecera mide 86 px */
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}