
:root{
  --navy:#0B1F33;
  --navy-700:#163B5C;
  --amber:#F7B500;
  --amber-hover:#D69300;
  --surface:#FFFFFF;
  --surface-soft:#F8FAFC;
  --surface-alt:#EEF4F8;
  --ink:#0F172A;
  --ink-soft:#475569;
  --border:#E2E8F0;
  --border-strong:#C9D4E2;
  --whatsapp:#0F7A42;
  --focus:#2563EB;
  --shadow-sm:0 10px 24px rgba(15,23,42,.06);
  --shadow-md:0 24px 50px rgba(11,31,51,.12);
  --radius-xs:10px;
  --radius-sm:14px;
  --radius-md:18px;
  --radius-lg:24px;
  --radius-xl:32px;
  --container:1240px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:56px;
  --space-11:64px;
  --space-12:80px;
  --space-13:96px;
}
*,
*::before,
*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--surface);
  line-height:1.6;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;height:auto}
svg{display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none !important}
main{overflow:clip}
h1,h2,h3,h4{
  margin:0;
  font-weight:800;
  line-height:1.14;
  letter-spacing:-.02em;
}
p{margin:0 0 var(--space-5)}
ul,ol{margin:0;padding:0}
li{list-style:none}
.container{
  max-width:var(--container);
  margin:0 auto;
  padding-inline:32px;
}
.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0
}
.skip-link{
  position:absolute;
  left:16px;top:-48px;
  background:var(--navy);
  color:#fff;
  padding:12px 16px;
  border-radius:12px;
  z-index:2000;
  transition:top .2s ease;
}
.skip-link:focus{top:16px}
:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:3px;
}
body.scrolled .site-header{
  box-shadow:0 12px 40px rgba(11,31,51,.08);
  border-color:rgba(226,232,240,.8)
}
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(226,232,240,.95);
  transition:box-shadow .25s ease,background .25s ease;
}
.site-header .container{max-width:1600px}
.site-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:72px;
  gap:24px;
}
.logo{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.logo-image{
  display:block;
  width:auto;
  height:52px;
  max-width:min(280px,50vw);
  object-fit:contain;
}
.logo--compact .logo-image{
  height:44px;
  max-width:min(220px,58vw);
}
.logo--footer .logo-image{
  height:64px;
  max-width:min(300px,100%);
}
.logo-mark{
  width:44px;
  height:50px;
  flex:0 0 44px;
  border-radius:0;
  display:grid;
  place-items:center;
  background:transparent;
  color:inherit;
  box-shadow:none;
  overflow:visible;
}
.logo-mark svg,
.logo-mark img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.logo-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.logo-copy strong{
  font-size:1rem;
  line-height:1.05;
}
.brand-wordmark{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:.16em;
  row-gap:0;
  font-weight:900;
}
.brand-wordmark__noro,
.brand-wordmark__taxi{color:var(--navy)}
.brand-wordmark__madrid{color:var(--amber)}
.logo--footer .brand-wordmark__noro,
.logo--footer .brand-wordmark__taxi{color:#fff}
.logo-copy small{font-size:.82rem;color:var(--ink-soft);white-space:nowrap}
.logo--footer .logo-copy small{color:#CBD5E1}
.logo--compact .logo-copy small{display:none}
.site-nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex:1 1 auto;
  min-width:0;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:10px 14px;
  border-radius:999px;
  color:var(--ink-soft);
  font-weight:600;
}
.nav-link:hover,
.nav-link[aria-current="page"]{
  color:var(--ink);
  background:var(--surface-soft);
}
.header-actions,
.header-mobile-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.header-actions{
  flex:0 0 auto;
  flex-wrap:nowrap;
}
.header-mobile-actions{display:none}
.header-phone{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  font-weight:700;
  white-space:nowrap;
  flex:0 0 auto;
}
.header-phone span:last-child{white-space:nowrap}
.header-phone .icon-svg,
.mobile-call .icon-svg{width:18px;height:18px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:52px;
  padding:0 20px;
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700;
  letter-spacing:-.01em;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{
  opacity:.72;
  cursor:wait;
  transform:none;
}
.btn--compact{min-height:46px;padding-inline:16px}
.btn--full{width:100%}
.btn--primary{
  background:var(--amber);
  color:var(--navy);
  text-shadow:0px 0px 1px #ffffff;
  box-shadow:0 10px 20px rgba(247,181,0,.2);
}
.btn--primary:hover{background:var(--amber-hover)}
.btn--secondary{
  background:#fff;
  color:var(--navy);
  border-color:var(--navy);
}
.btn--secondary:hover{background:var(--surface-soft)}
.btn--ghost{
  background:#fff;
  color:var(--navy);
  border-color:var(--border);
}
.btn--ghost:hover{border-color:var(--navy)}
.btn--outline{
  background:transparent;
  color:#fff;
  border-color:rgba(255,255,255,.35);
}
.btn--outline:hover{background:rgba(255,255,255,.12)}
.btn--whatsapp{
  background:#fff;
  color:var(--whatsapp);
  border-color:rgba(15,122,66,.25);
}
.icon-svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:20px;
  height:20px;
  line-height:1;
}
.icon-svg svg{
  width:100%;
  height:100%;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.card-icon svg,
.metric__icon svg,
.process-card__icon svg{
  width:20px;height:20px;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.card-icon svg[fill="currentColor"]{
  stroke:none;
}
.mobile-drawer[hidden]{display:none !important}
.mobile-drawer{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.55);
  z-index:1200;
  padding:16px;
  display:grid;
  place-items:end;
}
.mobile-drawer__panel{
  margin-left:auto;
  width:min(420px,100%);
  height:100%;
  background:#fff;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  padding:20px;
  box-shadow:var(--shadow-md);
  overflow:auto;
}
.mobile-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
  margin-bottom:16px;
}
.menu-toggle,
.menu-close{
  appearance:none;
  border:1px solid var(--border);
  background:#fff;
  color:var(--navy);
  width:48px;height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
}
.mobile-drawer__quick{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:18px;
}
.mobile-drawer__quick .btn{
  justify-content:center;
}
.mobile-nav{
  display:grid;
  gap:18px;
  padding-bottom:8px;
}
.mobile-drawer__section{
  display:grid;
  gap:8px;
}
.mobile-drawer__section-title{
  margin:0;
  color:var(--ink-soft);
  font-size:.82rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mobile-drawer__link-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
}
.mobile-nav__link{
  min-height:44px;
  padding:12px;
  border-radius:8px;
  font-weight:700;
  display:flex;
  align-items:center;
  color:var(--ink);
}
.mobile-nav__link:hover{background:var(--surface-soft)}
.mobile-drawer__actions{
  margin-top:auto;
  display:grid;
  gap:12px;
}
.mobile-action-bar{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:900;
  display:none;
  align-items:center;
  gap:12px;
  padding:12px 20px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.95);
  border-top:1px solid rgba(226,232,240,.96);
  backdrop-filter:blur(12px);
}
body.no-mobile-action-bar,
body.page--transactional,
body.page--legal{
  padding-bottom:0;
}
body.no-mobile-action-bar .mobile-action-bar,
body.mobile-menu-open .mobile-action-bar,
body.chat-open .mobile-action-bar,
body.is-form-focused .mobile-action-bar,
body.page--transactional .mobile-action-bar,
body.page--legal .mobile-action-bar{
  display:none !important;
}
.section{padding:80px 0}
.section--tight{padding:56px 0}
.section--soft{background:var(--surface-soft)}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  color:var(--navy-700);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.78rem;
}
.section-heading{
  max-width:760px;
  margin-bottom:28px;
}
.section-heading--centered{
  text-align:center;
  margin-inline:auto;
}
.section-heading h2{
  font-size:clamp(1.9rem,2vw + 1rem,2.5rem);
  margin-bottom:12px;
}
.section-lead{
  color:var(--ink-soft);
  font-size:1.08rem;
  line-height:1.75;
}
.hero-home{
  background:
    radial-gradient(circle at top right, rgba(247,181,0,.14), transparent 34%),
    linear-gradient(135deg,var(--navy) 0%, var(--navy-700) 100%);
  color:#fff;
  padding:72px 0 80px;
  overflow:hidden;
}
.hero-home__grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:48px;
  align-items:center;
}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  font-weight:700;
  font-size:.94rem;
}
.hero-home h1{
  margin-top:20px;
  font-size:clamp(2.3rem,3.2vw + 1rem,3.2rem);
  max-width:12ch;
}
.hero-home__lead{
  margin-top:18px;
  max-width:58ch;
  color:#E2E8F0;
  font-size:1.15rem;
  line-height:1.8;
}
.chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}
.chip-list--tight{margin-top:14px}
.chip{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:inherit;
  font-weight:700;
  font-size:.92rem;
}
.hero-home__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.hero-quick{
  background:#fff;
  color:var(--ink);
  border-radius:28px;
  box-shadow:var(--shadow-md);
  overflow:hidden;
}
.hero-quick__body{
  padding:24px;
  display:grid;
  gap:16px;
}
.hero-quick__body h2{
  font-size:1.45rem;
}
.quick-stack{
  display:grid;
  gap:16px;
}
.quick-card{
  border:1px solid var(--border);
  border-radius:18px;
  padding:20px;
  background:var(--surface-soft);
}
.quick-card h3{
  font-size:1.1rem;
  margin-bottom:8px;
}
.quick-card p{
  color:var(--ink-soft);
  margin-bottom:14px;
}
.quick-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.media-panel{
  overflow:hidden;
  border-radius:24px;
  box-shadow:var(--shadow-sm);
  background:var(--surface-soft);
}
.hero-home .media-panel{margin-top:18px}
.media-panel img{
  width:100%;
  aspect-ratio: 16 / 10;
  object-fit:cover;
}
.trust-strip{
  transform:translateY(-28px);
}
.trust-strip__inner{
  background:#fff;
  border-radius:22px;
  border:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px 24px;
  padding:24px 28px;
}
.metric{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "icon value"
    "icon label";
  column-gap:14px;
  row-gap:4px;
  align-items:start;
}
.metric__icon{
  grid-area:icon;
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(22,59,92,.08);
  color:var(--navy-700);
}
.metric strong{
  grid-area:value;
  display:block;
  font-size:1.45rem;
  line-height:1.05;
  margin-top:2px;
}
.metric span{
  grid-area:label;
  min-width:0;
  color:var(--ink-soft);
  line-height:1.5;
}
.grid-2,
.grid-3,
.grid-4{
  display:grid;
  gap:22px;
}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:24px;
  box-shadow:var(--shadow-sm);
}
.card h3{
  font-size:1.18rem;
  margin-bottom:12px;
}
.card p{color:var(--ink-soft);margin-bottom:16px}
.card-icon{
  width:44px;height:44px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(22,59,92,.08);
  color:var(--navy-700);
  margin-bottom:14px;
}
.card-icon svg,
.metric__icon svg{width:24px;height:24px}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  color:var(--navy-700);
}
.text-link .icon-svg{width:16px;height:16px}
.step-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.step-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  column-gap:16px;
  row-gap:8px;
}
.step-number{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:999px;
  background:var(--amber);
  color:var(--navy);
  font-weight:800;
  flex:0 0 auto;
}
.step-card h3{margin:4px 0 0}
.step-card p{
  grid-column:2;
  margin:0;
}
.route-card__meta,
.review-card__top,
.article-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:14px;
  color:var(--ink-soft);
  font-size:.95rem;
}
.route-card__meta .icon-svg{width:18px;height:18px}
.review-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:24px;
  box-shadow:var(--shadow-sm);
}
.review-card h3{
  font-size:1.05rem;
  margin-bottom:10px;
}
.review-card p{color:var(--ink-soft);margin-bottom:0}
.stars{
  display:flex;
  gap:2px;
  color:var(--amber);
}
.stars .icon-svg{width:16px;height:16px}
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(247,181,0,.14);
  color:#7A5800;
  font-size:.82rem;
  font-weight:800;
}
.pill .icon-svg{width:14px;height:14px}
.pill--outline{
  background:#fff;
  border:1px solid var(--border);
  color:var(--ink-soft);
}
.pill--navy{
  background:rgba(22,59,92,.08);
  color:var(--navy-700);
}
.page-intro{
  background:var(--surface-soft);
  padding:48px 0 56px;
}
.page-intro__grid{
  display:grid;
  gap:36px;
  align-items:center;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
}
.page-intro h1{
  font-size:clamp(2rem,2vw + 1rem,3rem);
  margin-bottom:16px;
}
.page-intro p{
  color:var(--ink-soft);
  font-size:1.08rem;
  line-height:1.8;
  max-width:60ch;
}
.page-intro__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.breadcrumb{
  padding:20px 0 0;
}
.breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:var(--ink-soft);
  font-size:.95rem;
}
.breadcrumb li+li::before{
  content:"/";
  margin-right:8px;
  color:#94A3B8;
}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb a:hover{color:var(--ink)}
.subnav{
  position:sticky;
  top:88px;
  z-index:5;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:16px 0 4px;
  background:linear-gradient(180deg,#fff 70%, rgba(255,255,255,0));
}
.subnav a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border-radius:999px;
  background:var(--surface-soft);
  color:var(--ink-soft);
  font-weight:700;
}
.subnav a:hover{color:var(--ink)}
.local-layout{
  display:grid;
  gap:36px;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:start;
}
.sticky-card{
  position:sticky;
  top:124px;
  display:grid;
  gap:16px;
  padding:24px;
  border-radius:20px;
  border:1px solid var(--border);
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.sticky-card__list{
  display:grid;
  gap:12px;
}
.sticky-card__item{
  display:flex;
  gap:12px;
  align-items:flex-start;
  color:var(--ink-soft);
}
.content-stack{
  display:grid;
  gap:56px;
}
.feature-list{
  display:grid;
  gap:14px;
}
.feature-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.feature-list .icon-svg{
  width:18px;height:18px;
  color:var(--navy-700);
  margin-top:4px;
}
.feature-list span:last-child{color:var(--ink-soft)}
.coverage-search{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow-sm);
}
.search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
.search-row input{
  min-height:54px;
}
.home-town-combobox{
  position:relative;
  min-width:0;
}
.home-town-combobox input{
  width:100%;
  border:1px solid rgba(11,31,51,.14);
  border-radius:14px;
  background:#F7F9FC;
  color:var(--ink);
  padding:0 16px;
  box-shadow:inset 0 0 0 1px transparent;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.home-town-combobox input:focus{
  outline:none;
  border-color:var(--navy-700);
  background:#fff;
  box-shadow:0 0 0 4px rgba(13,60,94,.12);
}
.home-town-suggestions{
  position:absolute;
  z-index:30;
  top:calc(100% + 8px);
  left:0;
  right:0;
  display:grid;
  gap:4px;
  max-height:286px;
  overflow:auto;
  padding:8px;
  border:1px solid rgba(11,31,51,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 40px rgba(11,31,51,.14);
}
.home-town-suggestion{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--ink);
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.home-town-suggestion::after{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.42;
}
.home-town-suggestion:hover,
.home-town-suggestion:focus,
.home-town-suggestion.is-active{
  outline:none;
  background:#F0F4F8;
  color:var(--navy-700);
}
.home-town-suggestion[aria-disabled="true"]{
  cursor:default;
  color:var(--ink-soft);
}
.home-town-suggestion[aria-disabled="true"]::after{display:none}
.home-town-suggestion small{
  display:block;
  margin-top:2px;
  color:var(--ink-soft);
  font-weight:600;
}
.search-help{
  margin-top:12px;
  color:var(--ink-soft);
  font-size:.95rem;
}
.coverage-map{
  overflow:hidden;
  border-radius:24px;
  box-shadow:var(--shadow-sm);
}
.coverage-map img,
.coverage-map svg{
  width:100%;
  height:auto;
}
.municipality-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.band{
  border:1px solid var(--border);
  background:#fff;
  border-radius:22px;
  padding:26px;
  box-shadow:var(--shadow-sm);
}
.band h2,
.band h3{margin-bottom:10px}
.band p{color:var(--ink-soft)}
.band-grid{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.process-card{
  position:relative;
  padding-left:64px;
}
.process-card__icon{
  position:absolute;
  left:0;top:0;
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:14px;
  background:rgba(22,59,92,.08);
  color:var(--navy-700);
}
.process-card h3{margin-bottom:8px}
.faq-list{
  display:grid;
  gap:12px;
}
.faq-item{
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.faq-question{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  background:#fff;
  border:0;
  text-align:left;
  font-weight:800;
}
.faq-question > span:first-child{
  flex:1 1 auto;
  min-width:0;
}
.faq-question .icon-svg{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  width:18px;height:18px;
  transition:transform .2s ease;
}
.faq-question .icon-svg svg{width:18px;height:18px}
.faq-answer{
  padding:0 22px 22px;
}
.faq-answer p{margin:0;color:var(--ink-soft)}
.form-shell{
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px;
  box-shadow:var(--shadow-sm);
  display:grid;
  gap:12px;
}
.form-shell--sidebar{
  position:sticky;top:124px
}
.form-shell--sidebar > *{margin:0}
.form-shell--sidebar > * + *{margin-top:14px}
.form-shell fieldset{
  border:0;
  padding:0;
  margin:0;
}
.form-shell legend{
  font-weight:700;
  margin-bottom:8px;
  font-size:.86rem;
  line-height:1.2;
}
.form-shell--interactive{gap:16px}
.form-progress{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.form-progress__step{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  color:var(--ink-soft);
}
.form-progress__step-number{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--border);
  font-weight:800;
  color:var(--navy);
}
.form-progress__step-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.form-progress__step-copy strong{
  font-size:.95rem;
  color:var(--ink);
}
.form-progress__step-copy span{
  font-size:.83rem;
}
.form-progress__step.is-active{
  border-color:rgba(11,31,51,.18);
  background:rgba(247,181,0,.12);
  color:var(--ink);
}
.form-progress__step.is-active .form-progress__step-number{
  background:var(--amber);
  border-color:rgba(161,109,0,.24);
}
.form-progress__step.is-complete{
  border-color:rgba(14,116,60,.18);
  background:rgba(22,163,74,.08);
  color:var(--ink);
}
.form-progress__step.is-complete .form-progress__step-number{
  background:rgba(22,163,74,.14);
  border-color:rgba(14,116,60,.2);
}
.form-step{
  display:grid;
  gap:16px;
}
.form-step[hidden]{display:none !important}
.form-step__intro{
  display:grid;
  gap:8px;
}
.form-step__intro h3{
  margin:0;
  font-size:1.2rem;
}
.form-step__intro p{
  margin:0;
  color:var(--ink-soft);
}
.form-step__consent-slot:empty{display:none}
.form-grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.form-grid--single{grid-template-columns:1fr}
.form-grid > .field--full,
.form-grid > .form-subsection,
.form-grid > .form-choice-group,
.form-grid > .consent,
.form-grid > .otp-panel,
.form-grid > .form-details{
  grid-column:1 / -1;
}
.field{display:grid;gap:5px}
.field label{
  font-weight:700;
  font-size:.84rem;
}
.field__control{
  display:grid;
  gap:6px;
}
.field__control--autocomplete{
  position:relative;
}
.field-inline-action{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  align-items:start;
}
.field-inline-action > *{min-width:0}
.field input,
.field textarea,
.field select{
  width:100%;
  border:1px solid var(--border-strong);
  border-radius:12px;
  min-height:44px;
  padding:9px 12px;
  background:#fff;
  color:var(--ink);
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.field input::placeholder,
.field textarea::placeholder{color:#7C8A9A;opacity:1}
.field input:focus,
.field textarea:focus,
.field select:focus{
  outline:0;
  border-color:rgba(11,31,51,.42);
  box-shadow:0 0 0 4px rgba(11,31,51,.08);
}
.field textarea{resize:vertical;min-height:76px}
.field small{
  color:var(--ink-soft);
  font-size:.8rem;
  line-height:1.45;
}
.field-action{
  width:max-content;
}
.field-inline-action .field-action{
  width:auto;
  min-height:44px;
  align-self:stretch;
  white-space:nowrap;
}
.form-details{
  border:1px dashed rgba(11,31,51,.14);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%, rgba(245,247,251,.72) 100%);
  overflow:hidden;
}
.form-details > summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  cursor:pointer;
}
.form-details > summary::-webkit-details-marker{display:none}
.form-details > summary::after{
  content:"+";
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(11,31,51,.1);
  color:var(--navy);
  font-weight:800;
  font-size:1rem;
}
.form-details[open] > summary::after{content:"−"}
.form-details > summary span{
  display:grid;
  gap:2px;
}
.form-details > summary strong{
  font-size:.95rem;
  color:var(--ink);
}
.form-details > summary small{
  color:var(--ink-soft);
  font-size:.82rem;
}
.form-details__body{
  display:grid;
  gap:14px;
  padding:0 18px 18px;
}
.form-details.has-value > summary{
  background:rgba(247,181,0,.08);
}
.form-details__hint{
  margin:0;
  color:var(--ink-soft);
  font-size:.84rem;
  line-height:1.45;
}
.summary-panel--inline{
  margin-top:0;
  padding:20px;
  background:linear-gradient(180deg,#fff 0%, rgba(245,247,251,.92) 100%);
}
.summary-panel--inline h4{
  margin:0;
  font-size:1rem;
}
.summary-grid--compact{
  margin-top:16px;
}
.form-review-extras{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:16px;
}
.form-review-pill{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 12px;
  align-items:start;
  padding:15px 16px;
  border-radius:16px;
  border:1px solid rgba(11,31,51,.08);
  background:#fff;
}
.form-review-pill--full{
  grid-column:1 / -1;
}
.form-review-pill__icon{
  width:18px;
  height:18px;
  color:var(--navy-700);
  margin-top:2px;
}
.form-review-pill strong{
  grid-column:2;
  display:block;
  font-size:.9rem;
  color:var(--ink-soft);
}
.form-review-pill span{
  grid-column:2;
  color:var(--ink);
  line-height:1.55;
}
.form-verification-shell{
  display:grid;
  gap:16px;
  padding:18px;
  border:1px dashed rgba(11,31,51,.16);
  border-radius:20px;
  background:rgba(245,247,251,.72);
}
.form-verification-shell__copy{
  display:grid;
  gap:6px;
}
.form-verification-shell__copy h4{
  margin:0;
  font-size:1rem;
}
.form-verification-shell__copy p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.55;
}
.field-action.is-loading{
  pointer-events:none;
  opacity:.8;
}
.field.is-invalid input,
.field.is-invalid textarea,
.field.is-invalid select{
  border-color:#D92D20;
  box-shadow:0 0 0 4px rgba(217,45,32,.08);
}
.consent.is-invalid{
  border-radius:16px;
  padding:14px 16px;
  background:#FFF7F5;
}
.consent.is-invalid input{
  outline:2px solid transparent;
}
.field-error{
  margin:0;
  color:#B42318;
  font-size:.88rem;
  line-height:1.45;
}
.field-assistive{
  margin:0;
  font-size:.88rem;
  line-height:1.45;
  color:var(--ink-soft);
}
.field-assistive--success{color:#067647}
.field-assistive--warning{color:#B54708}
.autocomplete-panel{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  width:100%;
  min-width:100%;
  max-width:100%;
  z-index:30;
  display:grid;
  gap:0;
  background:#fff;
  border:1px solid rgba(11,31,51,.12);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(11,31,51,.16);
  overflow:hidden;
}
.autocomplete-panel[hidden]{display:none}
.autocomplete-panel__list{
  display:grid;
  max-height:280px;
  overflow:auto;
}
.autocomplete-panel__option{
  appearance:none;
  border:0;
  border-bottom:1px solid rgba(11,31,51,.08);
  background:#fff;
  color:var(--ink);
  text-align:left;
  padding:14px 16px;
  font:inherit;
  line-height:1.45;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease;
}
.autocomplete-panel__option:last-child{border-bottom:0}
.autocomplete-panel__option:hover,
.autocomplete-panel__option.is-active{
  background:rgba(247,181,0,.12);
  color:var(--navy);
}
.autocomplete-panel__status,
.autocomplete-panel__meta{
  margin:0;
  padding:12px 16px;
  font-size:.82rem;
  line-height:1.4;
}
.autocomplete-panel__status{
  color:var(--ink-soft);
  border-top:1px solid rgba(11,31,51,.08);
}
.autocomplete-panel__meta{
  color:var(--ink-soft);
  background:rgba(245,247,251,.9);
  border-top:1px solid rgba(11,31,51,.08);
}
.otp-panel{
  display:grid;
  gap:12px;
  padding:14px 16px;
  border:1px solid rgba(11,31,51,.1);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%, rgba(245,247,251,.9) 100%);
}
.otp-panel__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.otp-panel__copy{
  display:grid;
  gap:6px;
}
.otp-panel__copy strong{
  display:block;
  font-size:.96rem;
}
.otp-panel__copy p{
  margin:0;
  color:var(--ink-soft);
  font-size:.86rem;
  line-height:1.45;
}
.otp-panel__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(6,118,71,.12);
  color:#067647;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
}
.otp-panel__badge[hidden]{display:none}
.otp-panel__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.otp-panel__actions .btn{
  flex:1 1 180px;
}
.otp-panel__code{
  display:grid;
  gap:12px;
}
.otp-panel__status{
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid transparent;
  font-size:.88rem;
  line-height:1.45;
}
.otp-panel__status[hidden]{display:none}
.otp-panel__status--info{
  background:var(--surface-soft);
  color:var(--ink);
  border-color:var(--border);
}
.otp-panel__status--success{
  background:rgba(6,118,71,.08);
  color:#067647;
  border-color:rgba(6,118,71,.18);
}
.otp-panel__status--warning{
  background:rgba(181,71,8,.08);
  color:#B54708;
  border-color:rgba(181,71,8,.18);
}
.otp-panel__status--error{
  background:#FEF3F2;
  color:#B42318;
  border-color:#FDA29B;
}
.verification-status-panel{
  max-width:720px;
  margin-inline:auto;
  display:grid;
  gap:18px;
  text-align:center;
}
.verification-status-panel h1{
  margin:0;
}
.verification-status-panel p{
  margin:0;
  color:var(--ink-soft);
  line-height:1.7;
}
.verification-status-panel .status-icon{
  margin:0 auto;
}
.verification-status-panel .page-intro__actions{
  justify-content:center;
  margin-top:0;
}
.form-status{
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid transparent;
  font-size:.93rem;
  line-height:1.5;
}
.form-status[hidden]{display:none}
.form-status--info{
  background:var(--surface-soft);
  color:var(--ink);
  border-color:var(--border);
}
.form-status--error{
  background:#FEF3F2;
  color:#B42318;
  border-color:#FDA29B;
}
.consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
}
.consent input{margin-top:4px}
.consent label{
  color:var(--ink-soft);
  font-size:.9rem;
  line-height:1.45;
}
.form-note{
  margin-top:8px;
  color:var(--ink-soft);
  font-size:.86rem;
  line-height:1.45;
}
.form-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.form-actions .btn{
  flex:1 1 220px;
}
.form-shell.is-submitting .option-card{
  pointer-events:none;
}
.form-subsection{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px dashed rgba(11,31,51,.14);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%, rgba(245,247,251,.7) 100%);
}
.form-subsection__title{
  margin:0;
  font-size:1rem;
  font-weight:800;
  color:var(--ink);
}
.form-subsection__copy{
  margin:0;
  color:var(--ink-soft);
  font-size:.92rem;
}
.form-layout{
  display:grid;
  gap:22px;
  grid-template-columns:minmax(0,1fr) 296px;
  align-items:start;
}
.form-layout--simple{
  grid-template-columns:minmax(0,1fr) 312px;
}
.form-choice-group{
  display:grid;
  gap:8px;
}
.inline-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,180px));
  gap:10px;
  justify-content:flex-start;
  max-width:350px;
}
.option-card{
  display:flex;
  gap:8px;
  align-items:center;
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  background:var(--surface-soft);
  position:relative;
  min-height:100%;
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease, transform .2s ease;
}
.option-card:hover{
  transform:translateY(-1px);
  border-color:rgba(11,31,51,.18);
}
.option-card input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
.option-card.is-selected{
  border-color:rgba(11,31,51,.24);
  background:rgba(247,181,0,.12);
  box-shadow:0 10px 22px rgba(11,31,51,.08);
}
.option-card > span:last-child{
  flex:1 1 auto;
  min-width:0;
  display:grid;
  gap:2px;
}
.option-card__icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#fff;
  border:1px solid var(--border);
  color:var(--navy-700);
}
.option-card.is-selected .option-card__icon{
  background:var(--amber);
  border-color:rgba(161,109,0,.24);
}
.option-card__icon svg{width:16px;height:16px}
.option-card strong{display:block;font-size:.92rem;line-height:1.2}
.option-card span{display:block;color:var(--ink-soft);font-size:.82rem;line-height:1.35}
.reservation-schedule-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 12px;
  align-items:end;
}
.reservation-schedule-row .inline-options{
  flex:0 0 auto;
  width:auto;
  max-width:none;
  grid-template-columns:repeat(2,minmax(126px,1fr));
}
.reservation-schedule-row [data-conditional-field="programada"]{
  flex:1 1 310px;
  min-width:min(100%,310px);
  max-width:440px;
  grid-template-columns:repeat(2,minmax(132px,1fr));
  gap:10px;
  align-items:end;
}
.reservation-schedule-row [data-conditional-field="programada"][hidden]{display:none !important}
.reservation-schedule-row .option-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  min-height:0;
}
.reservation-schedule-row .option-card__icon{
  align-self:center;
  justify-self:center;
}
.helper-card{
  display:grid;
  gap:12px;
  border:1px solid var(--border);
  background:var(--surface-soft);
  border-radius:18px;
  padding:16px;
  color:var(--ink);
}
.helper-card h3{font-size:1rem}
.helper-card p,
.helper-card li{color:var(--ink-soft)}
.helper-card ul{display:grid;gap:8px}
.price-grid{
  display:grid;
  gap:22px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.price-card{
  display:grid;
  gap:12px;
  align-content:start;
}
.price-card .pill{width:max-content}
.filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.filter-btn{
  appearance:none;
  border:1px solid var(--border);
  background:#fff;
  color:var(--ink-soft);
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  font-weight:700;
}
.filter-btn.is-active,
.filter-btn:hover{
  color:var(--ink);
  border-color:var(--navy);
}
.notice{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border-left:4px solid var(--amber);
  background:#FFF8E1;
  border-radius:14px;
  padding:16px 18px;
  color:#614400;
}
.notice .icon-svg{
  width:18px;
  height:18px;
  color:#A16D00;
  margin-top:2px;
}
.two-col{
  display:grid;
  gap:32px;
  grid-template-columns:1.1fr .9fr;
  align-items:start;
}
.article-layout{
  display:grid;
  gap:36px;
  grid-template-columns:minmax(0,1fr) 300px;
}
.article-content{
  max-width:72ch;
}
.article-content h2{
  font-size:1.7rem;
  margin:32px 0 14px;
}
.article-content h3{
  font-size:1.25rem;
  margin:24px 0 10px;
}
.article-content p,
.article-content li{
  color:var(--ink-soft);
}
.article-content ul{
  display:grid;
  gap:10px;
  margin:0 0 20px 0;
}
.article-content li{
  list-style:none;
  position:relative;
  padding-left:28px;
}
.article-content li::before{
  content:"";
  position:absolute;
  left:0;top:11px;
  width:10px;height:10px;
  border-radius:999px;
  background:var(--amber);
}
.toc{
  position:sticky;
  top:124px;
  display:grid;
  gap:14px;
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
  padding:20px;
  box-shadow:var(--shadow-sm);
}
.toc h3{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:1rem;
}
.toc h3 .icon-svg{width:18px;height:18px;color:var(--navy-700)}
.toc a{
  color:var(--ink-soft);
  font-weight:700;
}
.toc a:hover{color:var(--ink)}
.cta-banner{
  background:
    radial-gradient(circle at right top, rgba(247,181,0,.15), transparent 32%),
    linear-gradient(135deg,var(--navy) 0%, var(--navy-700) 100%);
  color:#fff;
  border-radius:30px;
  padding:32px;
  display:grid;
  align-items:center;
  grid-template-columns:minmax(0,1fr) minmax(280px,460px);
  gap:24px;
  box-shadow:var(--shadow-md);
}
.cta-banner .eyebrow{color:#DCE8F4}
.cta-banner p{color:#DCE8F4}
.cta-banner__actions{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:1fr;
  gap:12px;
}
.cta-banner__actions .btn{
  width:100%;
  justify-content:center;
}
.site-footer{
  background:var(--navy);
  color:#F8FAFC;
  margin-top:40px;
  padding-top:56px;
}
.footer-grid{
  display:grid;
  gap:32px;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
}
.footer-copy{
  margin:16px 0 18px;
  color:#CBD5E1;
}
.footer-contact,
.footer-links{
  display:grid;
  gap:12px;
}
.footer-contact li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#E2E8F0;
}
.footer-links a{color:#CBD5E1}
.footer-links a:hover{color:#fff}
.footer-grid h3{
  font-size:1rem;
  margin-bottom:14px;
}
.footer-bottom{
  margin-top:32px;
  padding:18px 0 24px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#CBD5E1;
  font-size:.95rem;
}
body.page--transactional .site-footer{
  margin-top:0;
  padding-top:28px;
}
body.page--transactional .footer-grid{
  grid-template-columns:1fr;
  gap:18px;
}
body.page--transactional .footer-grid > div:not(:first-child){
  display:none;
}
body.page--transactional .footer-copy{
  margin-bottom:12px;
}
body.page--transactional .footer-bottom{
  margin-top:18px;
  padding-bottom:18px;
}
.footer-meta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.footer-meta a{color:#E2E8F0}
.center-message{
  max-width:720px;
  margin:0 auto;
  text-align:center;
}
.center-message h1{font-size:clamp(2rem,2vw + 1rem,3rem);margin-bottom:14px}
.center-message p{color:var(--ink-soft);font-size:1.08rem;line-height:1.8}
.summary-panel{
  margin-top:26px;
  padding:24px;
  border:1px solid var(--border);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
  text-align:left;
  color:var(--ink);
}
.summary-panel h2{margin-bottom:0}
.summary-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:18px;
}
.summary-grid div{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 12px;
  align-items:start;
  padding:16px;
  border-radius:16px;
  background:var(--surface-soft);
}
.summary-field__icon{
  grid-row:1 / span 2;
  width:18px;
  height:18px;
  color:var(--navy-700);
  margin-top:2px;
}
.summary-grid strong{
  grid-column:2;
  display:block;
  font-size:.9rem;
  color:var(--ink-soft);
  margin-bottom:6px;
}
.summary-grid span{grid-column:2}
.status-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  border-radius:20px;
  background:rgba(247,181,0,.16);
  color:var(--navy-700);
  box-shadow:var(--shadow-sm);
}
.status-icon svg{width:30px;height:30px}
.legal-content{
  max-width:72ch;
}
.legal-content h2{
  font-size:1.5rem;
  margin:28px 0 14px;
}
.legal-content p,
.legal-content li{
  color:var(--ink-soft);
}
.legal-content ul{
  display:grid;
  gap:10px;
  margin-bottom:20px;
}
.legal-review-note{
  margin-top:28px;
  padding:20px;
  border:1px solid rgba(247,181,0,.42);
  border-radius:8px;
  background:rgba(247,181,0,.1);
}
.page-404{
  min-height:60vh;
  display:grid;
  place-items:center;
}
.reservation-modal{
  position:fixed;
  inset:0;
  z-index:2000;
  display:grid;
  place-items:stretch;
  padding:0;
  background:rgba(11,31,51,.56);
  backdrop-filter:blur(10px);
}
.reservation-modal[hidden]{display:none !important}
.reservation-modal__dialog{
  width:100vw;
  height:100dvh;
  max-height:none;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  border-radius:0;
  border:0;
  background:#fff;
  box-shadow:none;
}
.reservation-modal__header{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding:14px 32px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:#fff;
}
.reservation-modal__eyebrow{
  margin:0 0 4px;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--amber-700);
}
.reservation-modal__title{
  margin:0;
  font-size:1.4rem;
  line-height:1.15;
  color:var(--ink);
}
.reservation-modal__copy{
  margin:8px 0 0;
  color:var(--ink-soft);
  max-width:58ch;
}
.reservation-modal__close{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--ink);
  cursor:pointer;
}
.reservation-modal__close:hover{background:var(--surface-soft)}
.reservation-modal__close span{
  font-size:1.55rem;
  line-height:1;
}
.reservation-modal__body{
  overflow:auto;
  padding:32px;
  background:#fff;
}
.reservation-modal__body .form-layout{
  max-width:1280px;
  margin-inline:auto;
}
.reservation-modal .ride-map-panel{
  position:relative;
  top:auto;
}
.reservation-modal__body .form-shell:not(.ride-booking-form){
  padding:0;
  border:0;
  box-shadow:none;
}
.page-confirmation{
  position:relative;
  overflow:hidden;
  padding:48px 0;
  color:#fff;
  background:
    linear-gradient(104deg, rgba(11,31,51,.94) 0%, rgba(11,31,51,.86) 44%, rgba(11,31,51,.72) 100%),
    var(--hero-bg) center/cover no-repeat;
}
.page-confirmation .container{position:relative}
.confirmation-shell{
  display:grid;
  gap:18px;
  padding:4px 0;
}
.confirmation-hero{
  display:grid;
  gap:10px;
  max-width:760px;
}
.confirmation-hero p{color:#E2E8F0}
.confirmation-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  border:1px solid transparent;
}
.status-pill--info{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.16)}
.status-pill--warning{background:rgba(247,181,0,.16);color:#FFE19A;border-color:rgba(247,181,0,.3)}
.status-pill--success{background:rgba(39,174,96,.18);color:#B9F6CA;border-color:rgba(39,174,96,.3)}
.status-pill--accent{background:rgba(69,143,255,.18);color:#D7E8FF;border-color:rgba(69,143,255,.28)}
.status-pill--error{background:rgba(217,45,32,.18);color:#FFD4CF;border-color:rgba(217,45,32,.28)}
.status-pill--ghost{background:rgba(255,255,255,.08);color:#E8EEF7;border-color:rgba(255,255,255,.12)}
.confirmation-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:22px;
  align-items:start;
}
.confirmation-main,
.confirmation-aside{
  display:grid;
  gap:18px;
}
.confirmation-section{
  padding:18px;
  border:1px solid rgba(217,225,236,.92);
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:var(--shadow-sm);
  color:var(--ink);
}
.confirmation-section h2{
  margin:0 0 6px;
  color:var(--ink);
}
.confirmation-section > p{
  margin:0;
  color:var(--ink-soft);
}
.detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.detail-item{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:12px;
  background:var(--surface-soft);
  border:1px solid rgba(11,31,51,.08);
}
.detail-item strong{
  font-size:.8rem;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ink-soft);
}
.detail-item span{
  color:var(--ink);
  line-height:1.45;
}
.confirmation-map{
  display:grid;
  gap:14px;
  margin-top:16px;
}
.confirmation-map iframe{
  width:100%;
  aspect-ratio:16 / 10;
  border:0;
  border-radius:18px;
  background:#E9EEF5;
}
.confirmation-inline-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.confirmation-empty{
  margin-top:16px;
  padding:16px;
  border-radius:16px;
  background:rgba(245,247,251,.92);
  border:1px dashed rgba(11,31,51,.14);
  color:var(--ink-soft);
}
.hidden{display:none !important}
[data-town].is-hidden,
[data-review].is-hidden{display:none !important}
.anchor-target{scroll-margin-top:110px}
@media (min-width: 1201px) and (max-width: 1440px){
  .site-header-inner{gap:18px}
  .logo{gap:12px}
  .logo-copy small{display:none}
  .site-nav{gap:4px}
  .nav-link{padding:10px 12px}
  .header-actions{gap:10px}
  .header-phone{padding-inline:12px}
  .btn--compact{padding-inline:14px}
}
@media (min-width: 1201px) and (max-width: 1320px){
  .header-actions .btn--ghost{display:none}
}
@media (max-width: 1200px){
  .site-nav,.header-actions{display:none}
  .header-mobile-actions{display:flex}
  .site-header-inner{
    min-height:64px;
    gap:16px;
  }
  .logo-copy small{display:none}
}
@media (max-width: 520px){
  .site-header > .container .logo:not(.logo--footer) .logo-image{
    height:38px;
    max-width:132px;
  }
}
@media (max-width: 1100px){
  .trust-strip__inner,
  .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .local-layout,
  .form-layout,
  .article-layout,
  .two-col{grid-template-columns:1fr}
  .toc,
  .sticky-card,
  .form-shell--sidebar{position:static}
}
@media (max-width: 900px){
  .container{padding-inline:20px}
  .hero-home{padding:56px 0 64px}
  .hero-home__grid,
  .page-intro__grid,
  .grid-4,
  .grid-3,
  .grid-2,
  .step-grid,
  .band-grid,
  .trust-strip__inner,
  .price-grid,
  .form-progress,
  .inline-options,
  .form-review-extras,
  .form-grid{grid-template-columns:1fr}
  .hero-home h1{max-width:none}
  .hero-home__lead{font-size:1.02rem}
  .trust-strip{transform:none;margin-top:-10px}
  .subnav{
    position:relative;
    top:auto;
    padding-top:0;
    background:transparent;
  }
  .cta-banner{
    grid-template-columns:1fr;
    align-items:flex-start;
    padding:28px;
  }
  .cta-banner__actions{
    display:grid;
    grid-auto-flow:row;
    grid-auto-columns:auto;
    width:100%;
    justify-content:flex-start;
  }
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }
  .summary-grid{grid-template-columns:1fr}
  .form-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .form-actions .btn{
    width:100%;
    flex:1 1 auto;
  }
  .confirmation-layout,
  .detail-grid{grid-template-columns:1fr}
  .reservation-modal{padding:0}
  .reservation-modal__dialog{
    width:100%;
    height:100%;
    max-height:none;
    border-radius:0;
  }
  .reservation-modal__header,
  .reservation-modal__body{padding:18px}
  .form-choice-group .inline-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
  }
  .field-inline-action{
    grid-template-columns:minmax(0,1fr);
  }
  .field-inline-action .field-action{
    min-height:42px;
  }
}
@media (max-width: 640px){
  body{padding-bottom:82px}
  .mobile-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mobile-drawer{
    padding:0;
    align-items:end;
  }
  .mobile-drawer__panel{
    width:100%;
    height:min(92vh,720px);
    border-radius:8px 8px 0 0;
    padding:18px;
  }
  .mobile-drawer__quick{
    grid-template-columns:1fr;
  }
  .mobile-drawer__link-grid{
    grid-template-columns:1fr 1fr;
  }
  .mobile-nav__link{
    min-height:48px;
    padding:10px 12px;
  }
  .btn,.btn--compact{width:100%;min-height:48px}
  .hero-home__actions,
  .page-intro__actions,
  .quick-card__actions,
  .cta-banner__actions{display:grid;grid-template-columns:1fr}
  .search-row{grid-template-columns:1fr}
  .home-town-suggestions{
    position:static;
    margin-top:8px;
  }
  .header-mobile-actions .btn{width:auto}
  .header-mobile-actions .menu-toggle{width:48px}
  .hero-quick__body{padding:20px}
  .card,.review-card,.coverage-search,.band,.form-shell,.sticky-card,.toc,.summary-panel{padding:20px}
  .section{padding:56px 0}
  .section--tight{padding:42px 0}
  .field-action{width:100%}
}
@media (min-width: 641px) and (max-width: 900px){
  .container{padding-inline:24px}
  .hero-home{padding:64px 0 72px}
  .hero-home__grid,
  .page-intro__grid,
  .hero-split{gap:32px}
  .grid-4,
  .grid-3,
  .grid-2,
  .step-grid,
  .band-grid,
  .trust-strip__inner,
  .price-grid,
  .route-grid,
  .review-grid,
  .stat-band{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-stack{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3 > :last-child:nth-child(odd),
  .grid-4 > :last-child:nth-child(odd),
  .band-grid > :last-child:nth-child(odd),
  .step-grid > :last-child:nth-child(odd),
  .price-grid > :last-child:nth-child(odd),
  .route-grid > :last-child:nth-child(odd),
  .review-grid > :last-child:nth-child(odd),
  .stat-band > :last-child:nth-child(odd),
  .quick-stack > :last-child:nth-child(odd){grid-column:1 / -1}
}


.chip-link{border-color:rgba(22,59,92,.16);background:#fff}
.chip-link:hover{border-color:var(--navy);color:var(--ink)}
.form-shell[data-reservation-layout="compact"] .form-progress{display:none}
.form-shell[data-reservation-layout="compact"] .form-step{gap:14px}
.form-shell[data-reservation-layout="compact"] [data-form-step="2"]{
  padding-top:6px;
  border-top:1px solid rgba(11,31,51,.08);
}
.form-shell[data-reservation-layout="compact"] .form-grid{gap:12px}
.form-shell[data-reservation-layout="compact"] .form-step__intro,
.form-shell[data-reservation-layout="compact"] [data-form-step="1"] > .form-actions,
.form-shell[data-reservation-layout="compact"] [data-form-step="1"] > .form-note,
.form-shell[data-reservation-layout="compact"] [data-step-back]{display:none !important}
.page-intro--booking-strip{
  padding:24px 0 20px;
  background:linear-gradient(180deg,rgba(245,247,251,.96) 0%, #fff 100%);
}
.page-intro--booking-strip .center-message{
  max-width:900px;
  margin:0;
  text-align:left;
}
.page-intro--booking-strip .center-message p{
  max-width:none;
  font-size:1rem;
  line-height:1.6;
}
.page-intro--booking-strip .page-intro__actions{margin-top:14px}
body.page--transactional .breadcrumb{
  display:none;
}
body.page--transactional .page-intro--booking-strip{
  padding:18px 0 14px;
}
body.page--transactional .page-intro--booking-strip .center-message{
  max-width:760px;
}
body.page--transactional .page-intro--booking-strip .page-intro__actions{
  display:flex;
  flex-wrap:wrap;
}
body.page--transactional .section--soft{
  padding-top:28px;
}
body.page--transactional .form-layout{
  max-width:1060px;
  margin-inline:auto;
}
body.page--reservation .page-intro--booking-strip{
  display:none;
}
body.page--reservation .section--soft{
  padding:32px 0 64px;
  background:#fff;
}
.form-layout.form-layout--ride-booking{
  max-width:none;
  grid-template-columns:minmax(360px,520px) minmax(0,1fr);
  gap:36px;
}
.ride-booking-form.form-shell{
  display:block;
  padding:26px;
  border-radius:8px;
  border-color:rgba(15,23,42,.1);
  box-shadow:none;
}
.ride-booking-form .form-progress,
.ride-booking-form > .form-step{
  display:none !important;
}
.ride-booking{
  display:grid;
  gap:16px;
}
.ride-booking__title{
  margin:0 0 8px;
  font-size:1.65rem;
  letter-spacing:0;
}
.ride-booking__stack{
  display:grid;
  gap:12px;
}
.ride-booking-field{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:10px 14px;
  border:2px solid transparent;
  border-radius:8px;
  background:#F3F4F6;
  transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
.ride-booking-field:focus-within{
  background:#fff;
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(11,31,51,.08);
}
.ride-booking-field__icon{
  width:24px;
  height:24px;
  color:#020617;
}
.ride-booking-field__icon svg{
  width:24px;
  height:24px;
}
.ride-booking-field .field__control{
  min-width:0;
  display:grid;
  gap:4px;
}
.ride-booking-form .ride-booking-field input,
.ride-booking-form .ride-booking-field select,
.ride-booking-form .ride-booking-field textarea{
  min-height:42px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:1rem;
  color:var(--ink);
}
.ride-booking-form .ride-booking-field input:focus,
.ride-booking-form .ride-booking-field select:focus,
.ride-booking-form .ride-booking-field textarea:focus{
  border:0;
  box-shadow:none;
}
.ride-booking-form .ride-booking-field input::placeholder{
  color:#5B6472;
}
.ride-booking-field .field-inline-action{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.ride-booking-field .field-action{
  width:auto;
  min-height:36px;
  padding-inline:12px;
  border-radius:8px;
  white-space:nowrap;
}
.ride-booking-field .field-error,
.ride-booking-field .field-assistive{
  grid-column:1 / -1;
  margin-left:40px;
}
.ride-booking-form .autocomplete-panel{
  top:calc(100% + 10px);
  left:0;
  right:0;
  width:100%;
  min-width:100%;
  max-width:100%;
  border-radius:8px;
  box-shadow:0 24px 56px rgba(15,23,42,.2);
}
.ride-booking-form .autocomplete-panel__option{
  min-height:58px;
  padding:14px 18px;
  background:#fff;
}
.ride-booking-form .autocomplete-panel__option--action{
  display:grid;
  gap:3px;
  text-align:left;
}
.ride-booking-form .autocomplete-panel__option-title{
  font-weight:800;
  color:var(--ink);
}
.ride-booking-form .autocomplete-panel__option-copy{
  font-size:.9rem;
  color:var(--ink-soft);
}
.ride-booking-form .autocomplete-panel__option:hover,
.ride-booking-form .autocomplete-panel__option.is-active{
  background:#F1F5F9;
  color:var(--ink);
}
.ride-booking-field .field-action--menu-only{
  display:none !important;
}
.ride-booking__schedule{
  position:relative;
}
.ride-booking-form.is-schedule-open .ride-booking__title,
.ride-booking-form.is-schedule-open .ride-booking__stack > :not(.ride-booking__schedule),
.ride-booking-form.is-schedule-open .ride-booking__chips,
.ride-booking-form.is-schedule-open .ride-booking__extra,
.ride-booking-form.is-schedule-open .ride-booking__verification,
.ride-booking-form.is-schedule-open .ride-booking__status,
.ride-booking-form.is-schedule-open .ride-booking__actions{
  display:none !important;
}
.ride-booking-form.is-schedule-open .ride-booking__stack{
  display:block;
}
.ride-booking-form.is-schedule-open .ride-booking__schedule{
  position:static;
}
.ride-booking-form.is-schedule-open .ride-booking-trigger{
  display:none;
}
.ride-booking__native-controls{
  display:none;
}
.ride-booking-trigger{
  width:100%;
  min-height:70px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 20px;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border:2px solid transparent;
  border-radius:8px;
  background:#F3F4F6;
  color:var(--ink);
  text-align:left;
}
.ride-booking-trigger:hover,
.ride-booking-trigger:focus-visible{
  background:#fff;
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(11,31,51,.08);
  outline:0;
}
.ride-booking-trigger__icon,
.ride-booking-trigger__chevron{
  width:24px;
  height:24px;
  color:#020617;
}
.ride-booking-trigger__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:1rem;
  font-weight:700;
}
.ride-schedule-panel{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  right:0;
  z-index:60;
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:8px;
  background:#fff;
  box-shadow:0 28px 70px rgba(15,23,42,.2);
}
.ride-booking-form.is-schedule-open .ride-schedule-panel{
  position:static;
  inset:auto;
  min-height:520px;
  padding:0;
  border:0;
  box-shadow:none;
  background:#fff;
  align-content:start;
}
.ride-schedule-panel[hidden]{
  display:none !important;
}
.ride-schedule-panel__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ride-schedule-panel__back{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:#F3F4F6;
  color:#020617;
}
.ride-schedule-panel__back svg{
  transform:rotate(180deg);
}
.ride-schedule-panel__clear{
  border:0;
  background:transparent;
  color:#020617;
  font-weight:800;
}
.ride-schedule-panel h4{
  margin:0;
  font-size:1.35rem;
  letter-spacing:0;
}
.ride-schedule-panel__now{
  min-height:54px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:#F3F4F6;
  color:var(--ink);
  font-weight:800;
}
.ride-schedule-panel__fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ride-booking-form.is-schedule-open .ride-schedule-panel__fields{
  grid-template-columns:1fr;
}
.ride-schedule-panel__field{
  display:grid;
  gap:6px;
}
.ride-schedule-panel__field label{
  font-size:.84rem;
}
.ride-schedule-panel__field .field__control{
  display:block;
}
.ride-schedule-panel__field input{
  width:100%;
  min-height:52px;
  padding:0 12px;
  border:1px solid var(--border-strong);
  border-radius:8px;
  background:#fff;
}
.ride-booking-form.is-schedule-open .ride-schedule-panel__field input{
  min-height:58px;
  font-size:1rem;
}
.ride-schedule-panel__meta{
  display:grid;
  gap:8px;
  padding:4px 0;
  color:var(--ink-soft);
  font-size:.9rem;
}
.ride-schedule-panel__meta p{
  margin:0;
}
.ride-booking__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ride-booking-field--chip{
  width:max-content;
  max-width:100%;
  min-height:54px;
  grid-template-columns:22px minmax(120px,1fr);
  padding:8px 12px;
}
.ride-booking-field--chip .ride-booking-field__icon,
.ride-booking-field--chip .ride-booking-field__icon svg{
  width:20px;
  height:20px;
}
.ride-booking-form .ride-booking-field--chip select{
  min-height:34px;
  padding-right:20px;
  font-weight:700;
}
.ride-booking__extra{
  display:grid;
  gap:12px;
}
.ride-booking-form .form-details{
  border-style:solid;
  border-radius:8px;
  background:#fff;
}
.ride-booking-form .form-details > summary{
  padding:12px 14px;
}
.ride-booking-form .form-details > summary::after{
  border-radius:8px;
}
.ride-booking-form .form-details__body{
  padding:0 14px 14px;
}
.ride-booking__consent{
  padding:12px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:#F8FAFC;
}
.ride-booking__consent label{
  font-size:.82rem;
}
.ride-booking__verification:empty,
.ride-booking__status:empty{
  display:none;
}
.ride-booking__actions .btn{
  width:100%;
  min-height:64px;
  border-radius:8px;
  font-size:1rem;
}
.ride-map-panel{
  position:sticky;
  top:96px;
  min-height:640px;
  display:grid;
  gap:12px;
  align-content:start;
}
.ride-map-panel__mobile-header{
  display:none;
}
.ride-map-panel__back{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:#F3F4F6;
  color:#020617;
}
.ride-map-panel__back svg{
  width:20px;
  height:20px;
  transform:rotate(180deg);
}
.ride-map-panel__mobile-header h3{
  margin:0;
  font-size:1.25rem;
}
.ride-map-panel__mobile-header p{
  margin:4px 0 0;
  color:var(--ink-soft);
  font-size:.92rem;
}
.ride-map{
  position:relative;
  isolation:isolate;
  min-height:640px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:8px;
  background:
    linear-gradient(18deg, transparent 0 44%, rgba(255,255,255,.72) 44.4% 45.2%, transparent 45.6% 100%),
    linear-gradient(145deg, transparent 0 55%, rgba(255,255,255,.66) 55.3% 56%, transparent 56.4% 100%),
    #E7ECF4;
}
.ride-route-map{
  position:absolute;
  inset:0;
  z-index:0;
  min-height:100%;
  background:#E7ECF4;
}
.ride-route-map .leaflet-control-attribution{
  font-size:.68rem;
}
.ride-map__frame{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  border:0;
  background:#E7ECF4;
  filter:saturate(.92) contrast(.96);
}
.ride-map.is-live .ride-map__frame,
.ride-map.is-live .ride-map__overlay{
  display:none;
}
.ride-map__overlay{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.ride-map::before{
  content:"";
  position:absolute;
  inset:-12%;
  background:
    linear-gradient(25deg, transparent 0 46%, rgba(255,255,255,.68) 46.2% 46.8%, transparent 47% 100%),
    linear-gradient(92deg, transparent 0 52%, rgba(255,255,255,.6) 52.2% 52.8%, transparent 53% 100%),
    linear-gradient(156deg, transparent 0 38%, rgba(255,255,255,.62) 38.2% 38.8%, transparent 39% 100%);
  opacity:.9;
  z-index:-1;
}
.ride-map__park{
  position:absolute;
  background:#A8DEBA;
  border:1px solid rgba(255,255,255,.8);
}
.ride-map__park--one{
  right:-6%;
  bottom:-8%;
  width:46%;
  height:36%;
  transform:skew(-10deg) rotate(-7deg);
}
.ride-map__park--two{
  left:8%;
  top:7%;
  width:22%;
  height:18%;
  border-radius:8px;
  transform:rotate(14deg);
  opacity:.74;
}
.ride-map__road{
  position:absolute;
  display:block;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(148,163,184,.22);
}
.ride-map__road--a6{
  top:18%;
  left:-8%;
  width:70%;
  height:8px;
  transform:rotate(11deg);
  background:#91A7D8;
  box-shadow:0 0 0 2px rgba(255,255,255,.68);
}
.ride-map__road--m40{
  top:49%;
  right:-14%;
  width:74%;
  height:7px;
  transform:rotate(24deg);
  background:#9BAADB;
  box-shadow:0 0 0 2px rgba(255,255,255,.7);
}
.ride-map__road--local-one{
  top:61%;
  left:14%;
  width:58%;
  height:6px;
  transform:rotate(-12deg);
}
.ride-map__road--local-two{
  top:38%;
  left:26%;
  width:48%;
  height:5px;
  transform:rotate(34deg);
}
.ride-map__road--local-three{
  top:72%;
  left:36%;
  width:44%;
  height:5px;
  transform:rotate(10deg);
}
.ride-map__route-line{
  position:absolute;
  top:35%;
  left:28%;
  width:48%;
  height:6px;
  border-radius:999px;
  background:var(--amber);
  transform:rotate(23deg);
  box-shadow:0 0 0 3px rgba(255,255,255,.82),0 8px 18px rgba(15,23,42,.16);
}
.ride-map__badge{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  min-height:28px;
  padding:0 10px;
  border-radius:6px;
  background:var(--navy-700);
  color:#fff;
  font-weight:800;
  font-size:.82rem;
  box-shadow:0 6px 14px rgba(15,23,42,.16);
}
.ride-map__badge--a6{
  top:13%;
  left:40%;
}
.ride-map__badge--m40{
  top:44%;
  right:23%;
}
.ride-map__label{
  position:absolute;
  color:#334155;
  font-weight:800;
  font-size:1.15rem;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
.ride-map__label--madrid{
  right:16%;
  bottom:24%;
}
.ride-map__label--villalba{
  left:12%;
  bottom:38%;
}
.ride-map__label--rozas{
  left:38%;
  bottom:17%;
}
.ride-map__pin{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:220px;
  padding:8px 10px;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font-weight:800;
  font-size:.82rem;
  box-shadow:0 14px 30px rgba(15,23,42,.18);
}
.ride-map__frame ~ .ride-map__overlay .ride-map__pin{
  box-shadow:0 14px 30px rgba(15,23,42,.22);
}
.ride-map__pin::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:#020617;
}
.ride-map__pin--origin{
  top:34%;
  left:28%;
}
.ride-map__pin--destination{
  top:54%;
  right:18%;
}
.ride-map__pin--destination::before{
  border-radius:2px;
  background:var(--amber);
}
.ride-map__pin span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ride-map__zoom{
  position:absolute;
  right:24px;
  bottom:24px;
  display:grid;
  overflow:hidden;
  width:58px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 14px 30px rgba(15,23,42,.16);
}
.ride-map__zoom span{
  display:grid;
  place-items:center;
  height:52px;
  color:#020617;
  font-size:2rem;
  font-weight:700;
}
.ride-map__zoom span + span{
  border-top:1px solid rgba(15,23,42,.08);
}
.ride-map-tools{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ride-map-tool{
  min-height:40px;
  padding:8px 12px;
  border:1px solid rgba(15,23,42,.12);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font-weight:800;
  cursor:pointer;
}
.ride-map-tool.is-active,
.ride-map-tool:hover{
  background:#020617;
  border-color:#020617;
  color:#fff;
}
.ride-map-status{
  margin:0;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  background:#F8FAFC;
  color:var(--ink-soft);
  font-size:.9rem;
}
.ride-map-status[hidden]{display:none !important}
.ride-map-status--success{
  background:rgba(22,163,74,.09);
  border-color:rgba(22,163,74,.18);
  color:#166534;
}
.ride-map-status--warning{
  background:rgba(247,181,0,.12);
  border-color:rgba(247,181,0,.28);
  color:#854D0E;
}
.ride-map-panel__actions{
  display:none;
  gap:10px;
}
.section--reservation-inline{
  padding:42px 0;
}
.section--reservation-inline + .section--tight{
  padding-top:0;
}
.reservation-inline-content{
  scroll-margin-top:110px;
}
.reservation-inline-content > .section-heading{
  max-width:720px;
  margin-bottom:22px;
}
@media (max-width:640px){
  body.page--transactional .page-intro--booking-strip .page-intro__actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.page--transactional .form-shell--sidebar{
    padding:16px;
  }
  body.page--reservation .section--soft{
    padding:18px 0 88px;
  }
  .ride-booking-form.form-shell{
    padding:16px;
  }
  .ride-booking__title{
    font-size:1.4rem;
  }
  .ride-booking-field,
  .ride-booking-trigger{
    min-height:64px;
  }
  .ride-booking-field .field-inline-action{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .ride-booking-field .field-action{
    width:auto;
    max-width:128px;
  }
  .ride-schedule-panel__fields{
    grid-template-columns:1fr;
  }
}
@media (max-width:1100px){
  body.page--reservation .form-layout--ride-booking{
    grid-template-columns:1fr;
  }
  .ride-map-panel{
    position:relative;
    top:auto;
    min-height:300px;
  }
  .ride-map{
    min-height:300px;
  }
  .ride-schedule-panel{
    position:static;
    margin-top:10px;
  }
}
@media (max-width:640px){
  .ride-map-panel{
    min-height:240px;
  }
  .ride-map{
    min-height:240px;
  }
  .ride-map__label,
  .ride-map__badge,
  .ride-map__pin{
    transform:scale(.86);
    transform-origin:center;
  }
  .ride-map__pin{
    max-width:150px;
  }
}
@media (max-width:700px){
  .form-layout.form-layout--ride-booking{
    gap:0;
  }
  .form-layout--ride-booking[data-mobile-ride-step="form"] .ride-map-panel{
    display:none;
  }
  .form-layout--ride-booking[data-mobile-ride-step="map"] .ride-booking-form{
    display:none;
  }
  .form-layout--ride-booking[data-mobile-ride-step="map"] .ride-map-panel{
    display:grid;
    min-height:calc(100dvh - 108px);
  }
  .form-layout--ride-booking[data-mobile-ride-step="map"] .ride-map{
    min-height:calc(100dvh - 290px);
  }
  .ride-map-panel{
    padding:0;
    border:0;
    background:#fff;
  }
  .ride-map-panel__mobile-header{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:start;
    gap:12px;
  }
  .ride-map-tools{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ride-map-panel__actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .ride-map-panel__actions .btn{
    width:100%;
  }
}
.page-intro .chip-link{background:rgba(255,255,255,.9)}
.card ul{padding-left:0;margin:0}
.muted{color:var(--ink-soft)}
.page-intro .media-panel img{aspect-ratio:16/10}
.summary-bullets{display:grid;gap:14px;margin-top:18px}
.summary-bullets li{list-style:none;display:flex;gap:12px;align-items:flex-start}
.summary-bullets .icon-svg{width:18px;height:18px;color:var(--navy-700);margin-top:3px}
.review-card[data-review]{height:100%}
.credits-list{display:grid;gap:16px}
.credits-item{padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff}
.credits-item a{color:var(--navy-700);text-decoration:underline}
.map-caption{margin-top:14px;color:var(--ink-soft)}
.inline-icon{display:inline-flex;align-items:center;gap:8px}
.article-cta{margin:32px 0;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);display:grid;gap:16px}
.inline-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:700}
.helper-card .btn,.sticky-card .btn{width:100%}


.credits-item code{
  display:inline-block;
  padding:3px 8px;
  border-radius:8px;
  background:var(--surface-soft);
  border:1px solid var(--border);
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
}

.hero-home__lead p{margin:0 0 8px}
.hero-home__lead p:last-child{margin-bottom:0}
.hero-bullets{display:grid;gap:10px;margin-top:18px}
.hero-bullets li{display:flex;gap:10px;align-items:flex-start;color:#E2E8F0}
.hero-bullets .icon-svg{width:18px;height:18px;color:var(--amber);margin-top:4px}
.kpi-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.kpi-row .pill{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.12)}
.route-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
.notice-list{display:grid;gap:14px}
.notice-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft)}
.notice-list .icon-svg{width:18px;height:18px;color:var(--navy-700);margin-top:4px}
.town-hero-note{margin-top:14px;color:var(--ink-soft)}
.stat-band{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-band div{padding:18px;border-radius:18px;background:var(--surface-soft);border:1px solid var(--border)}
.stat-band strong{display:block;font-size:1.35rem;color:var(--navy);margin-bottom:6px}
.article-summary{display:grid;gap:12px;margin-top:18px}
.article-summary li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft)}
.article-summary .icon-svg{width:18px;height:18px;color:var(--navy-700);margin-top:4px}
.service-hero-card{display:grid;gap:14px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm);color:var(--ink)}
.service-hero-card h3{margin:0;font-size:1.12rem;color:var(--ink)}
.service-hero-card p{margin:0;color:var(--ink-soft)}
.service-hero-card .btn{width:100%}
.review-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}
.municipality-card .chip-list{margin-top:14px}
.municipality-card p:last-child{margin-bottom:0}
.page-intro--dark{background:linear-gradient(135deg,var(--navy) 0%, var(--navy-700) 100%);color:#fff}
.page-intro--dark p{color:#E2E8F0}
.page-intro--dark .pill{background:rgba(255,255,255,.12);color:#fff}
.page-intro--dark .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.page-intro--dark .btn--secondary{border-color:#fff;color:#fff;background:transparent}
.page-intro--dark .btn--secondary:hover{background:rgba(255,255,255,.12)}
.page-intro--dark .helper-card{
  background:rgba(255,255,255,.97);
  border-color:rgba(255,255,255,.2);
  box-shadow:var(--shadow-sm);
}
.hero-split{display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center}
.info-list{display:grid;gap:14px}
.info-list li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-soft)}
.info-list .icon-svg{width:18px;height:18px;color:var(--navy-700);margin-top:4px}
.placeholder-note{display:none}
@media (max-width: 900px){.route-grid,.review-grid,.stat-band,.hero-split{grid-template-columns:1fr}}
@media (min-width: 641px) and (max-width: 900px){.route-grid,.review-grid,.stat-band{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Overrides finales: fondos fotográficos integrados y mejor contraste */
.hero-home--photo{
  background:
    linear-gradient(100deg, rgba(11,31,51,.94) 0%, rgba(11,31,51,.88) 40%, rgba(11,31,51,.78) 62%, rgba(11,31,51,.66) 100%),
    radial-gradient(circle at top right, rgba(247,181,0,.18), transparent 34%),
    url('../images/home-hero.webp') center/cover no-repeat;
}
.hero-home--photo .hero-quick{margin-top:0}
.hero-home--photo .hero-bullets span:last-child{color:#E2E8F0}
.page-intro--cover,
.page-intro--photo{
  position:relative;
  overflow:hidden;
  color:#fff;
}
.page-intro--cover{
  background:
    linear-gradient(102deg, rgba(11,31,51,.94) 0%, rgba(11,31,51,.86) 46%, rgba(11,31,51,.74) 100%),
    var(--hero-bg) center/cover no-repeat;
  padding:60px 0 68px;
}
.page-intro--photo{
  background:
    linear-gradient(104deg, rgba(11,31,51,.94) 0%, rgba(11,31,51,.88) 38%, rgba(11,31,51,.74) 100%),
    var(--hero-bg) center/cover no-repeat;
}
.page-intro--cover .eyebrow,
.page-intro--photo .eyebrow{color:#DCE8F4}
.page-intro--cover p,
.page-intro--photo p{color:#E2E8F0}
.page-intro--cover .chip,
.page-intro--photo .chip{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.18);
  color:#fff;
}
.page-intro--cover .btn--secondary,
.page-intro--photo .btn--secondary{
  background:transparent;
  border-color:rgba(255,255,255,.5);
  color:#fff;
}
.page-intro--cover .btn--secondary:hover,
.page-intro--photo .btn--secondary:hover{background:rgba(255,255,255,.12)}
.page-intro--cover .btn--primary,
.page-intro--photo .btn--primary{box-shadow:0 14px 30px rgba(247,181,0,.25)}
.page-intro__grid--single{
  grid-template-columns:minmax(0,1fr);
  max-width:880px;
}
.page-intro__grid--single h1{max-width:14ch}
.page-intro--coverage .page-intro__grid--single,
.page-intro--services .page-intro__grid--single,
.page-intro--companies .page-intro__grid--single,
.page-intro--about .page-intro__grid--single,
.page-intro--credits .page-intro__grid--single{max-width:960px}
.page-intro--coverage .page-intro__grid--single h1,
.page-intro--services .page-intro__grid--single h1,
.page-intro--companies .page-intro__grid--single h1,
.page-intro--about .page-intro__grid--single h1,
.page-intro--credits .page-intro__grid--single h1{max-width:16ch}
.page-intro--photo .service-hero-card{
  background:rgba(255,255,255,.98);
  border-color:rgba(11,31,51,.08);
  color:var(--ink);
}
.page-intro--photo .service-hero-card h3,
.page-intro--photo .service-hero-card li,
.page-intro--photo .service-hero-card span:last-child{color:var(--ink)}
.page-intro--photo .service-hero-card .card-icon{
  background:rgba(247,181,0,.16);
  color:var(--navy);
}
.page-intro--photo .service-hero-card .btn--primary{width:100%}
.two-col--single{grid-template-columns:minmax(0,1fr)}
.two-col--single .band{max-width:960px}
.credits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.credits-list .card p:last-child{margin-bottom:0}
.footer-copy{max-width:48ch}
@media (max-width:900px){
  .credits-list{grid-template-columns:1fr}
  .page-intro--cover,
  .page-intro--photo{padding:52px 0 60px}
  .page-intro__grid--single h1,
  .page-intro--coverage .page-intro__grid--single h1,
  .page-intro--services .page-intro__grid--single h1,
  .page-intro--companies .page-intro__grid--single h1,
  .page-intro--about .page-intro__grid--single h1,
  .page-intro--credits .page-intro__grid--single h1{max-width:none}
}


.page-404--photo{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(104deg, rgba(11,31,51,.94) 0%, rgba(11,31,51,.86) 44%, rgba(11,31,51,.72) 100%),
    var(--hero-bg) center/cover no-repeat;
}
.page-404--photo .center-message p{color:#E2E8F0}
.page-404--photo .summary-panel{background:rgba(255,255,255,.98)}
.page-404--photo .btn--secondary{
  background:transparent;
  border-color:rgba(255,255,255,.5);
  color:#fff;
}
.page-404--photo .btn--secondary:hover{background:rgba(255,255,255,.12)}
@media (max-width:640px){
  .option-card{
    padding:11px 12px;
    align-items:center;
  }
  .option-card__icon{
    width:28px;
    height:28px;
    flex-basis:28px;
  }
  .option-card > span:last-child span:last-child{display:none}
  .status-pill{
    width:100%;
    justify-content:center;
  }
}

.ai-webchat{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:1200;
  display:grid;
  justify-items:end;
  gap:10px;
  font-size:15px;
}
.ai-webchat__toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 16px;
  border:1px solid rgba(11,31,51,.14);
  border-radius:8px;
  background:var(--navy);
  color:#fff;
  box-shadow:0 16px 36px rgba(11,31,51,.22);
  font-weight:800;
}
.ai-webchat__toggle .icon-svg{width:20px;height:20px;color:var(--amber)}
.ai-webchat__panel{
  width:min(390px,calc(100vw - 32px));
  max-height:min(650px,calc(100vh - 120px));
  display:grid;
  grid-template-rows:auto minmax(180px,1fr) auto auto auto auto;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  box-shadow:0 24px 60px rgba(11,31,51,.2);
}
.ai-webchat__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px 12px;
  border-bottom:1px solid var(--border);
}
.ai-webchat__header strong{
  display:block;
  color:var(--ink);
  font-size:1rem;
  letter-spacing:0;
}
.ai-webchat__header span{
  display:block;
  color:var(--ink-soft);
  font-size:.82rem;
  line-height:1.3;
}
.ai-webchat__icon-button{
  width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface-soft);
  color:var(--ink);
  font-weight:800;
  line-height:1;
}
.ai-webchat__log{
  min-height:220px;
  overflow:auto;
  padding:14px;
  display:grid;
  align-content:start;
  gap:10px;
  background:linear-gradient(180deg,#fff 0%,var(--surface-soft) 100%);
}
.ai-webchat__message{
  max-width:88%;
  padding:10px 12px;
  border-radius:8px;
  line-height:1.45;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.ai-webchat__message--assistant{
  justify-self:start;
  background:#fff;
  border:1px solid var(--border);
  color:var(--ink);
}
.ai-webchat__message--user{
  justify-self:end;
  background:var(--navy);
  color:#fff;
}
.ai-webchat__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 14px 0;
  background:#fff;
}
.ai-webchat__chip{
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface-soft);
  color:var(--ink);
  padding:7px 9px;
  font-size:.84rem;
  font-weight:700;
}
.ai-webchat__quote{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  margin:10px 14px 0;
  padding:12px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
}
.ai-webchat__quote[hidden]{display:none}
.ai-webchat__quote label{
  display:grid;
  gap:5px;
  color:var(--ink);
  font-size:.82rem;
  font-weight:800;
}
.ai-webchat__quote label:nth-child(1),
.ai-webchat__quote label:nth-child(2){
  grid-column:1 / -1;
}
.ai-webchat__quote input,
.ai-webchat__quote select{
  width:100%;
  min-height:38px;
  border:1px solid var(--border-strong);
  border-radius:8px;
  padding:8px 10px;
  color:var(--ink);
  font:inherit;
}
.ai-webchat__quote button{align-self:end}
.ai-webchat__verify{
  margin:10px 14px 0;
  padding:12px;
  border:1px solid rgba(247,181,0,.45);
  border-radius:8px;
  background:rgba(247,181,0,.1);
}
.ai-webchat__verify p{
  margin:0 0 10px;
  color:var(--ink);
  line-height:1.45;
}
.ai-webchat__verify-actions{
  display:grid;
  grid-template-columns:auto minmax(90px,1fr) auto;
  gap:8px;
  align-items:center;
}
.ai-webchat__verify input{
  width:100%;
  min-height:38px;
  border:1px solid var(--border-strong);
  border-radius:8px;
  padding:8px 10px;
}
.ai-webchat__verify-status{
  margin:8px 0 0 !important;
  font-size:.85rem;
  color:var(--ink-soft) !important;
}
.ai-webchat__verify-status--success{color:#166534 !important}
.ai-webchat__verify-status--error{color:#991B1B !important}
.ai-webchat__form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:8px;
  padding:12px 14px 14px;
  background:#fff;
}
.ai-webchat__form textarea{
  resize:none;
  min-height:42px;
  max-height:120px;
  border:1px solid var(--border-strong);
  border-radius:8px;
  padding:10px 12px;
  line-height:1.35;
}
.ai-webchat__send{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:var(--amber);
  color:var(--navy);
}
.ai-webchat__send .icon-svg{width:20px;height:20px}
.ai-webchat.is-loading .ai-webchat__send{opacity:.7}
@media (max-width:640px){
  .ai-webchat{
    right:12px;
    bottom:96px;
  }
  body.no-mobile-action-bar .ai-webchat,
  body.page--legal .ai-webchat,
  body.page--transactional .ai-webchat,
  body.chat-open .ai-webchat{
    bottom:12px;
  }
  body.is-form-focused .ai-webchat:not(.is-open){
    display:none;
  }
  .ai-webchat__panel{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 110px);
  }
  .ai-webchat__verify-actions{grid-template-columns:1fr}
  .ai-webchat__quote{grid-template-columns:1fr}
  .ai-webchat__toggle{min-height:44px}
}
