/* V34 — Modo app en móvil */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
html{-webkit-tap-highlight-color:transparent}

.tab34{display:none}
.back34{display:none}
.off34{max-width:560px;margin:0 auto;padding:4rem 0 5rem;text-align:center;color:#173227}
.off34 h1{font-size:2rem;margin:1.2rem 0 .6rem}
.off34 p{color:#4a6358;line-height:1.55}
.off34 button{margin-top:1.2rem;min-height:48px;padding:0 1.6rem;border:0;border-radius:999px;background:#173227;color:#fff;font-weight:800;font-size:1rem}

@media (max-width:820px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .tab34{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:900;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(255,248,238,.94);
    -webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);
    border-top:1px solid rgba(23,50,39,.1);box-shadow:0 -6px 24px rgba(23,50,39,.06);transition:transform .28s ease}
  .tab34.is-hidden{transform:translateY(calc(100% + 2px))}
  body.nav27-open .tab34{transform:translateY(calc(100% + 2px))}
  .tab34 a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:14px;
    color:#5d7268;text-decoration:none;font-size:.68rem;font-weight:700;letter-spacing:.01em;transition:color .15s,background .15s}
  .tab34 svg{width:23px;height:23px}
  .tab34 a.is-on{color:#173227;background:rgba(23,50,39,.08)}
  .tab34 a.is-on svg{stroke-width:2.3}
  .tab34 a:active{transform:scale(.94)}

  /* Cabecera más limpia: la búsqueda vive en la barra inferior y la moneda en el menú. */
  .nav__lupa,.nav__tools>.fx,.nav__tools>label[for="fx"]{display:none!important}
  .migas{display:none}
  .fx34{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.8rem;padding:.7rem .9rem;border-radius:14px;background:rgba(23,50,39,.06);font-weight:700;font-size:.92rem;color:#173227}
  .fx34 .fx{display:block!important;min-height:40px;border-radius:10px}
  .inst34{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:.8rem;padding:.8rem 1rem;border:0;border-radius:14px;background:#173227;color:#fff;text-align:left;font:inherit}
  .inst34 b{font-size:1rem}.inst34 small{opacity:.8;font-size:.82rem}

  /* Toques con respuesta, como en una app */
  a.h27-card:active,a.t29-card:active,a.g30-card:active,a.route254-card:active,a.route254-dest:active,.r33-days__row a:active{transform:scale(.975);transition:transform .12s}

  .toast34{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:950;padding:.95rem 1.1rem;border-radius:16px;
    background:#173227;color:#fff;font-size:.95rem;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);transition:.3s}
  .toast34.is-on{opacity:1;transform:none}
  .foot{padding-bottom:1.5rem}
}

/* App instalada: respeta la muesca y añade el botón atrás */
html.is-app .nav{padding-top:env(safe-area-inset-top)}
html.is-app .back34{display:grid;place-items:center;width:40px;height:40px;margin-right:2px;border:0;border-radius:50%;background:transparent;color:inherit;flex:none}
html.is-app .back34 svg{width:24px;height:24px}
@media (display-mode: standalone){ .skip{display:none} }
@media (max-width:820px){.route254-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.route254-facts article{padding:14px!important;min-width:0}.route254-facts b{font-size:1.05rem!important;overflow-wrap:anywhere}}
/* V36: del aeropuerto a la ciudad */
.a36-ops{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px;margin-bottom:24px}
.a36-op{background:#fff;border:1px solid #e3e8e5;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:10px}
.a36-op--main{border-color:#173227;box-shadow:0 0 0 2px rgba(23,50,39,.08)}
.a36-op header h2{margin:0;font-size:1.2rem;color:#173227}
.a36-op header b{display:block;margin-top:6px;color:#b8461f;font-size:1rem;line-height:1.35}
.a36-op dl{display:flex;gap:18px;margin:0}.a36-op dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#5b7267;font-weight:800}.a36-op dd{margin:2px 0 0;font-weight:700;color:#173227}
.a36-op p{margin:0;color:#3e5148;line-height:1.55;font-size:.95rem}
.a36-next a{display:inline-block;margin:6px 0 10px;font-weight:800;color:#173227}
.a36-chip{display:inline-block;margin:4px 6px 4px 0;padding:.4rem .8rem;border-radius:999px;background:#eef4f0;color:#173227;font-weight:700;text-decoration:none;font-size:.88rem}
.a36-cta{display:flex;gap:14px;align-items:center;margin-top:20px;margin-bottom:20px;padding:16px 20px;border-radius:18px;background:#173227;color:#fff;text-decoration:none}
.a36-cta>span{font-size:1.6rem;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:none}
.a36-cta small{display:block;opacity:.75;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.a36-cta b{display:block;font-size:1.05rem}.a36-cta em{display:block;font-style:normal;color:#f2b632;font-weight:700;font-size:.92rem;margin-top:2px}
