/* ============ KIT EMERGÊNCIA — clone visual gov.br ============ */
:root{
  --azul:      #1351b4;
  --azul-dark: #0c326f;
  --azul-bright:#2670e8;
  --azul-soft: #dbe8fb;
  --dourado:   #ffcd07;
  --dourado-dk:#c2850c;
  --texto:     #333333;
  --bg-claro:  #f8f8f8;
  --borda:     #ededed;
  --branco:    #ffffff;
  --vermelho:  #d4453a;
  --laranja:   #f2930d;
  --verde:     #0f7d45;
}

@font-face{font-family:'rawline';font-weight:300;font-style:normal;font-display:swap;src:url('fonts/rawline-300.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:300;font-style:italic;font-display:swap;src:url('fonts/rawline-300i.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/rawline-400.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:400;font-style:italic;font-display:swap;src:url('fonts/rawline-400i.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/rawline-500.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:500;font-style:italic;font-display:swap;src:url('fonts/rawline-500i.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/rawline-600.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:600;font-style:italic;font-display:swap;src:url('fonts/rawline-600i.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/rawline-700.woff2') format('woff2');}
@font-face{font-family:'rawline';font-weight:700;font-style:italic;font-display:swap;src:url('fonts/rawline-700i.woff2') format('woff2');}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'rawline',helvetica,arial,sans-serif;
  color:var(--texto);background:var(--branco);font-size:16px;line-height:1.6;
}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

/* ============ BARRA SUPERIOR ============ */
#portal-topbar{background:var(--azul);color:#fff;font-size:13px;}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:36px;}
.topbar-country{display:flex;align-items:center;gap:8px;}
.topbar-links a{margin-left:18px;color:rgba(255,255,255,.9);}
.topbar-links a:hover{color:#fff;text-decoration:underline;}

/* ============ HEADER ============ */
.site-header{background:#fff;border-bottom:1px solid var(--borda);position:relative;z-index:50;}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:86px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{width:52px;height:52px;border-radius:8px;}
.brand-text{font-weight:700;font-size:26px;color:var(--azul-dark);letter-spacing:-.5px;}
.brand-dot{color:var(--dourado-dk);}
.main-nav ul{display:flex;gap:6px;}
.main-nav a{display:block;padding:10px 14px;border-radius:6px;font-weight:600;font-size:15px;color:var(--texto);transition:.15s;}
.main-nav a:hover,.main-nav a.active{background:var(--azul-soft);color:var(--azul);}
.menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
.menu-btn span{width:26px;height:3px;background:var(--azul-dark);border-radius:2px;display:block;}
.header-search{display:flex;max-width:640px;padding-bottom:18px;}
.header-search input{flex:1;height:48px;border:2px solid var(--azul);border-right:none;border-radius:6px 0 0 6px;padding:0 16px;font-size:15px;font-family:inherit;outline:none;}
.header-search button{width:64px;height:48px;background:var(--azul);color:#fff;border:none;border-radius:0 6px 6px 0;font-size:18px;cursor:pointer;transition:.15s;}
.header-search button:hover{background:var(--azul-bright);}

/* ============ ALERTA ============ */
.alert-banner{background:var(--dourado);color:var(--azul-dark);padding:12px 0;font-size:14.5px;}
.alert-inner{display:flex;align-items:center;gap:14px;}
.alert-banner>i{font-size:26px;color:var(--vermelho);}
.alert-text strong{display:block;font-size:14.5px;}
.alert-text span{color:#4a3a05;}

/* ============ BREADCRUMB ============ */
.breadcrumb{padding:14px 20px;font-size:13.5px;color:#666;}
.breadcrumb a{color:var(--azul);}
.breadcrumb span{color:#888;}

/* ============ VIEWS ============ */
.view{display:none;animation:fadeUp .4s ease;}
.view.active{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

/* ============ HERO ============ */
.hero{padding:44px 20px 56px;background:linear-gradient(180deg,#f4f8fd 0%,#fff 100%);}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.gov-badge{display:inline-flex;align-items:center;gap:8px;background:var(--azul-soft);color:var(--azul);font-weight:600;font-size:13.5px;padding:7px 14px;border-radius:20px;margin-bottom:18px;}
.hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;color:var(--azul-dark);font-weight:700;margin-bottom:18px;}
.hl{color:var(--azul);border-bottom:4px solid var(--dourado);}
.hero-sub{font-size:17.5px;color:#444;margin-bottom:22px;}
.hero-checks li{display:flex;align-items:center;gap:10px;font-size:15.5px;margin-bottom:9px;color:#333;}
.hero-checks i{color:var(--azul);font-size:19px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;cursor:pointer;font-family:inherit;font-weight:700;transition:.15s;border-radius:6px;}
.btn-lg{height:60px;padding:0 34px;font-size:17.5px;margin-top:22px;}
.btn-primary{background:var(--azul);color:#fff;}
.btn-primary:hover{background:var(--azul-bright);transform:translateY(-2px);box-shadow:0 8px 20px rgba(19,81,180,.28);}
.btn-gold{background:var(--dourado);color:var(--azul-dark);width:100%;box-shadow:0 6px 18px rgba(255,205,7,.45);animation:pulse 2s infinite;}
.btn-gold:hover{background:#ffd93d;transform:translateY(-2px);}
@keyframes pulse{0%,100%{box-shadow:0 6px 18px rgba(255,205,7,.45);}50%{box-shadow:0 6px 30px rgba(255,205,7,.85);}}
.btn-ghost{background:transparent;color:var(--azul);border:2px solid var(--azul);height:48px;padding:0 20px;font-size:15px;}
.btn-ghost:hover{background:var(--azul-soft);}
.hero-trust{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14.5px;color:#555;background:#fff;border:1px solid var(--borda);border-radius:8px;padding:12px 16px;width:fit-content;}
.hero-trust i{color:var(--azul);font-size:22px;}
.hero-art{position:relative;}
.hero-art>img{border-radius:12px;box-shadow:0 20px 50px rgba(12,50,111,.18);width:100%;height:430px;object-fit:cover;}
.art-card{position:absolute;left:-24px;bottom:26px;background:#fff;border-radius:10px;box-shadow:0 12px 34px rgba(12,50,111,.22);padding:14px 18px;display:flex;gap:12px;align-items:center;max-width:82%;border-left:5px solid var(--laranja);}
.art-card i{font-size:30px;color:var(--laranja);}
.art-card strong{display:block;color:var(--vermelho);font-size:14.5px;}
.art-card span{font-size:13px;color:#555;line-height:1.4;}

/* ============ STRIP AZUL ============ */
.strip-blue{background:var(--azul);color:#fff;padding:52px 0;}
.strip-inner h2{font-size:clamp(22px,3vw,30px);margin-bottom:12px;font-weight:700;}
.strip-inner>p{opacity:.92;max-width:760px;font-size:16.5px;margin-bottom:30px;}
.strip-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.strip-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:22px 18px;transition:.15s;}
.strip-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px);}
.strip-card i{font-size:30px;color:var(--dourado);margin-bottom:12px;}
.strip-card h4{font-size:16px;margin-bottom:6px;}
.strip-card p{font-size:13.5px;opacity:.85;}

/* ============ STEPS ============ */
.steps-section{padding:56px 20px;text-align:center;}
.section-title{font-size:clamp(24px,3vw,32px);color:var(--azul-dark);margin-bottom:36px;font-weight:700;}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:960px;margin:0 auto 10px;text-align:left;}
.step{background:var(--bg-claro);border:1px solid var(--borda);border-radius:10px;padding:26px 22px;}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--azul);color:#fff;border-radius:50%;font-weight:700;font-size:19px;margin-bottom:14px;}
.step h4{font-size:17px;color:var(--azul-dark);margin-bottom:8px;}
.step p{font-size:14.5px;color:#555;}

/* ============ QUIZ ============ */
.quiz-wrap{max-width:720px;padding:40px 20px 70px;}
.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:30px;}
.progress-bar{flex:1;height:10px;background:var(--azul-soft);border-radius:6px;overflow:hidden;}
.progress-fill{height:100%;width:20%;background:linear-gradient(90deg,var(--azul),var(--azul-bright));border-radius:6px;transition:width .4s ease;}
.progress-label{font-size:14px;font-weight:600;color:var(--azul);white-space:nowrap;}
.q-card{display:none;background:#fff;border:1px solid var(--borda);border-top:5px solid var(--azul);border-radius:10px;box-shadow:0 10px 34px rgba(12,50,111,.08);padding:40px 36px;animation:fadeUp .35s ease;}
.q-card.active{display:block;}
.q-tag{display:inline-flex;align-items:center;gap:8px;background:var(--azul-soft);color:var(--azul);font-weight:600;font-size:13px;padding:6px 13px;border-radius:16px;margin-bottom:18px;}
.q-title{font-size:clamp(20px,2.6vw,26px);color:var(--azul-dark);line-height:1.3;margin-bottom:10px;font-weight:700;}
.q-sub{font-size:15px;color:#666;margin-bottom:26px;}
.q-options{display:grid;gap:12px;}
.q-opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--bg-claro);border:2px solid var(--borda);border-radius:8px;padding:17px 20px;font-family:inherit;font-size:16.5px;color:var(--texto);cursor:pointer;transition:.15s;}
.q-opt span{flex-shrink:0;width:34px;height:34px;background:#fff;border:2px solid var(--azul);color:var(--azul);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;}
.q-opt:hover{border-color:var(--azul);background:var(--azul-soft);transform:translateX(4px);}
.quiz-actions{display:flex;justify-content:space-between;margin-top:26px;}

/* ============ RESULTADO ============ */
.result-wrap{max-width:820px;padding:40px 20px 80px;}
.analysis-box{text-align:center;background:#fff;border:1px solid var(--borda);border-radius:12px;padding:70px 30px;box-shadow:0 10px 34px rgba(12,50,111,.08);}
.spinner{width:58px;height:58px;border:6px solid var(--azul-soft);border-top-color:var(--azul);border-radius:50%;margin:0 auto 22px;animation:spin .9s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.analysis-box p{font-size:18px;font-weight:600;color:var(--azul-dark);}
.analysis-box small{color:#888;font-size:13.5px;}
.score-card{background:#fff;border:1px solid var(--borda);border-left:6px solid var(--vermelho);border-radius:10px;padding:34px 32px;margin-bottom:26px;box-shadow:0 10px 34px rgba(12,50,111,.08);}
.score-badge{display:inline-flex;align-items:center;gap:8px;background:var(--azul-soft);color:var(--azul);font-weight:600;font-size:13px;padding:6px 13px;border-radius:16px;margin-bottom:16px;}
.score-card h2{font-size:clamp(21px,2.8vw,28px);color:var(--azul-dark);line-height:1.25;margin-bottom:24px;}
.hl-red{color:var(--vermelho);}
.score-row{display:grid;grid-template-columns:230px 1fr 52px;gap:14px;align-items:center;margin-bottom:12px;font-size:14.5px;color:#444;}
.meter{height:14px;background:var(--bg-claro);border:1px solid var(--borda);border-radius:8px;overflow:hidden;}
.meter-fill{height:100%;border-radius:8px;transition:width 1.2s ease .3s;}
.meter-fill.red{background:var(--vermelho);}
.meter-fill.orange{background:var(--laranja);}
.score-row b{text-align:right;}
.score-verdict{margin-top:22px;font-size:15.5px;color:#444;background:#fdf3f2;border:1px solid #f3d5d2;border-radius:8px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;}
.score-verdict i{color:var(--vermelho);font-size:20px;margin-top:2px;}

/* oferta */
.offer-card{background:#fff;border:2px solid var(--azul);border-radius:12px;overflow:hidden;box-shadow:0 16px 44px rgba(19,81,180,.16);}
.offer-tag{display:block;background:var(--azul-dark);color:var(--dourado);text-align:center;font-weight:700;font-size:13.5px;letter-spacing:.6px;text-transform:uppercase;padding:10px;}
.offer-card h3{padding:30px 32px 8px;font-size:clamp(20px,2.8vw,27px);color:var(--azul-dark);line-height:1.3;}
.offer-list{padding:14px 32px 6px;display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.offer-list li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#444;background:var(--bg-claro);border:1px solid var(--borda);border-radius:8px;padding:13px 14px;}
.offer-list i{color:var(--azul);font-size:19px;margin-top:2px;}
.price-box{padding:20px 32px 30px;text-align:center;}
.price-old{font-size:18px;color:#888;margin-bottom:4px;}
.price-save{background:#e6f5ea;color:#1e7c3c;font-weight:700;font-size:13px;padding:3px 10px;border-radius:12px;margin-left:6px;}
.price-main{color:var(--azul-dark);font-weight:700;}
.price-main small{font-weight:600;font-size:15px;color:#666;}
.price-big{font-size:64px;line-height:1;color:var(--vermelho);font-weight:700;}
.price-note{font-size:14.5px;color:#555;margin:8px 0 20px;}
.stock-bar{height:12px;background:#fdecdc;border-radius:8px;overflow:hidden;margin-bottom:10px;}
.stock-fill{height:100%;width:31%;background:linear-gradient(90deg,var(--laranja),var(--vermelho));border-radius:8px;transition:width 1s ease;}
.stock-label{font-size:14px;color:var(--vermelho);font-weight:600;margin-bottom:20px;}
.guarantee{display:flex;gap:14px;align-items:center;background:var(--azul-soft);border-top:1px solid var(--borda);padding:20px 32px;}
.guarantee>i{font-size:34px;color:var(--azul);}
.guarantee b{display:block;color:var(--azul-dark);font-size:15.5px;}
.guarantee span{font-size:13.5px;color:#555;}

/* ============ FOOTER ============ */
.site-footer{background:var(--azul-dark);color:rgba(255,255,255,.85);margin-top:20px;}
.footer-top{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:48px 20px 40px;}
.footer-col h4{color:#fff;font-size:15.5px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.18);}
.footer-col a{display:block;font-size:14px;padding:5px 0;color:rgba(255,255,255,.75);}
.footer-col a:hover{color:var(--dourado);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font-size:13px;color:rgba(255,255,255,.55);}

/* ============ RESPONSIVO ============ */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:30px;}
  .hero-art>img{height:300px;}
  .art-card{left:10px;}
  .strip-cards{grid-template-columns:1fr 1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .offer-list{grid-template-columns:1fr;}
  .main-nav{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;box-shadow:0 14px 30px rgba(0,0,0,.12);display:none;padding:10px 16px 16px;}
  .main-nav.open{display:block;}
  .main-nav ul{flex-direction:column;gap:0;}
  .menu-btn{display:flex;}
  .header-search{display:none;}
  .footer-top{grid-template-columns:1fr;}
  .score-row{grid-template-columns:1fr;gap:6px;}
  .score-row b{text-align:left;}
}

/* ============ MOBILE-FIRST (≤600px) — compacto & bonito ============ */
@media(max-width:600px){
  /* ticker mais baixo e fino */
  .live-ticker{ height:auto; min-height:26px; font-size:12px; line-height:26px; }
  .topbar-inner{ padding:5px 0; }
  .topbar-links a{margin-left:12px;font-size:11.5px;}
  .brand-text{font-size:19px;}
  .brand-logo{width:40px;height:40px;}
  .site-header{ padding-top:2px; padding-bottom:2px; }
  .alert-banner>i{font-size:18px;flex:none;}
  .alert-text strong{font-size:12.5px;}
  .alert-text span{font-size:12px;}
  .alert-us{font-size:9.5px !important;}
  .countdown-bar{font-size:11px;padding:6px 8px;line-height:1.5;}
  .breadcrumb{padding:8px 14px;font-size:12px;}
  /* hero compacto */
  .hero{padding:14px 12px 18px;}
  .hero-art{height:210px;border-radius:10px;}
  .hero-art img{height:210px;}
  .art-card{left:8px;right:8px;top:auto;bottom:8px;padding:8px 10px;font-size:11.5px;}
  .sun-strip{gap:6px;margin-top:8px;}
  .sun-strip figure{border-radius:6px;}
  .sun-strip img{height:72px;width:100%;object-fit:cover;display:block;}
  .sun-strip-note{font-size:10px;margin-top:4px;}
  .hero-trust{width:100%;font-size:12.5px;padding:9px 12px;}
  .btn-lg{width:100%;height:52px;font-size:15.5px;margin-top:12px;}
  /* seções compactas */
  .sec{padding:20px 0;}
  .container{padding:0 13px;}
  .kicker{font-size:10.5px;padding:4px 8px;}
  h2{font-size:21px !important;margin-bottom:8px;}
  .lead{font-size:14px;margin-bottom:12px;}
  .symptoms{grid-template-columns:1fr;gap:6px;}
  .symptom{padding:10px;font-size:13px;}
  .media-wall{grid-template-columns:1fr;gap:8px;}
  .news-card{padding:10px;}
  .news-card h4{font-size:13px;}
  .news-card .nc-img{height:120px;}
  .video-row{grid-template-columns:1fr 1fr;gap:6px;}
  .vcap{font-size:9.5px;padding:14px 6px 5px;}
  .us-badge{padding:10px 12px;gap:8px;max-width:none;width:100%;}
  .us-badge i{font-size:24px;}
  .us-badge b{font-size:12.5px;}
  .stat-row{grid-template-columns:1fr;gap:6px;}
  .stat-box{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;}
  .stat-box b{font-size:20px;white-space:nowrap;}
  .stat-box span{font-size:11.5px;}
  .steps-grid{grid-template-columns:1fr;gap:8px;}
  .step{padding:12px;font-size:13px;}
  .testi-grid{grid-template-columns:1fr;gap:8px;}
  .testi{padding:12px;}
  .testi p{font-size:12.5px;}
  /* quiz compacto */
  .quiz-wrap{padding:16px 10px 56px;}
  .quiz-progress{flex-direction:column;align-items:stretch;gap:6px;}
  .q-card{padding:16px 12px;border-radius:10px;}
  .q-title{font-size:18px;}
  .q-sub{font-size:12.5px;margin-bottom:12px;}
  .q-opt{padding:12px 10px;font-size:14.5px;border-radius:10px;margin-bottom:6px;}
  .q-opt span,.q-opt .lbl{width:28px;height:28px;font-size:12.5px;}
  .slider-val{font-size:34px;}
  .q-hint{font-size:10.5px;}
  /* resultado compacto */
  .result-wrap{padding:16px 10px 84px;}
  .analysis-box{padding:38px 16px;}
  .report-card{padding:14px 12px;}
  .stamp-vuln{font-size:10.5px;padding:3px 7px;top:12px;right:9px;}
  .report-meta{flex-direction:column;gap:4px;}
  .report-list li{font-size:12px;}
  .verdict-box{font-size:12.5px;padding:11px;}
  .offer-card{padding:14px 11px;border-radius:10px;}
  .offer-list li{font-size:12.5px;padding:9px 8px;}
  .price-big{font-size:38px;white-space:nowrap;}
  .price-note{font-size:12.5px;white-space:normal;text-align:center;line-height:1.4;}
  .btn-gold.btn-lg{height:56px;font-size:15px;}
  .upsell{padding:14px 12px;}
  .upsell h4{font-size:15px;}
  .upsell-opt{flex-direction:column;}
  .faq-q{font-size:13px;padding:12px 10px;}
  .faq-a{padding:0 10px 12px;font-size:12px;}
  .toast-buy{left:8px;right:8px;max-width:none;bottom:74px;font-size:12px;}
  .payment-icons{letter-spacing:4px;font-size:18px;}
  /* sticky top bem fino */
  .sticky-top{padding:6px 8px calc(6px+env(safe-area-inset-top));}
  .sticky-top .sc-info b{font-size:12px;}
  .sticky-top .sc-info span{font-size:10.5px;}
  .sticky-top .btn{font-size:12px;height:38px;padding:0 12px;}
}