/* ══════════════════════════════════════════════════════════════
   BeneMed × Ipiranga × Km de Vantagens · LP (mock p/ o usuário final)
   Base: apresentação (fonte da verdade de cor/identidade).
   Tipografia: Mulish (Google Fonts, stand-in de Calima).
   ══════════════════════════════════════════════════════════════ */

:root{
  /* Cores amostradas do deck */
  --blue:#0043BC;--blue-deep:#00329A;--navy:#052C86;--blue-500:#2E63D8;--blue-300:#7FA3E8;
  --blue-50:#EEF3FD;--blue-100:#DBE6FA;
  --yellow:#FFCE00;--yellow-dark:#E9B800;--yellow-pale:#FCF1C4;--yellow-soft:#FFF7DA;
  --bg:#FFFFFF;--bg2:#F6F8FC;
  --ink:#1B2233;--ink-soft:#586074;--ink-mute:#8A91A2;--line:#E6EBF3;
  /* Fonte: Mulish (Google Fonts) */
  --sans:'Mulish',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --display:var(--sans);
  --maxw:1240px;--pad:clamp(20px,5vw,44px);
  --sec-y:clamp(56px,6.5vw,96px);
  --r:14px;--r-lg:22px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);font-weight:700}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--pad);width:100%}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 28px;border-radius:12px;font-family:var(--sans);font-weight:700;font-size:.98rem;line-height:1;cursor:pointer;border:1.5px solid transparent;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,color .2s,border-color .2s;white-space:nowrap}
.btn-yellow{background:var(--yellow);color:var(--blue-deep);border-color:var(--yellow);box-shadow:0 12px 28px -12px rgba(255,206,0,.8)}
.btn-yellow:hover{background:var(--yellow-dark);border-color:var(--yellow-dark);transform:translateY(-2px);box-shadow:0 18px 36px -14px rgba(255,206,0,.85)}
.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-outline-w:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}
.btn-blue{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 12px 28px -14px rgba(0,40,140,.7)}
.btn-blue:hover{background:var(--blue-deep);border-color:var(--blue-deep);transform:translateY(-2px);box-shadow:0 18px 36px -16px rgba(0,40,140,.8)}
.btn-arrow::after{content:'→';font-size:1.05em;transition:transform .2s var(--ease)}
.btn-arrow:hover::after{transform:translateX(3px)}

/* ══════════ HEADER · pílula glass flutuante (vidro = cor do hero SEMPRE; só texto/logo trocam) ══════════ */
.header{position:fixed;top:0;left:0;right:0;z-index:60;padding-top:16px}
.header .pill{display:flex;align-items:center;justify-content:space-between;gap:20px;height:62px;padding:0 14px 0 22px;
  border-radius:14px;background:rgba(0,67,188,.22);border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  box-shadow:0 16px 38px -22px rgba(0,20,70,.5)}
.header-left{display:flex;align-items:center;gap:15px}
.header-left .benemed{height:26px}
.header-left .sep{width:1px;height:24px;background:rgba(255,255,255,.28)}
.header.light .header-left .sep{background:var(--line)}
.header-left .ipi{display:inline-flex;align-items:center;gap:8px}
.header-left .ipi img{height:25px;width:auto}
.header-left .ipi b{font-family:var(--sans);font-weight:700;font-size:1.02rem;color:#fff;letter-spacing:-.01em}
.header.light .header-left .ipi b{color:var(--blue)}
.on-dark{display:block}.on-light{display:none}
.header.light .on-dark{display:none}.header.light .on-light{display:block}
.header-nav{display:flex;align-items:center;gap:28px}
.header-nav .links{display:flex;align-items:center;gap:26px}
.header-nav .links a{position:relative;font-family:var(--sans);font-size:.92rem;font-weight:600;color:rgba(255,255,255,.82);transition:color .2s}
.header-nav .links a::after{content:"";position:absolute;left:0;bottom:-5px;height:2px;width:100%;background:var(--yellow);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}
.header-nav .links a:hover::after{transform:scaleX(1)}
.header-nav .links a:hover{color:#fff}
.header.light .header-nav .links a{color:var(--ink-soft)}
.header.light .header-nav .links a:hover{color:var(--blue)}
.header-nav .cta{font-family:var(--sans);padding:11px 20px;font-size:.88rem;border-radius:11px;background:var(--yellow);color:var(--blue-deep);font-weight:700;transition:transform .2s var(--ease),background .2s}
.header-nav .cta:hover{background:var(--yellow-dark);transform:translateY(-1px)}
.menu-toggle{display:none;width:42px;height:42px;border:none;background:none;cursor:pointer;position:relative}
.menu-toggle span{position:absolute;left:10px;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s var(--ease)}
.header.light .menu-toggle span{background:var(--blue-deep)}
.menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:27px}
.menu-toggle.open span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mobile-menu{position:fixed;inset:0;z-index:70;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mm-close{position:absolute;top:20px;right:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.mm-close:hover{background:rgba(255,255,255,.2)}
.mm-brand{position:absolute;top:26px;left:24px;height:24px}
.mobile-menu a{font-family:var(--sans);font-weight:700;font-size:1.3rem;color:#fff;padding:14px 30px;border-radius:12px;width:min(320px,84vw);text-align:center}
.mobile-menu a.cta{background:var(--yellow);color:var(--blue-deep);margin-top:10px}
body.lock{overflow:hidden}

/* ══════════ HERO · escuro (p1/p2) ══════════ */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;text-align:center;
  padding:150px 0 96px;background:var(--blue);color:#fff;overflow:hidden}
.hero .heart-lines{position:absolute;inset:0;background:url('../assets/img/heart-lines-white.svg') no-repeat;
  background-position:right -40px bottom;background-size:min(1400px,132%) auto;pointer-events:none;z-index:0}
.hero .wrap{position:relative;z-index:1}
.hero-inner{max-width:900px;margin:0 auto}

.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,5.4vw,4.3rem);line-height:1.05;letter-spacing:-.02em;color:#fff;margin-bottom:24px}
/* typing · grifo amarelo com transparência, rente à fonte, cursor amarelo */
.type{display:inline}
.type .box{background:rgba(255,206,0,.88);color:var(--blue);padding:0 .05em;border-radius:1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.type .caret{display:inline-block;width:3px;height:.92em;background:var(--yellow);margin-left:.1em;transform:translateY(.12em);animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.hero .lede{font-family:var(--sans);font-size:clamp(1.06rem,1.5vw,1.28rem);line-height:1.55;color:rgba(255,255,255,.9);max-width:620px;margin:0 auto 36px}
.hero .lede b{color:#fff;font-weight:700}
.hero-cta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.hero-note{font-family:var(--sans);font-size:.86rem;color:rgba(255,255,255,.72);display:inline-flex;align-items:center;gap:8px}
.hero-note::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--yellow)}
.hero-trust{display:flex;justify-content:center;gap:clamp(24px,4vw,54px);flex-wrap:wrap;padding-top:30px;border-top:1px solid rgba(255,255,255,.16);max-width:720px;margin:0 auto}
.hero-trust .item{display:flex;flex-direction:column;gap:3px}
.hero-trust .num{font-family:var(--sans);font-weight:700;font-size:clamp(1.2rem,2vw,1.5rem);color:#fff;letter-spacing:-.02em}
.hero-trust .lbl{font-family:var(--sans);font-size:.82rem;color:rgba(255,255,255,.65)}
.hero-scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:rgba(255,255,255,.55);font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.hero-scroll .m{width:22px;height:34px;border:1.5px solid rgba(255,255,255,.35);border-radius:12px;position:relative}
.hero-scroll .m::after{content:'';position:absolute;left:50%;top:7px;width:3px;height:6px;border-radius:2px;background:var(--yellow);transform:translateX(-50%);animation:scrolldot 1.6s var(--ease) infinite}
@keyframes scrolldot{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}60%{opacity:1;transform:translate(-50%,9px)}100%{opacity:0;transform:translate(-50%,12px)}}

/* ══════════ SEÇÃO · base ══════════ */
.section{padding-block:var(--sec-y)}
.sec-title{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,3.7vw,2.95rem);line-height:1.14;letter-spacing:-.02em;color:var(--blue)}
.sec-title b{font-weight:700}
.arrow-mark{display:inline-block;width:.9em;height:.9em;vertical-align:-.11em;margin-right:.3em;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2220.5%22%20fill%3D%22none%22%20stroke%3D%22%230043BC%22%20stroke-width%3D%221.5%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M14%2022%20H28.5%20M23%2016.5%20L29%2022%20L23%2027.5%22%20fill%3D%22none%22%20stroke%3D%22%230043BC%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}

/* ══════════ BENEFÍCIOS (p3) ══════════ */
.benefits{background:var(--bg);position:relative;overflow:hidden}
.benefits::before{content:'';position:absolute;inset:0;background:url('../assets/img/heart-lines-blue-left.svg') left -60px bottom / min(900px,60%) auto no-repeat;z-index:0;pointer-events:none}
.benefits-grid{display:block;position:relative;z-index:1}
.benefits .sec-title{margin-bottom:clamp(26px,3.4vw,40px);max-width:560px}
.bpills{display:flex;flex-direction:column;gap:14px;max-width:560px}
.bpill{position:relative;background:var(--blue);color:#fff;border-radius:10px;padding:17px 24px 17px 28px;font-weight:500;font-size:1.02rem;line-height:1.3;box-shadow:0 12px 26px -16px rgba(0,67,188,.6)}
.bpill::before{content:'';position:absolute;left:-4px;top:9px;bottom:9px;width:9px;border-radius:5px;background:var(--yellow)}
/* imagem integrada vazando para a direita (sem moldura), placeholder até a foto real */
.benefits-media{position:absolute;top:0;bottom:calc(-1 * var(--sec-y));right:0;width:min(50vw,720px);z-index:0;pointer-events:none;overflow:hidden}
.benefits-media img{position:absolute;right:-4%;bottom:0;max-height:100%;height:auto;width:auto;max-width:none}

@media(max-width:1080px){
  .header-nav .links,.header-nav .cta{display:none}
  .menu-toggle{display:block}
}
@media(max-width:860px){
  .benefits-media{display:none}
  .benefits .sec-title,.bpills{max-width:none}
}

/* ══════════ CARROSSEL (seção 3) · coverflow 3D (adaptado da ref) ══════════ */
.carousel-sec{position:relative;overflow:hidden;color:#fff;background:linear-gradient(162deg,var(--blue) 0%,var(--blue-deep) 58%,var(--navy) 100%);padding-bottom:clamp(30px,4vw,54px)}
.carousel-sec .heart-lines{position:absolute;inset:0;background:url('../assets/img/heart-lines-white.svg') right -30px bottom/min(1100px,80%) auto no-repeat;pointer-events:none;z-index:0;opacity:.9}
.carousel-head{position:relative;z-index:1;text-align:center;max-width:760px;margin:0 auto clamp(26px,3vw,42px)}
.sec-title-w{font-family:var(--display);font-weight:700;font-size:clamp(1.9rem,3.7vw,2.95rem);line-height:1.12;letter-spacing:-.02em;color:#fff}
.sec-title-w em{font-style:normal;color:var(--yellow)}
.sec-sub-w{margin-top:12px;color:rgba(255,255,255,.84);font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.55}

.mzaCarousel{position:relative;z-index:1;height:clamp(480px,60vh,600px);max-width:1360px;margin:0 auto;overflow:hidden;touch-action:none;--mzaC-slideW:min(720px,86vw)}
.mzaCarousel-viewport{position:relative;outline:none;overflow:hidden;height:100%}
.mzaCarousel-track{position:relative;height:calc(100% - var(--mzaPagH,54px));transform-style:preserve-3d;perspective:1200px;overflow:hidden}
.mzaCarousel-slide{position:absolute;top:50%;left:50%;margin-left:calc(var(--mzaC-slideW) * -.5);width:var(--mzaC-slideW);height:min(var(--mzaCardH,460px),calc(100% - 36px));transform-style:preserve-3d;display:grid;place-items:center;border-radius:22px;overflow:hidden;will-change:transform,filter}
.mzaCard{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;box-shadow:0 26px 60px rgba(0,18,64,.5);transform:translateZ(0);cursor:grab;background:linear-gradient(150deg,var(--blue-500),var(--blue-deep))}
.mzaCard::before{content:"";position:absolute;inset:-2%;background-image:var(--mzaCard-bg);background-size:cover;background-position:center;filter:saturate(1.05) brightness(.92);transform:translateZ(-60px) scale(1.18) translate3d(var(--mzaParBgX,0px),var(--mzaParBgY,0px),0);transition:transform .8s cubic-bezier(.2,.7,0,1),filter .8s}
.mzaCard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,20,70,.15) 0%,rgba(2,18,64,.5) 55%,rgba(2,16,58,.82) 100%)}
.mzaCard-head{position:absolute;inset:26px auto auto 28px;z-index:2;max-width:72%}
.mzaCard-title{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(22px,3vw,34px);line-height:1.08;color:#fff;text-shadow:0 2px 20px rgba(0,10,40,.5)}
.mzaCard-kicker{margin:8px 0 0;color:var(--yellow);font-weight:700;font-size:clamp(11px,1.5vw,13px);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 12px rgba(0,10,40,.5)}
.mzaCard-text{position:absolute;inset:auto auto 90px 28px;z-index:2;margin:0;max-width:min(46ch,74%);color:rgba(255,255,255,.95);font-size:clamp(.9rem,1.3vw,1rem);line-height:1.5;background:rgba(4,22,72,.42);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.14);padding:15px 18px;border-radius:14px}
.mzaCard-actions{position:absolute;inset:auto auto 24px 28px;z-index:2}
.mzaCard-actions .btn{padding:12px 22px;font-size:.92rem;box-shadow:0 10px 26px rgba(0,10,40,.4)}
.mzaCarousel-slide[data-state="active"] .mzaCard{box-shadow:0 34px 76px rgba(0,14,52,.6),0 0 0 1px rgba(255,255,255,.05) inset}
.mzaCarousel-slide[data-state="active"] .mzaCard::before{filter:saturate(1.12) brightness(1)}
.mzaPar-1,.mzaPar-2,.mzaPar-3{will-change:transform;transition:transform .5s cubic-bezier(.2,.7,0,1)}
.mzaPar-1{transform:translate3d(calc(var(--mzaParX,0px)*.35),calc(var(--mzaParY,0px)*.35),0)}
.mzaPar-2{transform:translate3d(calc(var(--mzaParX,0px)*.25),calc(var(--mzaParY,0px)*.25),0)}
.mzaPar-3{transform:translate3d(calc(var(--mzaParX,0px)*.18),calc(var(--mzaParY,0px)*.18),0)}
.mzaCarousel-controls{position:absolute;inset:0 6px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:4}
.mzaCarousel-prev,.mzaCarousel-next{pointer-events:auto;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}
.mzaCarousel-prev:hover,.mzaCarousel-next:hover{background:rgba(255,255,255,.26)}
.mzaCarousel-prev:active,.mzaCarousel-next:active{transform:scale(.96)}
.mzaCarousel-pagination{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:9px;justify-content:center;align-items:center;pointer-events:auto;z-index:4}
.mzaCarousel-dot{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.3);border:0;cursor:pointer;transition:transform .2s,background .2s}
.mzaCarousel-dot[aria-selected="true"]{background:var(--yellow);transform:scale(1.35)}
.mzaCarousel-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);z-index:4;overflow:hidden}
.mzaCarousel-progressBar{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);will-change:transform;background:linear-gradient(90deg,var(--yellow),var(--blue-500))}
@media(max-width:768px){
  .mzaCard-head{inset:18px auto auto 18px;max-width:82%}
  .mzaCard-text{inset:auto auto 82px 18px;max-width:86%}
  .mzaCard-actions{inset:auto auto 18px 18px}
}

/* ══════════ PLANOS (p14) · 5 planos lado a lado, fundo branco ══════════ */
.plans{background:var(--bg)}
.plans-wrap{max-width:1360px}
.plans-head{text-align:center;max-width:720px;margin:0 auto clamp(34px,4.2vw,54px)}
.plans-head .sec-title{color:var(--blue)}
.plans-sub{margin-top:14px;color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.1rem)}
.plans-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:stretch}
.plan{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;box-shadow:0 22px 46px -30px rgba(5,25,80,.45)}
.plan.is-hl{background:var(--yellow);border-color:var(--yellow);box-shadow:0 24px 52px -26px rgba(233,184,0,.9)}
.plan-name{color:var(--blue);font-weight:800;font-size:1.32rem;line-height:1.12;min-height:2.5em;display:flex;align-items:flex-start}
.plan-tag{margin-top:6px;color:var(--ink-soft);font-size:.9rem;line-height:1.32;min-height:2.7em}
.plan.is-hl .plan-tag{color:var(--blue-deep)}
.plan-assist{margin-top:14px;color:var(--blue);font-weight:800;font-size:.98rem}
.plan-list{margin-top:12px;display:flex;flex-direction:column;gap:10px;flex:1}
.plan-list li{position:relative;padding-left:22px;color:var(--blue);font-size:.87rem;line-height:1.32}
.plan-list li::before{content:"";position:absolute;left:0;top:.28em;width:.85em;height:.85em;background:url('../assets/logos/benemed-heart-amarelo.svg') left center/contain no-repeat}
.plan.is-hl .plan-list li::before{background-image:url('../assets/logos/benemed-heart-azul.svg')}
.plan-list sup{font-size:.7em;font-weight:700}
.plan-prices{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.plan.is-hl .plan-prices{border-top-color:rgba(0,50,154,.22)}
.pp{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pp-lbl{color:var(--ink-soft);font-size:.82rem;font-weight:600}
.plan.is-hl .pp-lbl{color:var(--blue-deep)}
.pp-val{color:var(--blue);font-weight:800;font-size:1.5rem;line-height:1;white-space:nowrap}
.pp-val i{font-style:normal;font-size:.6em;font-weight:700;margin-right:3px;vertical-align:.14em;color:var(--ink-soft)}
.plan.is-hl .pp-val i{color:var(--blue-deep)}
.plan-cta{margin-top:20px;width:100%;padding:13px 20px;font-size:.95rem}
.plans-legend{margin-top:clamp(22px,2.4vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:6px 34px;color:var(--ink-mute);font-size:.7rem;line-height:1.45}
.plans-legend b{color:var(--ink-soft);font-weight:700}
.plans-legend sup{font-size:.85em}
@media(max-width:720px){.plans-legend{grid-template-columns:1fr}}
@media(max-width:1180px){
  .plans-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  .plans-grid{grid-template-columns:repeat(2,1fr)}
  .plan-name{min-height:0}
}
@media(max-width:520px){
  .plans-grid{grid-template-columns:1fr}
  .plan-tag{min-height:0}
}

/* ══════════ ONDE CONTRATAR ══════════ */
.where{background:var(--bg)}
.where-head{text-align:center;max-width:640px;margin:0 auto clamp(30px,3.6vw,46px)}
.where-head .sec-title{color:var(--blue)}
.where-sub{margin-top:12px;color:var(--ink-soft);font-size:clamp(1rem,1.4vw,1.08rem)}
.where-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.where-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 26px}
.where-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--yellow);color:var(--blue);margin-bottom:16px}
.where-ic svg{width:26px;height:26px}
.where-card h3{color:var(--blue);font-size:1.2rem;font-weight:800;margin-bottom:8px}
.where-card p{color:var(--ink-soft);font-size:.96rem;line-height:1.5}
@media(max-width:800px){.where-grid{grid-template-columns:1fr}}

/* ══════════ RODAPÉ ══════════ */
.site-footer{background:var(--navy);color:#fff}
.footer-top{display:grid;grid-template-columns:1.15fr 2fr;gap:40px;padding-top:clamp(48px,5vw,72px);padding-bottom:clamp(30px,3.4vw,44px)}
.footer-logos{display:flex;align-items:center;gap:16px}
.footer-logos img{width:auto}
.footer-logos .f-benemed{height:26px}
.footer-logos .f-ipiranga{height:27px}
.footer-logos .f-kmv{height:21px}
.f-sep{width:1px;height:24px;background:rgba(255,255,255,.24)}
.footer-tag{margin-top:18px;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.5;max-width:340px}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.fcol h4{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.fcol a{display:block;color:rgba(255,255,255,.74);font-size:.95rem;padding:5px 0;transition:color .2s}
.fcol a:hover{color:var(--yellow)}
.fcol a em{color:rgba(255,255,255,.4);font-style:normal;font-size:.85em}
.footer-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;padding-bottom:clamp(26px,3vw,40px)}
.disclaimer{color:rgba(255,255,255,.5);font-size:.78rem;line-height:1.55;max-width:900px}
.disclaimer em{font-style:normal;color:rgba(255,255,255,.38)}
.footer-bottom{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.copy{color:rgba(255,255,255,.6);font-size:.82rem}
.socials{display:flex;gap:10px}
.socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .2s,color .2s,transform .2s}
.socials a:hover{background:var(--yellow);color:var(--navy);transform:translateY(-2px)}
.socials svg{width:18px;height:18px}
@media(max-width:860px){.footer-top{grid-template-columns:1fr;gap:30px}}
@media(max-width:520px){.footer-cols{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}

@media(max-width:560px){
  .header-left{gap:11px}.header-left .benemed{height:23px}.header-left .ipi b{display:none}
  .hero-cta{width:100%}.hero-cta .btn{flex:1}
  .hero-trust{gap:20px}
  .hero-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){.type .caret,.hero-scroll .m::after{animation:none}}