/* CSV 17.3 · Auditoría y refinamiento móvil */
:root{--csv-header-h:88px}
html{scroll-padding-top:calc(var(--csv-header-h) + 18px)}
body{overflow-x:hidden}
header{position:sticky;top:0;z-index:1000}

/* Menú móvil compacto, desplazable y seguro para iPhone */
@media(max-width:980px){
  body.menu-open{overflow:hidden;touch-action:none}
  .nav{position:relative;min-height:var(--csv-header-h)}
  .menu-toggle{display:grid!important;place-items:center;width:52px;height:52px;min-width:52px;border:1px solid rgba(234,223,206,.95)!important;border-radius:18px;background:#fff!important;box-shadow:0 8px 24px rgba(6,23,43,.08);font-size:1.65rem!important;line-height:1;color:#06172b!important;z-index:1003}
  .menu{display:none!important;position:fixed!important;top:calc(var(--csv-header-h) + env(safe-area-inset-top,0px));left:16px!important;right:16px!important;bottom:auto!important;max-height:calc(100dvh - var(--csv-header-h) - 24px - env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px!important;background:rgba(255,255,255,.98)!important;border:1px solid #eadfce!important;border-radius:22px!important;box-shadow:0 24px 70px rgba(6,23,43,.22)!important;flex-direction:column!important;gap:3px!important;z-index:1002}
  .menu.open{display:flex!important}
  .menu a{display:block;padding:13px 16px!important;border-radius:13px;font-size:1rem;line-height:1.25}
  .menu a:hover,.menu a:focus-visible{background:#fff6ea}
  body.menu-open .floatbar{opacity:0!important;pointer-events:none!important;transform:translateY(10px)!important}
}
@media(max-width:650px){
  :root{--csv-header-h:82px}
  .brand img{width:205px;max-height:68px}
  .menu-toggle{width:48px;height:48px;min-width:48px;border-radius:16px}
  .menu{left:12px!important;right:12px!important;max-height:calc(100dvh - var(--csv-header-h) - 18px - env(safe-area-inset-bottom,0px))}
}

/* WhatsApp coherente y separado de las barras del navegador */
.floatbar{transition:opacity .2s ease,transform .2s ease!important;right:max(16px,env(safe-area-inset-right,0px))!important;bottom:max(22px,calc(env(safe-area-inset-bottom,0px) + 10px))!important}
@media(max-width:650px){.floatbar{right:max(14px,env(safe-area-inset-right,0px))!important;bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 12px))!important}}

/* Centro del Viajero: jerarquía, ritmo y tarjetas */
.traveler-hero{padding:72px 0 64px!important}
.traveler-hero h1{max-width:820px}
.v-section{padding:58px 0!important}
.v-intro{margin-bottom:26px!important}
.v-card{height:auto!important;min-height:0!important}
.v-card p,.v-intro p,.v-safety p{font-size:1rem;line-height:1.62}
.v-icon{font-family:Arial,"Apple Color Emoji","Segoe UI Emoji",sans-serif}
.v-footer-note{line-height:1.6}

@media(max-width:650px){
  main{min-width:0}
  .traveler-hero{padding:46px 0 42px!important}
  .traveler-hero h1{font-size:clamp(2.05rem,10vw,2.7rem)!important;line-height:1.08!important;margin-bottom:14px!important}
  .traveler-hero p{font-size:1rem!important;line-height:1.58!important}
  .traveler-actions{margin-top:20px!important}
  .traveler-actions a{width:100%;padding:13px 16px!important}
  .v-section{padding:42px 0!important}
  .v-intro{margin-bottom:22px!important}
  .v-intro h2{font-size:clamp(1.85rem,8vw,2.35rem)!important;line-height:1.12!important}
  .v-intro p,.v-card p,.v-safety p,.v-row span{font-size:1rem!important;line-height:1.58!important}
  .v-grid{gap:15px!important}
  .v-card{padding:20px!important;border-radius:20px!important}
  .v-card h3{font-size:1.3rem!important;line-height:1.2!important;margin:14px 0 8px!important}
  .v-icon{width:46px!important;height:46px!important;font-size:1.35rem!important;border-radius:14px!important}
  .v-row{padding:17px!important;gap:8px!important}
  .v-safety{padding:22px!important;border-radius:22px!important}
  .v-quick{bottom:calc(82px + env(safe-area-inset-bottom,0px))!important}
  footer{padding-bottom:110px!important}
  footer .footer-grid{gap:22px!important}
  footer .footer-grid h3{margin-bottom:8px!important}
  footer .footer-grid a{margin:6px 0!important}
  footer p,.copyright,.v-footer-note{font-size:.9rem!important;line-height:1.55!important}
}