:root {
  color-scheme:light;
  --ink:#13283d;--ink-2:#38506a;--muted:#6c7d8e;--line:#e9edf2;
  --yellow:#ffcd42;--yellow-hi:#ffdb72;--green:#168d68;
}
*{box-sizing:border-box}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:#f7f9fc;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 620px 500px at 50% -160px,rgba(255,208,78,.19),transparent 72%),radial-gradient(ellipse 520px 340px at 0% 90%,rgba(104,164,218,.09),transparent 72%)}
a{color:inherit}
.page-shell{width:min(100%,540px);padding:26px 18px 17px;margin:0 auto}
.gateway{overflow:hidden;background:#fff;border:1px solid #e8ecf1;border-radius:27px;box-shadow:0 20px 75px rgba(27,51,77,.07),0 4px 18px rgba(27,51,77,.025)}
.notice{height:41px;display:flex;justify-content:center;align-items:center;gap:9px;background:#fff0c6;color:#694e0a;font-weight:800;font-size:10px;letter-spacing:.8px;text-align:center;border-bottom:1px solid #f7e6af}
.notice-dot{width:6px;height:6px;border-radius:50%;background:#e5a51c;box-shadow:0 0 0 3px rgba(229,165,28,.17);flex:none}
.notice-spark{font-size:11px;color:#c49111}
.gateway-content{padding:21px 27px 28px;text-align:center}
.identity{position:relative;display:flex;align-items:center;justify-content:center;min-height:117px;margin-bottom:8px}
.identity-glow{position:absolute;z-index:0;width:220px;height:90px;border-radius:60%;background:#fff9e8;filter:blur(17px);opacity:.95}
.brand-logo{position:relative;z-index:1;display:block;width:min(100%,242px);height:auto;object-fit:contain}
.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#2a7960;background:#ecf8f1;border:1px solid #d9ede2;border-radius:99px;padding:6px 11px;font-size:10px;letter-spacing:.6px;font-weight:800}
.eyebrow-check{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#2a9b71;color:#fff;font-size:9px}
h1{max-width:420px;margin:17px auto 0;font-size:clamp(26px,6.8vw,35px);font-weight:820;letter-spacing:-1.2px;line-height:1.12;text-wrap:balance}
h1 em{font-style:normal;color:#cf8e00}
.description{max-width:340px;margin:13px auto 0;color:#6e7c8d;font-size:14px;line-height:1.55}
.benefits{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:14px;row-gap:9px;list-style:none;margin:21px 0 22px;padding:0}
.benefits li{display:flex;gap:5px;align-items:center;color:#506174;font-size:11px;font-weight:700;white-space:nowrap}
.check{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;color:#15825b;background:#e8f7ef;font-size:11px;font-weight:900}
.action-button{position:relative;min-height:59px;display:flex;justify-content:center;align-items:center;gap:11px;padding:12px 35px;text-decoration:none;cursor:pointer;touch-action:manipulation;background:var(--yellow);color:#1f2b35;border:1px solid #ebaf1c;border-radius:14px;box-shadow:0 4px 0 #e6a91a,0 8px 18px rgba(190,134,16,.13);font-size:15px;font-weight:850;letter-spacing:.17px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.action-button:hover{background:var(--yellow-hi)}
.action-button:active{transform:translateY(3px);box-shadow:0 1px 0 #e6a91a,0 3px 10px rgba(190,134,16,.10)}
.action-button:focus-visible,.alternate-link:focus-visible{outline:3px solid #267bd0;outline-offset:3px}
.action-arrow{width:19px;height:19px;flex:none;transition:transform .2s ease}
.action-button:hover .action-arrow{transform:translateX(3px)}
.action-note{display:flex;align-items:center;justify-content:center;gap:5px;margin:16px 0 0;font-size:11px;color:#798697;letter-spacing:.01em}
.action-note svg{width:14px;height:14px;color:#7b9486}
.action-note strong{font-weight:700;color:#657589}
.card-foot{display:flex;gap:12px;align-items:center;justify-content:center;background:#fbfcfe;padding:13px 0 12px;color:#ccd4dd;border-top:1px solid #f0f2f6}
.card-foot span:not(.card-foot-star){height:1px;width:68px;background:#dce3ea}
.card-foot-star{font-size:12px;color:#b9c8d4}
.footer{padding:24px 0 10px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}
.footer p{margin:0;color:#576b82;font-size:12px;font-weight:650}
.footer>span{font-size:11px;color:#a0aebb}
.browser-help{margin-top:19px;padding:15px 16px 14px;border-radius:13px;border:1px solid #d2ddeb;background:#f2f7fc;text-align:left;color:#31465e}
.browser-help-head{display:flex;align-items:center;gap:9px;font-size:13px}
.browser-help-icon{display:inline-flex;justify-content:center;align-items:center;flex:none;width:26px;height:26px;border-radius:8px;color:#fff;background:#2b73c6;font-size:17px;font-weight:800}
.browser-help p{margin:10px 0 14px;color:#42586e;font-size:13px;line-height:1.52}
.browser-help strong{color:#192f47}
.alternate-link{display:inline-flex;gap:6px;align-items:center;color:#1c5e9b;font-size:12px;font-weight:750;text-underline-offset:3px}
[hidden]{display:none!important}
@media(min-width:769px){.page-shell{width:min(100%,550px);padding-top:54px}.gateway-content{padding:26px 43px 34px}.identity{min-height:140px}.brand-logo{width:266px}.benefits li{font-size:12px}}
@media(max-width:390px){.page-shell{padding:13px 11px 15px}.gateway{border-radius:23px}.gateway-content{padding:17px 19px 22px}.notice{font-size:9px;letter-spacing:.56px;height:39px}.identity{min-height:106px;margin-bottom:4px}.brand-logo{width:222px}h1{font-size:clamp(25px,7.4vw,28px);letter-spacing:-1.1px;margin-top:14px}.description{font-size:13px;margin-top:11px}.benefits{gap:8px 11px;margin:18px 0 19px}.benefits li{font-size:10px}.action-button{min-height:56px;font-size:13.5px;padding:10px 21px}.action-note{font-size:10px;margin-top:14px}}
@media(max-width:350px){.gateway-content{padding-left:15px;padding-right:15px}.brand-logo{width:202px}.benefits{column-gap:8px}.benefits li{font-size:9.5px}.action-button{font-size:13px}}
@media(max-height:650px) and (max-width:768px){.page-shell{padding-top:8px}.gateway-content{padding-top:11px;padding-bottom:14px}.identity{min-height:91px}.brand-logo{width:192px}.eyebrow{padding:4px 9px}.intro h1{margin-top:11px;font-size:24px}.description{margin-top:8px}.benefits{margin:13px 0}.action-button{min-height:51px}.action-note{margin-top:10px}.card-foot{padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action-button,.action-arrow{transition:none}}

/* V2.1 — Apenas consentimento. Layout V2, CTA e navegação preservados. */
.marketing-consent{margin-top:22px;padding:14px 15px;border:1px solid #dce5ef;border-radius:13px;background:#f9fbfe;text-align:left}
.marketing-consent h2{font-size:13px;font-weight:750;letter-spacing:0;line-height:1.4;margin:0 0 5px;color:#22394f}
.marketing-consent p{font-size:12px;line-height:1.5;margin:0;color:#53677a}
.marketing-consent p a{color:#1c5e9b;text-decoration:underline;text-underline-offset:2px}
.marketing-actions{display:flex;align-items:center;gap:9px;margin-top:12px}
.marketing-actions button{flex:1;min-height:38px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation}
.marketing-reject{background:#fff;color:#36506a;border:1px solid #cbd7e4}
.marketing-allow{background:#224d7c;color:#fff;border:1px solid #224d7c}
.marketing-actions button:focus-visible,.footer-links a:focus-visible{outline:3px solid #267bd0;outline-offset:3px}
.footer-links{display:flex;gap:8px;align-items:center;justify-content:center;font-size:10px;color:#7b8b9d}
.footer-links a{color:inherit;text-underline-offset:3px}

/* ============================================================
   V2.4 — HIERARQUIA E CONVERSÃO
   Um CSS versionado evita o cache antigo que deixou o consentimento
   sem estilos no navegador interno do Instagram.
   ============================================================ */
.page-shell {padding-top:22px}
.notice {height:38px;font-size:9.5px;letter-spacing:.65px}
.gateway-content {padding-top:17px;padding-bottom:22px}
.identity {min-height:96px;margin-bottom:10px}
.brand-logo {width:min(100%,222px)}
.identity-glow {width:180px;height:70px}
h1 {margin-top:4px;font-size:clamp(28px,7.4vw,35px);line-height:1.13;letter-spacing:-1.12px}
.description {margin:10px auto 0;font-size:13px;line-height:1.5;color:#68798a}
.action-area {margin-top:23px}
.action-button {min-height:58px;border-radius:13px;background:#ffce4d;border:1px solid #e9b42c;box-shadow:0 2px 0 #e1ae27,0 9px 23px rgba(201,151,38,.15);letter-spacing:.1px;transform:translateZ(0)}
.action-button:hover {background:#ffda71;box-shadow:0 2px 0 #e1ae27,0 11px 24px rgba(201,151,38,.18);transform:translateY(-1px)}
.action-button:active {transform:translateY(1px) scale(.992);box-shadow:0 1px 0 #e1ae27,0 5px 10px rgba(201,151,38,.12)}
.action-arrow {animation:zdArrowCue 4.2s ease-in-out infinite}
.action-note {margin-top:12px;font-size:11px}
.card-foot {padding:11px 0}
.footer {padding-top:19px}
/* Painel de consentimento minimalista, sem competir com o CTA */
.marketing-consent {margin-top:20px;padding:12px 13px;border-radius:12px;background:#f8fafc;border:1px solid #e3e9f0;box-shadow:none}
.marketing-consent h2 {margin:0 0 3px;font-size:11.5px!important;font-weight:750;line-height:1.3;color:#354b60}
.marketing-consent p {margin:0!important;font-size:11px!important;line-height:1.42!important;color:#647386}
.marketing-actions {gap:8px;margin-top:9px}
.marketing-actions button {min-height:35px;padding:7px 10px;border-radius:8px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.25;appearance:none;-webkit-appearance:none}
.marketing-reject {background:white;color:#36506a;border:1px solid #ccd7e3}
.marketing-allow {background:#24547d;color:white;border:1px solid #24547d}
.marketing-reject:hover {background:#f0f5fa}
.marketing-allow:hover {background:#1b4161}
@keyframes zdArrowCue {0%,77%,100% {transform:translateX(0)} 84% {transform:translateX(4px)} 91% {transform:translateX(0)}}
@media(max-width:390px) {
  .page-shell {padding-top:12px}
  .gateway-content {padding:14px 19px 20px}
  .notice {height:36px;font-size:9px}
  .identity {min-height:90px;margin-bottom:6px}
  .brand-logo {width:207px}
  h1 {margin-top:3px;font-size:clamp(27px,7.35vw,30px)}
  .description {font-size:12.5px;margin-top:9px}
  .action-area {margin-top:20px}
  .action-button {min-height:57px;font-size:14px}
  .marketing-consent {margin-top:18px}
}
@media(max-height:650px) and (max-width:768px) {
  .gateway-content {padding-top:10px;padding-bottom:15px}
  .identity {min-height:78px;margin-bottom:5px}
  .brand-logo {width:190px}
  h1 {margin-top:3px;font-size:26px}
  .description {margin-top:6px}
  .action-area {margin-top:13px}
}
@media(prefers-reduced-motion:reduce) {
  .action-arrow {animation:none}
  .action-button {transition:none}
}

/* PROPOSTA V2.6 — CLARA, LEVE, VIVA. Sem alterar a lógica do CTA. */
:root{--ink:#193046;--ink-2:#364d63;--muted:#6d8092;--v26-green:#0E9F78;--v26-green-hover:#098766}
body{background:#f7fbfe}
body:before{background:radial-gradient(ellipse 680px 440px at 50% -130px,rgba(175,225,250,.31),transparent 75%),radial-gradient(ellipse 470px 460px at 98% 80%,rgba(255,225,146,.15),transparent 75%)}
.page-shell{width:min(100%,526px);padding:22px 15px 16px}
.gateway{border-radius:24px;background:#fff;border:1px solid #ecf1f5;box-shadow:0 18px 54px rgba(24,76,111,.07),0 2px 8px rgba(24,76,111,.02)}
.notice{height:38px;background:#fff4d6;color:#7c5a13;border-bottom:1px solid #f8edcf;font-size:10px;letter-spacing:.9px;font-weight:760;gap:8px}
.notice-dot{width:7px;height:7px;background:#efa90c;box-shadow:0 0 0 4px rgba(239,169,12,.12)}
.notice-spark{font-size:10px;color:#d5a039}
.gateway-content{padding:22px 30px 26px}
.identity{min-height:124px;margin-bottom:11px;}
.identity-glow{width:210px;height:78px;background:#e7f6ff;filter:blur(27px);opacity:.68}
.brand-logo{width:min(100%,256px)}
h1{color:#1b344b;margin:4px auto 0;font-size:clamp(30px,7.45vw,37px);letter-spacing:-1.3px;font-weight:850;line-height:1.12;max-width:385px}
h1 em{font-style:normal;color:#ec9a12;position:relative;white-space:nowrap}
h1 em:after{content:'';position:absolute;left:2%;bottom:-5px;height:3px;width:96%;border-radius:100px;background:#ffdc83;transform-origin:left;animation:ze26Underline .65s .5s both}
.description{color:#667d8d;margin:14px auto 0;font-size:14px;line-height:1.5;max-width:325px}
.action-area{margin-top:27px}
.action-button{position:relative;min-height:62px;width:100%;border-radius:15px;background:var(--v26-green);border:1px solid var(--v26-green);color:#fff;font-size:15px;font-weight:790;letter-spacing:.12px;box-shadow:0 10px 22px rgba(14,159,120,.18);padding:12px 19px;gap:12px;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;animation:ze26Breathe 5.5s ease-in-out infinite}
.action-button:hover{background:var(--v26-green-hover);border-color:var(--v26-green-hover);box-shadow:0 12px 25px rgba(14,159,120,.24);transform:translateY(-1px)}
.action-button:active{background:#087e60;transform:translateY(1px) scale(.992);box-shadow:0 4px 10px rgba(14,159,120,.14)}
.action-label{margin-left:auto}
.action-arrow{width:21px;height:21px;margin-left:auto;animation:ze26Nudge 5.5s ease-in-out infinite;flex:none}
.action-button:hover .action-arrow{animation:none;transform:translateX(3px)}
.action-note{color:#738597;font-size:11px;margin-top:13px}
.action-note strong{color:#52677a}
.card-foot{background:#fbfdfe;border-top:1px solid #f0f5f7;padding:9px 0}
.card-foot-star{color:#a6cbd5}
.footer{padding:18px 0 6px;gap:7px}
.footer>span{color:#a1afbb}
.footer-links{font-size:10px;color:#8795a5}
.marketing-consent{margin-top:26px;padding:13px 13px;border-radius:13px;background:#f8fbfd;border:1px solid #e3edf1;box-shadow:none}
.marketing-consent h2{font-size:12px!important;font-weight:750;color:#3d5264}
.marketing-consent p{font-size:11px!important;line-height:1.45!important;color:#6b7d89}
.marketing-actions{gap:8px;margin-top:10px}
.marketing-actions button{font-size:11px;font-weight:730;min-height:36px;border-radius:8px}
.marketing-reject{color:#425669;border:1px solid #d4dee7;background:white}
.marketing-allow{background:#f0f7f5;color:#107554;border:1px solid #b7d7cb}
.marketing-allow:hover{background:#e4f4ec}
.identity,.intro,.action-area{animation:ze26Enter .43s ease-out both}
.intro{animation-delay:.06s}.action-area{animation-delay:.13s}
@keyframes ze26Enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes ze26Underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ze26Nudge{0%,74%,100%{transform:translateX(0)}82%{transform:translateX(4px)}89%{transform:translateX(0)}}
@keyframes ze26Breathe{0%,72%,100%{box-shadow:0 10px 22px rgba(14,159,120,.18)}84%{box-shadow:0 10px 26px rgba(14,159,120,.27)}}
@media(max-width:390px){
 .page-shell{padding:12px 11px 15px}
 .notice{height:36px;font-size:9px;letter-spacing:.65px}
 .gateway-content{padding:17px 19px 21px}
 .identity{min-height:103px;margin-bottom:8px}
 .brand-logo{width:228px}
 h1{font-size:clamp(29px,8.3vw,33px);margin-top:2px}
 .description{font-size:13px;margin-top:13px}
 .action-area{margin-top:24px}
 .action-button{min-height:60px;padding:10px 18px;font-size:14px}
 .marketing-consent{margin-top:23px}
}
@media(max-height:650px) and (max-width:768px){
 .identity{min-height:82px}.brand-logo{width:204px}
 h1{font-size:28px}.action-area{margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
 .identity,.intro,.action-area,.action-button,.action-arrow,h1 em:after{animation:none!important}
 h1 em:after{transform:scaleX(1)}
 .action-button{transition:none}
}