/* ============ Tokens: pulled from the logo ============ */
:root{
  --brand:#0E76BC;        /* logo primary blue */
  --brand-dark:#0A5C94;
  --es-blue:var(--brand); /* eyebrow labels; darker on tinted sections */
  --sky:#25AAE1;          /* logo light blue (accents only, too light for text) */
  --sky-wash:#EAF6FC;     /* light blue tint for sections */
  --sky-soft:#D4EDF9;
  --ink:#0B2E4F;          /* headings */
  --text:#2B3A48;
  --muted:#5E7082;
  --line:#E3EAF0;
  --paper:#FFFFFF;
  --gold:#F2A900;
  --shadow:0 1px 2px rgba(11,46,79,.06),0 8px 24px -12px rgba(11,46,79,.18);
  --head:"Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  --sans:"Open Sans", "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 130px)}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--paper);color:var(--text);font:400 16.5px/1.7 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--brand)}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.utility :focus-visible,.page-hero :focus-visible,.band :focus-visible,footer :focus-visible{outline-color:#fff}
main:focus{outline:none}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:#fff;color:var(--brand-dark);padding:10px 16px;border-radius:8px;font:600 15px var(--head);box-shadow:var(--shadow)}
.skip:focus{top:12px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

h1,h2,h3{font-family:var(--head);color:var(--ink);font-weight:700;margin:0;line-height:1.2;letter-spacing:-.01em}
section.tint,.hero{--es-blue:var(--brand-dark)}
h1 .en,h1 .es{display:block;font-size:clamp(32px,4vw,46px)}
h2 .en,h2 .es{display:block;font-size:clamp(26px,2.8vw,34px)}
h3 .en,h3 .es{display:block;font-size:19px}
.pair{display:grid;gap:8px}
.pair p{margin:0}

.eyebrow{display:inline-block;font:600 13px/1.3 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--es-blue);margin-bottom:14px}
.head{max-width:720px;margin:0 0 44px}
.head.center{margin-left:auto;margin-right:auto;text-align:center}
.head h2::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--sky);margin-top:18px}
.head.center h2::after{margin-left:auto;margin-right:auto}
.head .pair{margin-top:18px}

/* ============ Utility bar ============ */
.utility{background:var(--brand);color:#fff;font-size:14px}
.utility .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:9px;padding-bottom:9px}
.utility span{display:inline-flex;align-items:center;gap:8px}
.utility a{color:#fff;font-weight:600;text-decoration:none}
.utility svg{opacity:.85}
@media (max-width:760px){.utility .hide-sm{display:none}}

/* ============ Header ============ */
header.site{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 1px 0 var(--line),0 6px 18px -14px rgba(11,46,79,.25)}
header.site .wrap{display:flex;align-items:center;gap:30px;min-height:88px}
.logo{display:flex;align-items:center;margin-right:auto;text-decoration:none}
.logo img{height:56px;width:auto}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:30px}
nav.main a{position:relative;display:block;text-decoration:none;color:var(--ink);font:600 15px/1.2 var(--head)}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--brand)}
@media (min-width:1001px){
  nav.main a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:3px;background:var(--brand)}
}
.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 14px;font:600 14px var(--head);color:var(--ink)}

/* ============ Buttons ============ */
.btn{display:inline-flex;flex-direction:column;justify-content:center;text-decoration:none;border-radius:8px;padding:13px 24px;font:600 16px/1.2 var(--head);border:2px solid transparent;cursor:pointer}
.btn-primary{background:var(--brand);color:#fff}
.btn-primary:hover{background:var(--brand-dark)}
.btn-quiet{background:#fff;color:var(--brand);border-color:var(--brand)}
.btn-quiet:hover{background:var(--sky-wash);color:var(--brand-dark);border-color:var(--brand-dark)}
.btn-white{background:#fff;color:var(--brand)}
.btn-white:hover{background:var(--sky-wash);color:var(--brand-dark)}
.btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-outline-white:hover{background:rgba(255,255,255,.1)}

/* ============ Photo placeholders ============ */
.ph{background:linear-gradient(135deg,var(--sky-wash),var(--sky-soft));border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#4F7593;font-size:14px;padding:20px;position:relative}
.ph::before{content:"";width:40px;height:40px;margin:0 auto 10px;display:block;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E76BC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='.55'%3E%3Cpath d='M3 8a2 2 0 0 1 2-2h2l2-2h6l2 2h2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3C/svg%3E")}

/* ============ Hero ============ */
.hero{background:linear-gradient(180deg,var(--sky-wash) 0%,#fff 100%);padding:64px 0 110px}
.hero .wrap{display:grid;gap:48px;align-items:center}
@media (min-width:980px){.hero .wrap{grid-template-columns:1.05fr .95fr}}
.hero .lede{margin-top:22px;max-width:560px;font-size:17.5px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-visual{position:relative}
.hero-visual .ph{aspect-ratio:5/4;border-radius:16px;box-shadow:var(--shadow)}
.status{position:absolute;left:18px;bottom:18px;background:#fff;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow)}
.status .state{display:flex;align-items:center;gap:8px;font:600 14.5px var(--head);color:var(--ink)}
.status .dot{width:9px;height:9px;border-radius:50%;background:#9AA8B3}
.status.open .dot{background:#23A566;box-shadow:0 0 0 4px rgba(35,165,102,.16)}
.status small{display:block;color:var(--muted);font-size:13px;margin-top:1px}

.ph.mono{font:700 clamp(34px,5vw,48px)/1 var(--head);color:var(--brand-dark);letter-spacing:.02em}
.ph.mono::before{display:none}

/* Trust strip overlapping hero */
.trust{position:relative;margin-top:-64px;z-index:2}
.trust ul{list-style:none;margin:0;padding:0;display:grid;background:#fff;border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--line)}
@media (min-width:640px){.trust ul{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.trust ul{grid-template-columns:repeat(4,1fr)}}
.trust li{display:flex;gap:14px;align-items:flex-start;padding:24px 22px;border-top:1px solid var(--line)}
.trust li:first-child{border-top:0}
@media (min-width:640px){.trust li:nth-child(2){border-top:0}.trust li:nth-child(even){border-left:1px solid var(--line)}}
@media (min-width:1000px){.trust li{border-top:0!important;border-left:1px solid var(--line)}.trust li:first-child{border-left:0}}
.ic{flex:none;width:46px;height:46px;border-radius:50%;background:var(--sky-wash);color:var(--brand);display:grid;place-items:center}
.trust b{display:block;font:600 15.5px/1.3 var(--head);color:var(--ink)}

/* ============ Sections ============ */
section{padding:88px 0}
section.tint{background:var(--sky-wash)}

/* Cards */
.cards{display:grid;gap:22px}
@media (min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.cards.c3{grid-template-columns:repeat(3,1fr)}.cards.c4{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;box-shadow:var(--shadow)}
.card .ic{margin-bottom:20px;width:54px;height:54px}
.card p{margin:10px 0 0;color:var(--muted);font-size:15.5px}
.card .pair{margin-top:10px;font-size:15.5px}
.cards.centered .card{text-align:center}
.cards.centered .ic{margin-left:auto;margin-right:auto}
a.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
a.card:hover{transform:translateY(-2px);border-color:var(--sky-soft)}
a.card .pair{flex:1}
.more{margin-top:22px;font:600 15px var(--head);color:var(--brand)}

/* CTA band */
.band{background:linear-gradient(120deg,var(--brand-dark) 0%,#0C6CAD 100%);color:#fff;border-radius:16px;padding:44px 42px;display:grid;gap:26px;align-items:center}
@media (min-width:880px){.band{grid-template-columns:1.3fr auto}}
.band h2 .en,.band h2 .es{color:#fff}
.band .actions{display:flex;flex-wrap:wrap;gap:12px}

/* ============ Inner page banner ============ */
.page-hero{background:linear-gradient(120deg,var(--brand-dark) 0%,#0C6CAD 100%);color:#fff;padding:56px 0 52px}
.page-hero h1 .en,.page-hero h1 .es{color:#fff;font-size:clamp(30px,3.6vw,40px)}
.page-hero .pair{margin-top:16px;max-width:640px;font-size:17px}
.crumb{font-size:13.5px;color:#E6F4FC;margin-bottom:12px}
.crumb a{color:#fff;text-decoration:none}

/* ============ Services page ============ */
.svc-rows{display:grid;gap:22px}
.svc-row{display:grid;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:var(--shadow)}
@media (min-width:880px){.svc-row{grid-template-columns:.75fr 1.25fr;gap:40px}}
.svc-row .ic{width:54px;height:54px;margin-bottom:18px}
.svc-row h2 .en,.svc-row h2 .es{font-size:24px}
.split{display:grid;gap:44px;align-items:center}
@media (min-width:920px){.split{grid-template-columns:1fr 1fr}}
.split .ph{aspect-ratio:4/3;box-shadow:var(--shadow)}
.checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.checks li{display:grid;grid-template-columns:26px 1fr;gap:12px;font-size:15.5px;font-weight:600;color:var(--ink)}
.checks .tick{width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;margin-top:1px}

/* ============ Eyewear ============ */
.brands{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:26px 0 0;padding:0}
.brands li{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 18px;font:600 15px var(--head);color:var(--ink);box-shadow:var(--shadow)}
.brands li.more-b{box-shadow:none;border-style:dashed;color:var(--muted);font:500 14px var(--sans)}
.ph-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ph-pair .ph{aspect-ratio:3/4;box-shadow:var(--shadow)}

/* ============ Insurance ============ */
.ins-note{text-align:center;margin-top:34px;color:var(--muted)}
.ins-note a{font-weight:600}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;counter-reset:s}
@media (min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;box-shadow:var(--shadow);text-align:center}
.steps li::before{content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font:700 18px var(--head);margin:0 auto 18px}
.steps b{display:block;font:600 17px var(--head);color:var(--ink)}
.steps p{margin:10px 0 0;font-size:15px;color:var(--muted)}
.bring{display:grid;gap:14px;list-style:none;margin:0;padding:0}
@media (min-width:720px){.bring{grid-template-columns:1fr 1fr}}
.bring li{display:grid;grid-template-columns:26px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;font-weight:600;color:var(--ink)}
.bring .tick{width:24px;height:24px;border-radius:50%;background:var(--sky-wash);color:var(--brand);display:grid;place-items:center}

/* ============ About ============ */
.doctor{display:grid;gap:52px;align-items:center}
@media (min-width:920px){.doctor{grid-template-columns:.8fr 1.2fr}}
.doctor .ph{aspect-ratio:4/5;box-shadow:var(--shadow)}
.doctor .title{font:600 15px var(--head);color:var(--brand);margin:10px 0 0}
.doctor .pair{margin-top:22px}
.creds{display:grid;gap:12px;list-style:none;margin:26px 0 0;padding:0}
@media (min-width:600px){.creds{grid-template-columns:repeat(3,1fr)}}
.creds li{background:var(--sky-wash);border-radius:10px;padding:14px 16px;font:600 14px/1.35 var(--head);color:var(--ink)}
.price-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:860px;margin:0 auto}
.price{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 20px;box-shadow:var(--shadow);text-align:center}
.price b{display:block;font:600 17px var(--head);color:var(--ink)}
.price .amt{font:700 36px var(--head);color:var(--brand);margin-top:10px;line-height:1.1}
.price small{display:block;font-size:13px;color:var(--muted);margin-top:6px}
.price.hl{border:2px solid var(--brand)}
.finance{max-width:860px;margin:32px auto 0;display:grid;gap:20px;align-items:center;padding:30px 28px;border:1px solid var(--line);border-radius:14px;background:#F3F9FD}
.finance h3{margin:8px 0 12px;font:700 21px var(--head);color:var(--ink)}
.finance .fine{font-size:12.5px;color:var(--muted);margin:12px 0 0}
.finance .btn{justify-self:start}
@media (min-width:760px){.finance{grid-template-columns:1fr auto}.finance .btn{justify-self:end}}
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (min-width:900px){.team{grid-template-columns:repeat(4,1fr);gap:20px}}
.member{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);text-align:center}
.member .ph{aspect-ratio:1/1;border-radius:0}
.member .info{padding:18px 16px 20px}
.member b{display:block;font:700 16.5px var(--head);color:var(--ink)}
.member span{display:block;font-size:14px;color:var(--muted);line-height:1.45;margin-top:2px}

/* ============ Reviews ============ */
.score{display:flex;align-items:center;justify-content:center;gap:16px;margin:-12px 0 40px}
.score b{font:700 44px/1 var(--head);color:var(--ink)}
.stars{color:var(--gold);letter-spacing:2px;font-size:18px}
.score small{display:block;color:var(--muted);font-size:14px}
.reviews{display:grid;gap:22px}
@media (min-width:880px){.reviews{grid-template-columns:repeat(3,1fr)}}
.reviews.two{grid-template-columns:1fr}
@media (min-width:880px){.reviews.two{grid-template-columns:1fr 1fr}}
.review{margin:0;padding:30px 28px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative}
.review::after{content:"\201C";position:absolute;right:22px;top:6px;font:700 72px/1 Georgia,serif;color:var(--sky-soft)}
.review blockquote{margin:14px 0 20px;font-size:15.5px;line-height:1.7;color:var(--text);flex:1}
.review figcaption{font:600 15px var(--head);color:var(--ink)}
.review figcaption small{display:block;font:400 13px var(--sans);color:var(--muted)}

/* ============ Contact ============ */
.visit{display:grid;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
@media (min-width:920px){.visit{grid-template-columns:1.35fr 1fr}}
.map{position:relative;min-height:400px;background:linear-gradient(135deg,var(--sky-wash),var(--sky-soft))}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map .fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--ink);font-size:14.5px;padding:24px}
.visit-info{padding:34px 32px;display:grid;gap:24px;align-content:start}
.visit-info dl{margin:0;display:grid;gap:20px}
.visit-info dt{font:600 13px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.visit-info dd{margin:5px 0 0}
.hours{display:grid;grid-template-columns:auto 1fr;gap:2px 20px}
.dir{display:flex;flex-wrap:wrap;gap:10px}
.dir .btn{padding:11px 18px;font-size:15px}
.book{display:grid;gap:48px}
@media (min-width:960px){.book{grid-template-columns:.85fr 1.15fr;align-items:start}}
.book.solo{grid-template-columns:1fr;text-align:center;max-width:720px;margin-inline:auto}
.big-phone{display:inline-block;font:700 clamp(30px,3.6vw,40px)/1.1 var(--head);color:var(--brand);text-decoration:none;margin-top:26px}
.fine{font-size:13.5px;color:var(--muted);margin:6px 0 20px;line-height:1.5}

/* ============ Footer ============ */
footer{background:var(--ink);color:#C3D3E2;padding:60px 0 30px;font-size:14.5px}
footer .wrap{display:grid;gap:34px}
@media (min-width:860px){footer .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr}}
footer .flogo{display:inline-block}
footer .flogo img{height:52px;width:auto}
footer h2{margin:0 0 12px;font:600 14px var(--head);letter-spacing:.08em;text-transform:uppercase;color:#fff}
footer p{margin:0 0 8px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
footer a{color:#fff;text-decoration:none}
footer a:hover{text-decoration:underline}
footer .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:13px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;color:#8EA4B8}

/* ============ Mobile ============ */
.mobile-bar{display:none}
@media (max-width:1000px){
  nav.main{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 10px 20px -12px rgba(11,46,79,.3)}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;gap:0;padding:6px 24px 16px}
  nav.main li a{padding:13px 0;border-bottom:1px solid var(--line)}
  .menu-btn{display:block}
  .head-call{display:none}
  .mobile-bar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -6px 18px -12px rgba(11,46,79,.3)}
  .mobile-bar .btn{flex:1;align-items:center;text-align:center;padding:11px 12px}
  body{padding-bottom:82px}
  section{padding:68px 0}
  header.site .wrap{min-height:74px}
  .logo img{height:46px}
}

/* Photos */
.hero-img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}
.member > img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 20%}

/* Review carousel */
.rv{position:relative}
.rv-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 18px;scrollbar-width:none}
.rv-track::-webkit-scrollbar{display:none}
@media (min-width:700px){.rv-track{grid-auto-columns:calc((100% - 22px)/2)}}
@media (min-width:1000px){.rv-track{grid-auto-columns:calc((100% - 44px)/3)}}
@media (prefers-reduced-motion:reduce){.rv-track{scroll-behavior:auto}}
.rv-track .review{scroll-snap-align:start}
.rv-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:14px}
.rv-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--brand);background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer}
.rv-btn:hover{background:var(--sky-wash)}
.rv-btn:disabled{opacity:.35;cursor:default}
.rv-dots{display:flex;gap:8px}
.rv-dots i{width:8px;height:8px;border-radius:50%;background:var(--sky-soft);transition:background .2s,width .2s}
.rv-dots i.on{background:var(--brand);width:22px;border-radius:4px}
.rv-all{text-align:center;margin:26px 0 0;font-weight:600}
.rv-body{flex:1;margin:14px 0 20px}
.rv-body blockquote{margin:0}
.price-side{width:100%;max-width:400px;justify-self:center;text-align:center}
.price-side .ins-note{margin:18px 0 0}
.price-side .fine{margin:8px 0 0}
.split-img{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow);object-fit:cover}
.split-img.sq{aspect-ratio:1/1}
.split-img.tall{aspect-ratio:4/5;max-width:460px;justify-self:center}
.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary b{display:block;font:600 16.5px/1.35 var(--head);color:var(--ink)}
.chev{flex:none;width:30px;height:30px;border-radius:50%;background:var(--sky-wash);position:relative}
.chev::before{content:"";position:absolute;left:10px;top:9px;width:8px;height:8px;border-right:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .2s}
.faq-item[open] .chev::before{transform:translate(0,4px) rotate(-135deg)}
.faq-item .pair{padding:0 24px 22px;font-size:15.5px}

/* Carousel position as text when there are too many pages for dots */
.rv-count{font:600 14px var(--head);color:var(--ink);min-width:64px;justify-content:center}

/* Keep the header on one line down to the mobile breakpoint */
nav.main a,.head-call{white-space:nowrap}
@media (min-width:1001px) and (max-width:1180px){
  header.site .wrap{gap:20px}
  nav.main ul{gap:18px}
  .head-call{padding:10px 16px;font-size:15px}
}


/* Notice of Privacy Practices */
.notice{max-width:860px;display:grid;gap:22px}
.notice h2{margin-top:30px}
.notice-warn{padding:20px 22px;border-left:4px solid var(--brand);background:#F3F9FD;border-radius:0 10px 10px 0;font-weight:600;color:var(--ink)}
.notice b{color:var(--ink)}
.notice-pdf{margin:18px 0 0}

/* One language at a time. No data-lang (JavaScript off) means both show, so nothing is ever unreadable. */
html[data-lang="en"] .es{display:none!important}
html[data-lang="es"] .en{display:none!important}
.utility .wrap{align-items:center}
.lang-btn{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 14px;border:0;border-radius:999px;background:#fff;color:var(--brand-dark);font:700 14px/1.2 var(--head);cursor:pointer}
.lang-btn:hover{background:var(--sky-wash)}
html[data-lang="es"] .rv-es{order:-1} /* reviews written in Spanish come first in Spanish mode */
/* Footer headings keep their small label size when they hold language runs */
footer h2 .en,footer h2 .es{display:inline;font-size:inherit}