:root{--azul:#1f5fa8;--azul2:#e8f0fa;--lar:#e07a1f;--lar2:#fdf1e6;--verde:#1e8a4c;--verde2:#e9f6ee;--cinza:#5b6470;--txt:#1d2430;--borda:#e3e7ee;--bg:#f5f7fa} *{box-sizing:border-box}html{-webkit-text-size-adjust:100%} body{margin:0;background:var(--bg);color:var(--txt);font-family:"Work Sans",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55} .wrap{max-width:900px;margin:0 auto;padding:0 16px 48px} header.topo{display:flex;align-items:center;justify-content:space-between;padding:14px 0} header.topo img{height:54px}header.topo a.site{font-size:14px;color:var(--azul);text-decoration:none;font-weight:600} .hero{background:linear-gradient(135deg,#17497f,#2a6fc0);color:#fff;border-radius:18px;padding:28px 24px;display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center} .hero .k{font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-weight:600} .hero h1{font-size:30px;line-height:1.15;margin:8px 0 10px;font-weight:700} .hero p{margin:0;opacity:.95;font-size:17px} .hero img{width:100%;border-radius:14px;background:#fff} .chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px} .chip{background:#fff;border:1px solid var(--borda);border-radius:999px;padding:8px 14px;font-size:14.5px;color:var(--cinza)} .chip b{color:var(--txt);font-weight:600} .intro{background:#fff;border-radius:16px;padding:6px 22px;margin-top:14px;border:1px solid var(--borda)} .card{background:#fff;border:1px solid var(--borda);border-radius:16px;padding:20px 22px;margin-top:18px} .card h2{font-size:20px;margin:0 0 10px;line-height:1.3;font-weight:700}.card h2 .ic{margin-right:8px}.card h2 .tag{margin-left:10px;vertical-align:middle} .card h2 .ic{font-size:22px} .card h3{font-size:15px;margin:14px 0 4px;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza)} .card h4{font-size:17px;margin:16px 0 4px;font-weight:700} .card p{margin:8px 0}.card ul{margin:8px 0 8px 2px;padding-left:22px}.card li{margin:5px 0} .nota{color:var(--cinza);font-size:15px;margin-top:-4px} .tag{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 11px;background:var(--azul2);color:var(--azul)} .fase.f1{border-left:6px solid var(--azul)}.fase.f2{border-left:6px solid var(--lar)} .fase.f2 .tag{background:var(--lar2);color:var(--lar)} .leva{background:var(--verde2);border-color:#cfe9d9}.leva h2{color:var(--verde)}.leva .tag{background:#fff;color:var(--verde)} .aviso{background:#fffaf2;border-color:#f5dfc0} .pratica{background:#f7f9fc} .fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px} .fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#dde3ea} .foto-una{margin:10px 0 14px}.foto-una img{width:100%;max-width:520px;border-radius:12px;display:block} .escolher{background:linear-gradient(180deg,#fff,#f3f6fb)} .opcoes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px} .opcao{border-radius:14px;padding:18px;border:2px solid var(--azul);background:#fff} .opcao.f12{border-color:var(--lar)} .opcao .rotulo{font-size:22px;font-weight:800;color:var(--azul);margin-bottom:6px}.opcao.f12 .rotulo{color:var(--lar)} .opcao.f12 .tag{background:var(--lar2);color:var(--lar)} .opcao h3{margin-top:14px}.opcao p{margin:4px 0 0;font-size:16px} .nota-escolha{margin-top:14px;color:var(--cinza);font-size:15.5px;text-align:center} .orc{border:2px solid var(--azul)} .alerta{background:#fff4e5;border-left:4px solid var(--lar);padding:10px 12px;border-radius:8px;font-size:15.5px} .cta{text-align:center;margin:18px 0 4px} .btn{display:inline-block;background:#25d366;color:#fff;text-decoration:none;font-weight:700;font-size:18px;padding:14px 26px;border-radius:999px;box-shadow:0 4px 14px rgba(37,211,102,.35)} .outros{font-size:14px;color:var(--cinza);margin-top:12px}.outros a{color:var(--azul);text-decoration:none;white-space:nowrap} footer{margin-top:28px;text-align:center;color:var(--cinza);font-size:14px;line-height:1.7} footer a{color:var(--azul);text-decoration:none} @media (max-width:640px){ body{font-size:16.5px}.hero{grid-template-columns:1fr;padding:22px 18px}.hero img{max-width:200px;margin:0 auto}.hero h1{font-size:25px} .card{padding:16px 16px}.card h2{font-size:19px}.opcoes{grid-template-columns:1fr} .fotos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch} .fotos img{flex:0 0 70%;scroll-snap-align:start}.fotos::after{content:'';flex:0 0 8px} } @media print{ @page{size:A4;margin:12mm 12mm 14mm} body{background:#fff;font-size:12pt}.wrap{max-width:none;padding:0} .hero{border-radius:10px;grid-template-columns:1fr 150px;-webkit-print-color-adjust:exact;print-color-adjust:exact} *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card,.intro{break-inside:auto} .opcao,.leva,.cta,.alerta,.foto-una,.chips,.hero{break-inside:avoid}.fotos{break-inside:avoid} h2,h3,h4{break-after:avoid}ul{break-inside:auto}li{break-inside:avoid} .fotos{display:grid;grid-template-columns:repeat(3,1fr)}.fotos.seis{grid-template-columns:repeat(3,1fr)} .btn{box-shadow:none;background:#25d366}.outros a{color:var(--txt)}header.topo a.site{display:none} img{page-break-inside:avoid} }