/* =========================================================
   CEFAK – novo visual (mesmo padrão da UNICEFAK)
   Paleta da logo do CEFAK, botões com brilho girando, menu de vidro
   com menu suspenso, pontinhos que acendem com o mouse e somem
   atrás dos textos, animação ao rolar.
   ========================================================= */
@property --ga { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

:root {
	--ink: #0B1A2E; --ink2: #10233C; --ink3: #17304F; --navy: #1F3F6E;
	--azul: #0070C0; --ceu: #14AEE2; --ceu2: #7FD3F2; --mute: #A9B8CC;
	--line: rgba(255,255,255,.09);
	--bgL: #F4F7FB; --txtL: #1B2A3D; --muteL: #4E5D70; --lineL: rgba(15,35,65,.10);
	--raio: 20px;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font-family: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 17px; line-height: 1.65; color: #E6EDF6; background: var(--ink); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.is-menu { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
h1, h2, h3, h4, p { margin: 0; }
button, input, select, textarea { font: inherit; }
.hl { color: var(--ceu); }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pular { position: absolute; left: -9999px; top: 8px; z-index: 2000; background: #fff; color: var(--ink); padding: 10px 16px; border-radius: 10px; font-weight: 800; }
.pular:focus { left: 12px; }
:focus-visible { outline: 3px solid var(--ceu); outline-offset: 2px; border-radius: 6px; }
main { display: block; padding-top: 76px; }

.eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ceu2); margin-bottom: 14px; }
.h2 { font-size: clamp(28px, 4vw, 44px); font-weight: 900; letter-spacing: -.02em; line-height: 1.12; color: #FAFCFF; }
.lead { font-size: clamp(17px, 1.6vw, 19px); color: var(--mute); max-width: 680px; }
.centro { text-align: center; }
.centro .lead { margin: 14px auto 0; }
.sec { padding: 96px 0; position: relative; overflow: hidden; }
.sec > .wrap { position: relative; z-index: 1; }
.sec--curta { padding: 64px 0; }
.claro { background: var(--bgL); color: var(--txtL); }
.branco { background: #fff; color: var(--txtL); }
.claro .h2, .branco .h2 { color: var(--ink); }
.claro .lead, .branco .lead { color: var(--muteL); }
.claro .eyebrow, .branco .eyebrow { color: var(--azul); }
.cab-sec { margin-bottom: 44px; }

/* ---------------- Botões (os mesmos da UNICEFAK) ---------------- */
.btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 999px; font-weight: 800; font-size: 17px; line-height: 1.1; padding: 16px 28px; min-height: 50px; transition: transform .3s, box-shadow .3s, background .3s; cursor: pointer; border: 0; text-align: center; }
.btn > span { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 8px; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(1px); }
.btn__seta { display: inline-flex; transition: transform .3s; }
.btn:hover .btn__seta { transform: translateX(4px); }
.btn--brilho, .btn--marca { --ga: 0deg; color: #fff; isolation: isolate; overflow: hidden; border: 1.5px solid transparent; animation: gira 2.6s linear infinite; }
.btn--brilho { --topo: #16314f; --base: #0B1A2E; background: linear-gradient(var(--topo), var(--base)) padding-box, conic-gradient(from var(--ga), transparent 0%, var(--azul) 5%, var(--ceu2) 15%, var(--azul) 30%, transparent 40%, transparent 100%) border-box; box-shadow: inset 0 1px 1px rgba(255,255,255,.14), 0 10px 30px -10px rgba(0,0,0,.6); }
.btn--brilho:hover { --topo: #1c3b61; box-shadow: inset 0 1px 1px rgba(255,255,255,.25), 0 16px 32px -8px rgba(20,174,226,.55); }
.btn--marca { --topo: #1aa6e0; --base: #0068B5; background: linear-gradient(var(--topo), var(--base)) padding-box, conic-gradient(from var(--ga), transparent 0%, var(--azul) 5%, #fff 15%, var(--azul) 30%, transparent 40%, transparent 100%) border-box; box-shadow: inset 0 1px 1px rgba(255,255,255,.3), 0 14px 30px -10px rgba(0,112,192,.65); }
.btn--marca:hover { --topo: #1597cf; --base: #005da3; box-shadow: inset 0 1px 1px rgba(255,255,255,.35), 0 18px 36px -10px rgba(0,112,192,.75); }
.btn__pontos { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; background-size: 4px 4px; background-image: radial-gradient(circle at .5px .5px, rgba(127,211,242,.55) .5px, transparent 0); -webkit-mask-image: linear-gradient(125deg, transparent 54%, #000d 66%, #000d 74%, transparent 85%); mask-image: linear-gradient(125deg, transparent 54%, #000d 66%, #000d 74%, transparent 85%); }
.btn--marca .btn__pontos { background-image: radial-gradient(circle at .5px .5px, rgba(255,255,255,.5) .5px, transparent 0); }
@keyframes gira { to { --ga: 360deg; } }
.btn--fantasma { color: #fff; background: transparent; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.25); }
.btn--fantasma:hover { background: rgba(255,255,255,.08); }
.claro .btn--fantasma, .branco .btn--fantasma { color: var(--ink); background: linear-gradient(#fff, #f7f9fc); box-shadow: inset 0 0 0 1px rgba(15,35,65,.10), 0 8px 20px -6px rgba(15,35,65,.18); }
.btn--linha { padding: 11px 18px; min-height: 44px; font-size: 15.5px; color: var(--navy); background: #fff; box-shadow: inset 0 0 0 1.5px rgba(31,63,110,.25); }
.btn--linha:hover { background: #EEF5FC; box-shadow: inset 0 0 0 1.5px var(--azul); transform: translateY(-1px); }
.ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
.ctas--centro { justify-content: center; }
.checks { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 26px; font-size: 15px; color: var(--mute); }
.checks span { display: inline-flex; align-items: center; gap: 7px; }
.checks svg { color: var(--ceu); }
.link-seta { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--azul); }
.link-seta svg { transition: transform .25s; }
a:hover .link-seta svg, .link-seta:hover svg { transform: translateX(4px); }

/* ---------------- Menu do topo ---------------- */
.nav { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background: rgba(11,26,46,.72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); transition: background .3s, box-shadow .3s; }
.nav.is-rolou { background: rgba(11,26,46,.92); box-shadow: 0 10px 30px -12px rgba(0,0,0,.55); }
.nav::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, rgba(20,174,226,.6) 50%, transparent); pointer-events: none; }
.nav__in { display: flex; align-items: center; justify-content: space-between; height: 76px; gap: 14px; }
.logo { flex: none; }
.logo img { height: 44px; width: auto; }
.nav .wrap { max-width: 1340px; }
.links { display: flex; align-items: center; gap: 2px; }
.links > a, .ddt { font-size: 15px; font-weight: 700; color: #D6E1EE; padding: 10px 11px; border-radius: 999px; transition: background .2s, color .2s; background: none; border: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.links > a:hover, .ddt:hover, .links > a[aria-current], .ddt[data-atual] { background: rgba(255,255,255,.09); color: #fff; }
.links .link-uni { color: var(--ceu2); }
.links .link-uni i { width: 7px; height: 7px; border-radius: 50%; background: var(--ceu); box-shadow: 0 0 8px var(--ceu); }
.ddt svg { transition: transform .2s; opacity: .75; }
.dd:hover .ddt svg, .dd:focus-within .ddt svg, .dd.is-aberto .ddt svg { transform: rotate(180deg); }
.ddm { position: fixed; left: 0; right: 0; top: 76px; display: flex; justify-content: center; padding: 0 20px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .2s, transform .2s, visibility .2s; z-index: 1000; }
.ddm::before { content: ""; position: absolute; left: 0; right: 0; top: -24px; height: 24px; }
.links .dd:hover .ddm, .links .dd:focus-within .ddm, .links .dd.is-aberto .ddm { opacity: 1; visibility: visible; transform: none; }
.ddin { width: min(1160px, 100%); display: grid; grid-template-columns: 1.2fr 1.9fr 1.05fr; gap: 32px; background: rgba(12,27,47,.98); border: 1px solid rgba(255,255,255,.1); border-top: 0; border-radius: 0 0 22px 22px; padding: 28px 30px 30px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.6); }
.dintro b { display: block; color: #fff; font-size: 22px; font-weight: 900; line-height: 1.2; margin-bottom: 8px; }
.dintro p { color: #9BAAC0; font-size: 14.5px; line-height: 1.55; }
.dintro .dver { display: inline-flex; margin-top: 14px; color: var(--ceu2); font-weight: 800; font-size: 15px; gap: 6px; align-items: center; }
.dh { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ceu); font-weight: 800; margin-bottom: 8px; }
.dlinks { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; align-content: start; }
.dlinks a { display: block; font-size: 15px; color: #D9E3EF; padding: 8px 10px; margin: 0 -10px; border-radius: 10px; font-weight: 600; transition: background .2s, color .2s; }
.dlinks a:hover { background: rgba(255,255,255,.06); color: #fff; }
.dcard { position: relative; display: flex; flex-direction: column; gap: 6px; background: linear-gradient(180deg, rgba(20,174,226,.14), rgba(20,174,226,.03)); border: 1px solid rgba(20,174,226,.35); border-radius: 18px; padding: 20px; transition: border-color .2s, transform .2s; }
.dcard:hover { border-color: rgba(20,174,226,.7); transform: translateY(-2px); }
.dcard b { color: #fff; font-size: 18px; line-height: 1.25; }
.dcard small { color: var(--mute); font-size: 14px; line-height: 1.5; }
.dcard .pulso { position: absolute; top: 22px; right: 20px; }
.dcard em { font-style: normal; margin-top: 8px; color: var(--ceu2); font-weight: 800; font-size: 15px; }
.nav__acoes { display: flex; align-items: center; gap: 6px; }
.nav__acoes .btn { padding: 12px 18px; min-height: 44px; font-size: 15px; white-space: nowrap; }
.ic-btn { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: none; border: 0; color: #D6E1EE; cursor: pointer; transition: background .2s; }
.ic-btn:hover { background: rgba(255,255,255,.09); color: #fff; }
.burger { display: none; }
.mnav { display: none; position: fixed; top: 76px; left: 0; right: 0; bottom: 0; overflow-y: auto; z-index: 998; background: rgba(11,26,46,.985); border-top: 1px solid var(--line); padding: 8px 20px 40px; }
body.is-menu .mnav { display: block; }
.mnav details { border-bottom: 1px solid var(--line); }
.mnav summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 16px 4px; font-size: 18px; font-weight: 800; color: #fff; cursor: pointer; }
.mnav summary::-webkit-details-marker { display: none; }
.mnav summary svg { transition: transform .2s; opacity: .7; }
.mnav details[open] summary svg { transform: rotate(180deg); }
.mnav details a { display: block; padding: 10px 4px 10px 14px; color: #C9D6E6; font-weight: 600; border-left: 2px solid rgba(20,174,226,.25); }
.mnav details div { padding-bottom: 14px; }
.mnav > a { display: flex; align-items: center; gap: 10px; padding: 16px 4px; border-bottom: 1px solid var(--line); color: #fff; font-size: 18px; font-weight: 800; }
.mnav .btn { width: 100%; margin-top: 14px; }

/* Busca */
.busca { position: fixed; inset: 0; z-index: 1200; display: none; background: rgba(6,14,26,.72); backdrop-filter: blur(6px); padding: 90px 20px 20px; }
.busca.is-aberta { display: block; }
.busca__caixa { max-width: 720px; margin: 0 auto; background: var(--ink2); border: 1px solid rgba(20,174,226,.35); border-radius: 22px; box-shadow: 0 40px 80px -20px rgba(0,0,0,.7); overflow: hidden; }
.busca__campo { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--line); color: var(--ceu); }
.busca__campo input { flex: 1; background: none; border: 0; color: #fff; font-size: 19px; padding: 8px 0; outline: none; min-width: 0; }
.busca__campo input::placeholder { color: #6E7E92; }
.busca__res { max-height: min(60vh, 520px); overflow-y: auto; padding: 8px; }
.busca__res a { display: block; padding: 12px 14px; border-radius: 12px; }
.busca__res a:hover, .busca__res a.is-ativo { background: rgba(255,255,255,.06); }
.busca__res b { display: block; color: #fff; font-size: 16px; }
.busca__res small { display: block; color: #8D9BAE; font-size: 13.5px; line-height: 1.45; }
.busca__res em { font-style: normal; color: var(--ceu2); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.busca__vazio { padding: 22px; color: #8D9BAE; text-align: center; }

/* ---------------- Fundo: brilhos e pontinhos ---------------- */
.glow { position: absolute; pointer-events: none; border-radius: 50%; filter: blur(90px); opacity: .55; }
.g1 { width: 640px; height: 640px; background: radial-gradient(circle, rgba(20,174,226,.42), transparent 65%); top: -200px; right: -160px; }
.g2 { width: 520px; height: 520px; background: radial-gradient(circle, rgba(0,112,192,.32), transparent 65%); bottom: -260px; left: -200px; }
.spot { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.spot i { position: absolute; inset: 0; }
.spot i:first-child { background-image: radial-gradient(circle, rgba(255,255,255,.055) 1px, transparent 1.6px); background-size: 24px 24px; }
.spot i:last-child { background-image: radial-gradient(circle, rgba(20,174,226,.65) 1.1px, transparent 1.7px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(220px circle at var(--mx, -9999px) var(--my, -9999px), #000 0%, transparent 65%); mask-image: radial-gradient(220px circle at var(--mx, -9999px) var(--my, -9999px), #000 0%, transparent 65%); }
.claro .spot i:first-child, .branco .spot i:first-child { background-image: radial-gradient(circle, rgba(15,35,65,.07) 1px, transparent 1.6px); }
.claro .spot i:last-child, .branco .spot i:last-child { background-image: radial-gradient(circle, rgba(0,112,192,.55) 1.1px, transparent 1.7px); }
.spot.is-mascara { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.pulso { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: var(--ceu); box-shadow: 0 0 0 0 rgba(20,174,226,.6); animation: pulso 2s infinite; flex: none; }
@keyframes pulso { 0% { box-shadow: 0 0 0 0 rgba(20,174,226,.6); } 70% { box-shadow: 0 0 0 10px rgba(20,174,226,0); } 100% { box-shadow: 0 0 0 0 rgba(20,174,226,0); } }

/* ---------------- Home: abertura ---------------- */
.hero { position: relative; overflow: hidden; padding: 96px 0 88px; min-height: calc(100vh - 76px); display: flex; align-items: center; }
.hero__foto { position: absolute; inset: 0; background-size: cover; background-position: center 30%; opacity: .32; filter: saturate(.9); }
.hero__foto::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--ink) 0%, rgba(11,26,46,.88) 42%, rgba(11,26,46,.55) 100%), linear-gradient(0deg, var(--ink) 0%, transparent 35%); }
.hero > .wrap { position: relative; z-index: 1; width: 100%; }
.hero__in { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; }
.badge { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--line); background: rgba(16,35,60,.7); backdrop-filter: blur(10px); border-radius: 999px; padding: 8px 16px 8px 12px; font-size: 14px; font-weight: 700; color: #D6E1EE; margin-bottom: 24px; }
.hero h1 { font-size: clamp(38px, 5.6vw, 66px); font-weight: 900; letter-spacing: -.03em; line-height: 1.04; color: #FAFCFF; }
.hero .lead { margin-top: 22px; }
.hero__lado { position: relative; display: flex; justify-content: center; min-height: 420px; align-items: center; }
.rings { position: absolute; inset: 0; pointer-events: none; }
.ring { position: absolute; left: 50%; top: 50%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(20,174,226,.16); transform: translate(-50%, -50%); animation: rot var(--d) linear infinite; }
.ring::after { content: ""; position: absolute; left: 50%; top: 0; width: 7px; height: 7px; border-radius: 50%; transform: translate(-50%, -50%); background: var(--ceu); box-shadow: 0 0 10px 2px rgba(20,174,226,.75); }
.rb { animation-name: rotB; border-color: rgba(20,174,226,.10); }
@keyframes rot { to { transform: translate(-50%, -50%) rotate(360deg); } }
@keyframes rotB { to { transform: translate(-50%, -50%) rotate(-360deg); } }
.vivo { position: relative; z-index: 2; width: 100%; max-width: 420px; background: linear-gradient(180deg, rgba(23,48,79,.94), rgba(11,26,46,.96)); border: 1px solid rgba(20,174,226,.35); border-radius: 28px; padding: 34px; box-shadow: 0 40px 80px -30px rgba(20,174,226,.35), 0 30px 60px -20px rgba(0,0,0,.7); display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.vivo__rot { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ceu2); }
.vivo__tit { font-size: 30px; font-weight: 900; line-height: 1.15; color: #fff; }
.vivo p { color: #C9D6E6; }
.vivo .btn { margin-top: 10px; }
.vivo__sep { width: 100%; height: 1px; background: var(--line); margin: 8px 0 4px; }
.vivo__mini { display: flex; align-items: center; gap: 12px; color: #C9D6E6; font-weight: 700; font-size: 15px; }
.vivo__mini:hover { color: #fff; }
.chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; background: rgba(16,35,60,.88); backdrop-filter: blur(12px); border: 1px solid var(--line); border-radius: 16px; padding: 12px 16px; font-size: 14px; color: #C9D6E6; box-shadow: 0 20px 40px -12px rgba(0,0,0,.6); animation: flutua 6s ease-in-out infinite; }
.chip b { display: block; color: #fff; font-size: 19px; font-weight: 900; line-height: 1.1; }
.chip__ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(20,174,226,.16); color: var(--ceu); }
.c1 { display: none; }
.c2 { right: -16px; top: 0; animation-delay: -3s; }
@keyframes flutua { 50% { transform: translateY(-10px); } }

/* Faixa (banner) */
.faixa-banner { display: block; border-radius: 22px; overflow: hidden; border: 1px solid var(--line); box-shadow: 0 30px 60px -30px rgba(0,0,0,.7); transition: transform .3s, box-shadow .3s; }
.faixa-banner:hover { transform: translateY(-3px); box-shadow: 0 36px 70px -30px rgba(20,174,226,.45); }
.faixa-banner img { width: 100%; }

/* Citação */
.citacao { position: relative; max-width: 900px; margin: 0 auto; text-align: center; }
.citacao__aspas { font-size: 120px; line-height: .6; font-weight: 900; color: var(--ceu); opacity: .35; font-family: Georgia, serif; height: 50px; }
.citacao blockquote { margin: 0; font-size: clamp(24px, 3.2vw, 38px); font-weight: 800; letter-spacing: -.015em; line-height: 1.3; color: var(--ink); }
.citacao cite { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; font-style: normal; font-weight: 800; color: var(--azul); font-size: 15.5px; }
.citacao cite::before { content: ""; width: 34px; height: 2px; background: currentColor; border-radius: 2px; }

/* Quatro pilares */
.pilares { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.pilar { position: relative; display: flex; flex-direction: column; gap: 12px; padding: 30px 26px 28px; border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)); border: 1px solid var(--line); transition: transform .35s, border-color .35s, box-shadow .35s; overflow: hidden; }
.pilar::before { content: ""; position: absolute; inset: 0; background: radial-gradient(400px circle at 50% -20%, rgba(20,174,226,.18), transparent 60%); opacity: 0; transition: opacity .35s; }
.pilar:hover { transform: translateY(-6px); border-color: rgba(20,174,226,.45); box-shadow: 0 30px 60px -30px rgba(20,174,226,.45); }
.pilar:hover::before { opacity: 1; }
.pilar > * { position: relative; }
.pilar__ic { width: 72px; height: 72px; border-radius: 20px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(20,174,226,.30), rgba(0,112,192,.18)); border: 1px solid rgba(20,174,226,.35); margin-bottom: 6px; }
.pilar__ic img { width: 40px; height: 40px; object-fit: contain; }
.pilar h3 { font-size: 21px; font-weight: 900; color: #fff; line-height: 1.2; }
.pilar p { color: #B4C2D4; font-size: 15.5px; flex: 1; }
.pilar .link-seta { color: var(--ceu2); }

/* Números */
.numeros { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); margin-top: 44px; }
.numero { display: flex; align-items: center; gap: 18px; padding: 30px 28px; border-left: 1px solid var(--line); }
.numero:first-child { border-left: 0; }
.numero__ic { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; background: rgba(20,174,226,.14); flex: none; }
.numero__ic img { max-height: 36px; width: auto; }
.numero b { display: block; font-size: clamp(32px, 3.6vw, 46px); font-weight: 900; letter-spacing: -.02em; color: #fff; line-height: 1.05; }
.numero span { display: block; font-size: 15px; color: var(--mute); }
.numero span::first-letter { text-transform: uppercase; }
.historia { background: radial-gradient(ellipse 60% 90% at 50% 0%, rgba(20,174,226,.14), transparent 60%), var(--ink); }

/* Cartões genéricos (cursos, páginas, vídeos) */
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.cards--2 { grid-template-columns: repeat(2, 1fr); }
.cards--4 { grid-template-columns: repeat(4, 1fr); }
.card { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--lineL); border-radius: 22px; overflow: hidden; color: var(--txtL); box-shadow: 0 1px 2px rgba(15,35,65,.04); transition: transform .35s, box-shadow .35s, border-color .35s; }
.card:hover { transform: translateY(-5px); box-shadow: 0 30px 50px -28px rgba(15,35,65,.35); border-color: rgba(0,112,192,.3); }
.card__img { aspect-ratio: 16 / 10; background: linear-gradient(135deg, #EAF3FB, #F7FAFD); overflow: hidden; display: grid; place-items: center; }
.card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.22,1,.36,1); }
.card__img--conter img { object-fit: contain; padding: 18px; }
.card__img--vazio { background: radial-gradient(circle at 30% 20%, rgba(20,174,226,.35), transparent 60%), linear-gradient(135deg, #17304F, #0B1A2E); color: var(--ceu2); }
.card[hidden] { display: none; }
.card:hover .card__img img { transform: scale(1.04); }
.card__bd { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.card__bd h3 { font-size: 20px; font-weight: 900; color: var(--ink); line-height: 1.25; }
.card__bd p { color: var(--muteL); font-size: 15.5px; }
.card__bd .txt { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.card__rod { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; }
.card__num { position: absolute; top: 14px; left: 14px; z-index: 1; background: rgba(11,26,46,.78); backdrop-filter: blur(8px); color: #fff; font-size: 12.5px; font-weight: 800; padding: 6px 11px; border-radius: 999px; }
.card--sem-img .card__bd { padding-top: 26px; }
.card--sem-img .card__bd::before { content: ""; width: 44px; height: 4px; border-radius: 4px; background: linear-gradient(90deg, var(--ceu), var(--azul)); margin-bottom: 4px; }
.card a.cobre::after { content: ""; position: absolute; inset: 0; z-index: 0; }
.card .card__rod a { position: relative; z-index: 1; }

/* UNICEFAK */
.uni { background: radial-gradient(ellipse 70% 100% at 100% 0%, rgba(20,174,226,.2), transparent 60%), radial-gradient(ellipse 60% 80% at 0% 100%, rgba(0,112,192,.18), transparent 60%), var(--ink); }
.uni__in { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.uni__logo { height: 54px; width: auto; margin-bottom: 26px; }
.uni__lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.uni__lista li { display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px; border-radius: 18px; background: rgba(255,255,255,.04); border: 1px solid var(--line); transition: border-color .3s, background .3s, transform .3s; }
.uni__lista li:hover { border-color: rgba(20,174,226,.45); background: rgba(20,174,226,.06); transform: translateX(4px); }
.uni__lista b { display: block; color: #fff; font-size: 17px; }
.uni__lista span { color: #A9B8CC; font-size: 15px; }
.uni__ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(20,174,226,.16); color: var(--ceu); flex: none; }
.uni-faixa { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; padding: 22px 26px; border-radius: 22px; background: linear-gradient(120deg, var(--ink2), #12345a); border: 1px solid rgba(20,174,226,.35); color: #fff; box-shadow: 0 30px 60px -30px rgba(20,174,226,.45); }
.uni-faixa img { height: 34px; width: auto; }
.uni-faixa p { color: #C9D6E6; flex: 1; min-width: 220px; }

/* Dr. Gilson */
.gilson { display: grid; grid-template-columns: .8fr 1.2fr; gap: 64px; align-items: center; }
.gilson__foto { position: relative; border-radius: 28px; overflow: hidden; background: linear-gradient(160deg, #EAF3FB, #D8E8F6); box-shadow: 0 40px 70px -40px rgba(15,35,65,.5); }
.gilson__foto img { width: 100%; }
.gilson__foto::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(15,35,65,.08); }
.gilson blockquote { margin: 22px 0 0; font-size: clamp(17px, 1.6vw, 19.5px); color: var(--muteL); line-height: 1.75; border-left: 3px solid var(--ceu); padding-left: 22px; }

/* Localização */
.locais { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.local { background: #fff; border: 1px solid var(--lineL); border-radius: 24px; overflow: hidden; color: var(--txtL); display: flex; flex-direction: column; }
.local iframe { width: 100%; height: 300px; border: 0; display: block; filter: saturate(.85); }
.local__bd { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 8px; }
.local__bd h3 { font-size: 22px; font-weight: 900; color: var(--ink); }
.local__bd p { color: var(--muteL); }

/* Contatos */
.contatos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.contato { display: flex; gap: 16px; align-items: flex-start; padding: 24px; border-radius: 22px; background: rgba(255,255,255,.04); border: 1px solid var(--line); }
.claro .contato, .branco .contato { background: #fff; border-color: var(--lineL); }
.contato__ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: rgba(20,174,226,.16); color: var(--ceu); flex: none; }
.claro .contato__ic, .branco .contato__ic { background: #E3F2FB; color: var(--azul); }
.contato h3 { font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--ceu); font-weight: 900; margin-bottom: 6px; }
.claro .contato h3, .branco .contato h3 { color: var(--azul); }
.contato p, .contato a { color: inherit; font-weight: 700; }
.contato a:hover { color: var(--ceu); }

/* ---------------- Páginas internas ---------------- */
.phero { position: relative; overflow: hidden; padding: 64px 0 60px; background: radial-gradient(ellipse 70% 120% at 85% 0%, rgba(20,174,226,.16), transparent 60%), var(--ink); }
.phero > .wrap { position: relative; z-index: 1; }
.phero__in { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.phero h1 { font-size: clamp(32px, 4.6vw, 54px); font-weight: 900; letter-spacing: -.025em; line-height: 1.08; color: #FAFCFF; max-width: 880px; }
.phero .lead { margin-top: 16px; }
.phero__ic { width: 132px; height: 132px; border-radius: 34px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(20,174,226,.30), rgba(0,112,192,.14)); border: 1px solid rgba(20,174,226,.4); box-shadow: 0 30px 60px -20px rgba(20,174,226,.4); }
.phero__ic img { width: 66px; height: 66px; object-fit: contain; }
.trilha { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 14px; color: #8D9BAE; margin-bottom: 18px; font-weight: 700; }
.trilha a { color: #B9C6D6; }
.trilha a:hover { color: #fff; }
.trilha svg { opacity: .5; }
.subnav { position: relative; z-index: 2; background: var(--ink2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.subnav__in { display: flex; gap: 6px; overflow-x: auto; padding: 10px 0; scrollbar-width: thin; }
.subnav a { white-space: nowrap; padding: 9px 15px; border-radius: 999px; font-size: 14.5px; font-weight: 700; color: #C9D6E6; transition: background .2s, color .2s; }
.subnav a:hover { background: rgba(255,255,255,.07); color: #fff; }
.subnav a[aria-current] { background: rgba(20,174,226,.18); color: #fff; box-shadow: inset 0 0 0 1px rgba(20,174,226,.45); }

.conteudo { padding: 72px 0 96px; }
.bloco + .bloco { margin-top: 56px; }
.prosa { max-width: 820px; margin: 0 auto; color: var(--txtL); font-size: 18px; line-height: 1.75; }
.prosa > * + * { margin-top: 18px; }
.prosa h2 { font-size: clamp(25px, 3vw, 32px); font-weight: 900; color: var(--ink); line-height: 1.2; letter-spacing: -.015em; margin-top: 44px; }
.prosa h3 { font-size: 23px; font-weight: 900; color: var(--ink); line-height: 1.25; margin-top: 38px; }
.prosa h4, .prosa h5, .prosa h6 { font-size: 19px; font-weight: 800; color: var(--navy); margin-top: 30px; }
.prosa > :first-child { margin-top: 0; }
.prosa p { color: #2D3D52; }
.prosa a { color: var(--azul); font-weight: 700; text-decoration: underline; text-decoration-color: rgba(0,112,192,.3); text-underline-offset: 3px; }
.prosa a:hover { text-decoration-color: var(--azul); }
.prosa a.btn { text-decoration: none; }
.prosa .btn--marca, .prosa .btn--brilho { color: #fff; }
.prosa .btn--linha { color: var(--navy); }
.prosa ul, .prosa ol { padding-left: 0; list-style: none; }
.prosa ul li, .prosa ol li { position: relative; padding-left: 30px; margin-top: 8px; color: #2D3D52; }
.prosa ul li::before { content: ""; position: absolute; left: 8px; top: .72em; width: 8px; height: 8px; border-radius: 50%; background: var(--ceu); box-shadow: 0 0 0 4px rgba(20,174,226,.15); }
.prosa ol { counter-reset: n; }
.prosa ol li { counter-increment: n; }
.prosa ol li::before { content: counter(n); position: absolute; left: 0; top: .2em; width: 22px; height: 22px; border-radius: 7px; display: grid; place-items: center; font-size: 12.5px; font-weight: 900; background: #E3F2FB; color: var(--azul); }
.prosa img, .prosa figure img { border-radius: 18px; margin: 0 auto; }
.prosa figure { margin: 26px 0; }
.prosa figcaption { font-size: 14px; color: var(--muteL); text-align: center; margin-top: 8px; }
.prosa .fig { display: block; margin: 30px auto; border-radius: 20px; overflow: hidden; background: #fff; border: 1px solid var(--lineL); max-width: 760px; }
.prosa .fig img { border-radius: 0; width: 100%; }
.prosa blockquote { margin: 26px 0; padding: 20px 24px; border-left: 3px solid var(--ceu); background: #fff; border-radius: 0 16px 16px 0; color: #2D3D52; }
.prosa table { width: 100%; border-collapse: collapse; font-size: 16px; background: #fff; border-radius: 14px; overflow: hidden; }
.prosa td, .prosa th { border: 1px solid var(--lineL); padding: 10px 12px; vertical-align: top; }
.prosa iframe { max-width: 100%; }
.prosa audio { width: 100%; }
.prosa .ctas { margin-top: 26px; }
.video { position: relative; aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; background: #000; box-shadow: 0 30px 60px -30px rgba(15,35,65,.5); margin: 30px 0; }
.video iframe, .video img { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; object-fit: cover; }
.video button { position: absolute; inset: 0; width: 100%; border: 0; background: linear-gradient(0deg, rgba(11,26,46,.55), rgba(11,26,46,.05)); cursor: pointer; display: grid; place-items: center; }
.video button span { width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center; background: rgba(0,112,192,.92); color: #fff; box-shadow: 0 0 0 10px rgba(20,174,226,.25); transition: transform .3s, box-shadow .3s; }
.video button:hover span { transform: scale(1.08); box-shadow: 0 0 0 16px rgba(20,174,226,.2); }

/* Arquivos para baixar (relatórios, atividades) */
.arquivos { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.arquivo { background: #fff; border: 1px solid var(--lineL); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 12px; transition: border-color .3s, box-shadow .3s, transform .3s; }
.arquivo:hover { border-color: rgba(0,112,192,.35); box-shadow: 0 20px 40px -26px rgba(15,35,65,.4); transform: translateY(-3px); }
.arquivo h3 { display: flex; gap: 12px; align-items: center; font-size: 17.5px; font-weight: 900; color: var(--ink); line-height: 1.25; }
.arquivo h3 i { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #E3F2FB; color: var(--azul); flex: none; }
.arquivo p { color: var(--muteL); font-size: 15px; }
.arquivo__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; }
.baixar { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px; border-radius: 999px; background: #EEF5FC; color: var(--navy); font-weight: 800; font-size: 14.5px; transition: background .2s, color .2s; }
.baixar:hover { background: var(--azul); color: #fff; }

/* Dúvidas */
.duvida { display: grid; grid-template-columns: auto 1fr auto; gap: 26px; align-items: center; padding: 32px 34px; border-radius: 26px; background: linear-gradient(120deg, var(--ink), #133459); color: #fff; position: relative; overflow: hidden; box-shadow: 0 40px 70px -40px rgba(15,35,65,.7); }
.duvida::after { content: ""; position: absolute; width: 380px; height: 380px; right: -120px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(20,174,226,.35), transparent 65%); pointer-events: none; }
.duvida > * { position: relative; z-index: 1; }
.duvida__ic { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; background: rgba(20,174,226,.2); color: var(--ceu2); }
.duvida h2 { font-size: 26px; font-weight: 900; color: #fff; }
.duvida p { color: #C3D0E0; margin-top: 4px; }

/* Formulário (abre o e-mail) */
.form { display: grid; gap: 14px; }
.form label { display: grid; gap: 6px; font-weight: 800; font-size: 15px; color: var(--ink); }
.form input, .form textarea { width: 100%; border: 1.5px solid rgba(15,35,65,.14); border-radius: 14px; padding: 13px 15px; background: #fff; color: var(--txtL); font-size: 16px; }
.form input:focus, .form textarea:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 4px rgba(0,112,192,.12); }
.form small { color: var(--muteL); }
.caixa { background: #fff; border: 1px solid var(--lineL); border-radius: 24px; padding: 30px; color: var(--txtL); }
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; align-items: start; }

/* ---------------- Publicações ---------------- */
.filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; }
.filtros button { border: 0; cursor: pointer; padding: 10px 16px; border-radius: 999px; background: #fff; color: var(--navy); font-weight: 800; font-size: 15px; box-shadow: inset 0 0 0 1.5px rgba(31,63,110,.18); transition: background .2s, color .2s, box-shadow .2s; }
.filtros button small { opacity: .6; font-weight: 800; margin-left: 4px; }
.filtros button:hover { box-shadow: inset 0 0 0 1.5px var(--azul); }
.filtros button[aria-pressed="true"] { background: var(--azul); color: #fff; box-shadow: none; }
.post-card .card__img { aspect-ratio: 16 / 9; }
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muteL); font-weight: 700; }
.tag { display: inline-flex; padding: 5px 11px; border-radius: 999px; background: #E3F2FB; color: var(--azul); font-size: 12.5px; font-weight: 900; letter-spacing: .02em; }
.phero .tag { background: rgba(20,174,226,.18); color: var(--ceu2); }
.phero .post-meta { color: #A9B8CC; margin-top: 18px; }
.mais { display: flex; justify-content: center; margin-top: 40px; }
.capa-post { max-width: 980px; margin: -40px auto 0; position: relative; z-index: 2; border-radius: 24px; overflow: hidden; box-shadow: 0 40px 70px -40px rgba(15,35,65,.6); background: #fff; }
.capa-post img { width: 100%; max-height: 520px; object-fit: cover; }

/* ---------------- Rodapé ---------------- */
.ft { position: relative; overflow: hidden; background: #08131F; border-top: 1px solid var(--line); padding: 72px 0 40px; font-size: 15px; color: #8D9BAE; }
.ft > .wrap { position: relative; z-index: 1; }
.fcols { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.35fr; gap: 36px; }
.fbrand img { height: 50px; width: auto; margin-bottom: 18px; }
.fbrand p { margin: 0 0 14px; line-height: 1.6; max-width: 320px; }
.fh { font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ceu); font-weight: 900; margin: 4px 0 14px; }
.fcols > div > a { display: block; color: #C5D0DD; padding: 5px 0; transition: color .2s; }
.fcols > div > a:hover { color: #fff; }
.fct { margin: 0 0 12px; line-height: 1.5; color: #C5D0DD; }
.fct span { display: block; font-size: 12.5px; color: #6E7E92; }
.fct a { color: #fff; font-weight: 700; }
.soc { display: flex; gap: 8px; margin-top: 6px; }
.soc a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--line); color: #D4DEEA; transition: background .2s, color .2s, border-color .2s; }
.soc a:hover { background: var(--azul); color: #fff; border-color: var(--azul); }
.fbot { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 13.5px; color: #6E7E92; }
.fbot b { color: #A9B8CC; }
.topo-btn { position: fixed; right: 18px; bottom: 18px; z-index: 900; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(20,174,226,.4); background: rgba(11,26,46,.88); color: #fff; display: grid; place-items: center; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity .3s, transform .3s, visibility .3s; backdrop-filter: blur(8px); }
.topo-btn.is-visivel { opacity: 1; visibility: visible; transform: none; }

/* ---------------- Animação ao rolar ---------------- */
.rv { opacity: 0; transform: translateY(22px); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); }
.rv.in, .no-js .rv { opacity: 1; transform: none; }
.d1 { transition-delay: .08s; } .d2 { transition-delay: .16s; } .d3 { transition-delay: .24s; }
@media (prefers-reduced-motion: reduce) {
	.btn--brilho, .btn--marca, .chip, .ring, .pulso { animation: none; }
	.rv { opacity: 1; transform: none; transition: none; }
	html { scroll-behavior: auto; }
}

/* ---------------- Tablet e celular ---------------- */
@media (max-width: 1420px) {
	.links > a:not(.link-uni) { display: none; }
}
@media (max-width: 1180px) {
	.links, .nav__acoes .btn--fantasma { display: none; }
	.burger { display: grid; }
	.fcols { grid-template-columns: 1fr 1fr 1fr; }
	.fbrand { grid-column: 1 / -1; }
}
@media (max-width: 1020px) {
	.hero__in, .uni__in, .gilson { grid-template-columns: 1fr; gap: 56px; }
	.hero { min-height: 0; padding: 72px 0; }
	.pilares { grid-template-columns: 1fr 1fr; }
	.cards, .cards--4 { grid-template-columns: 1fr 1fr; }
	.gilson__foto { max-width: 420px; }
	.phero__ic { display: none; }
	.phero__in { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
	body { font-size: 16.5px; }
	.sec { padding: 68px 0; }
	.conteudo { padding: 48px 0 72px; }
	.hero { padding: 52px 0 64px; }
	.hero__lado { min-height: 0; }
	.chip, .rings { display: none; }
	.vivo { padding: 26px; }
	.pilares, .cards, .cards--2, .cards--4, .locais, .contatos, .duo { grid-template-columns: 1fr; }
	.numeros { grid-template-columns: 1fr; }
	.numero { border-left: 0; border-top: 1px solid var(--line); padding: 22px; }
	.numero:first-child { border-top: 0; }
	.ctas .btn { width: 100%; }
	.duvida { grid-template-columns: 1fr; padding: 26px 22px; gap: 16px; }
	.duvida .btn { width: 100%; }
	.fcols { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
	.fcols > div:last-child { grid-column: 1 / -1; }
	.logo img { height: 38px; }
	.prosa { font-size: 17px; }
	.local iframe { height: 240px; }
	.citacao__aspas { font-size: 90px; }
	.citacao cite::before { display: none; }
	.capa-post { margin-top: -24px; border-radius: 18px; }
	.phero { padding: 44px 0 48px; }
	.caixa { padding: 22px; }
	.uni-faixa { padding: 20px; }
	.uni-faixa .btn { width: 100%; }
	.cab-sec { margin-bottom: 32px; }
	.filtros { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px 28px; padding: 0 20px 6px; scrollbar-width: none; }
	.filtros button { white-space: nowrap; flex: none; }
	.card__img--vazio { aspect-ratio: auto; height: 84px; }
}
@media (max-width: 400px) {
	.nav__acoes .btn--marca { padding: 11px 15px; font-size: 14.5px; }
	.fcols { grid-template-columns: 1fr; }
}

/* ---------------- Chico – assistente virtual ---------------- */
.chico { position: fixed; right: 20px; bottom: 20px; z-index: 1500; }
.chico__av { display: block; width: 52px; height: 52px; flex: none; }
.chico__av svg { width: 100%; height: 100%; display: block; }
.chico__abrir { --ga: 0deg; display: flex; align-items: center; gap: 12px; padding: 6px 20px 6px 6px; border-radius: 999px; cursor: pointer; color: #fff; border: 1.5px solid transparent; background: linear-gradient(#10233C, #0B1A2E) padding-box, conic-gradient(from var(--ga), transparent 0%, var(--azul) 5%, var(--ceu2) 15%, var(--azul) 30%, transparent 40%, transparent 100%) border-box; animation: gira 3s linear infinite; box-shadow: 0 18px 40px -12px rgba(0,0,0,.55), 0 0 0 6px rgba(20,174,226,.08); transition: transform .3s, box-shadow .3s; text-align: left; }
.chico__abrir:hover { transform: translateY(-3px); box-shadow: 0 24px 44px -12px rgba(20,174,226,.55), 0 0 0 6px rgba(20,174,226,.12); }
.chico__rotulo { display: flex; flex-direction: column; line-height: 1.2; }
.chico__rotulo b { font-size: 16px; font-weight: 900; }
.chico__rotulo small { font-size: 12.5px; color: var(--ceu2); font-weight: 700; }
.chico.is-aberto .chico__abrir { display: none; }
.chico__janela { position: absolute; right: 0; bottom: 0; width: 410px; max-width: calc(100vw - 32px); height: min(640px, calc(100vh - 110px)); background: #fff; color: var(--txtL); border-radius: 24px; box-shadow: 0 40px 90px -20px rgba(0,0,0,.55), 0 0 0 1px rgba(15,35,65,.08); display: flex; flex-direction: column; overflow: hidden; animation: chicoEntra .28s cubic-bezier(.22,1,.36,1); }
.chico__janela[hidden] { display: none; }
@keyframes chicoEntra { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
.chico__topo { display: flex; align-items: center; gap: 12px; padding: 14px 14px 14px 16px; background: linear-gradient(160deg, #10233C, #0B1A2E); color: #fff; }
.chico__topo .chico__av { width: 44px; height: 44px; }
.chico__topo > div { flex: 1; display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.chico__topo strong { font-size: 18px; font-weight: 900; }
.chico__topo small { color: var(--ceu2); font-weight: 700; font-size: 13px; }
.chico__limpar { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #D6E1EE; border-radius: 999px; padding: 8px 12px; font-size: 13px; font-weight: 700; cursor: pointer; }
.chico__limpar:hover { background: rgba(255,255,255,.14); color: #fff; }
.chico__fechar { background: none; border: 0; color: #fff; width: 44px; height: 44px; border-radius: 12px; cursor: pointer; display: grid; place-items: center; }
.chico__fechar:hover { background: rgba(255,255,255,.1); }
.chico__msgs { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: #F7F9FC; overscroll-behavior: contain; }
.chico__msg { max-width: 88%; padding: 11px 14px; border-radius: 18px; font-size: 15.5px; line-height: 1.55; overflow-wrap: anywhere; }
.chico__msg p { margin: 0 0 8px; } .chico__msg p:last-child { margin-bottom: 0; }
.chico__msg ul, .chico__msg ol { margin: 4px 0 8px; padding-left: 20px; }
.chico__msg li { margin-bottom: 4px; }
.chico__msg h4 { margin: 10px 0 4px; font-size: 15.5px; color: var(--navy); }
.chico__msg blockquote { margin: 6px 0; padding-left: 10px; border-left: 3px solid var(--ceu); color: var(--muteL); }
.chico__msg a { color: var(--azul); text-decoration: underline; }
.chico__msg--chico { align-self: flex-start; background: #fff; border: 1px solid var(--lineL); border-bottom-left-radius: 6px; }
.chico__msg--voce { align-self: flex-end; background: linear-gradient(160deg, #1aa6e0, #0068B5); color: #fff; border-bottom-right-radius: 6px; }
.chico__msg--erro { background: #FCE8DC; border-color: rgba(156,53,16,.2); color: #9C3510; }
.chico__digitando { display: flex; align-items: center; gap: 4px; color: var(--muteL); font-size: 14.5px; }
.chico__digitando span { width: 7px; height: 7px; border-radius: 50%; background: var(--ceu); animation: pisca 1.2s infinite ease-in-out; }
.chico__digitando span:nth-child(2) { animation-delay: .15s; } .chico__digitando span:nth-child(3) { animation-delay: .3s; margin-right: 6px; }
@keyframes pisca { 0%, 80%, 100% { opacity: .25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.chico__sug { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 14px 4px; background: #F7F9FC; }
.chico__sug[hidden] { display: none; }
.chico__sug button { border: 1px solid #CFE1F1; background: #fff; color: var(--navy); border-radius: 999px; padding: 8px 12px; font-size: 14px; font-weight: 700; cursor: pointer; text-align: left; min-height: 38px; }
.chico__sug button:hover { border-color: var(--azul); color: var(--azul); }
.chico__form { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--lineL); background: #fff; }
.chico__form textarea { flex: 1; resize: none; min-height: 46px; max-height: 140px; border: 1.5px solid rgba(15,35,65,.14); border-radius: 14px; padding: 11px 14px; font-size: 16px; line-height: 1.4; color: var(--txtL); }
.chico__form textarea:focus { outline: none; border-color: var(--azul); box-shadow: 0 0 0 4px rgba(0,112,192,.12); }
.chico__form button { width: 46px; height: 46px; flex: none; border-radius: 14px; border: 0; background: var(--azul); color: #fff; display: grid; place-items: center; cursor: pointer; transition: background .2s; }
.chico__form button:hover { background: var(--navy); }
.chico__aviso { font-size: 12px; color: var(--muteL); text-align: center; padding: 0 12px 10px; background: #fff; }
.topo-btn { bottom: 96px; }
@media (max-width: 760px) {
	.chico { right: 14px; bottom: 14px; }
	.chico__abrir { padding: 4px; }
	.chico__rotulo { display: none; }
	.chico__janela { position: fixed; inset: 0; width: 100%; max-width: none; height: 100%; height: 100dvh; border-radius: 0; }
	.topo-btn { bottom: 84px; right: 18px; }
}
@media (prefers-reduced-motion: reduce) { .chico__abrir { animation: none; } }

/* ---------- Botões em fundo claro: estilo do site do CT (branco, sombra suave, sem brilho girando) ---------- */
:is(.claro, .branco) :is(.btn--marca, .btn--brilho):not(.duvida *) { animation: none; color: var(--ink); background: linear-gradient(#fff, #f7f9fc); border-color: transparent; box-shadow: inset 0 0 0 1px rgba(15,35,65,.10), 0 8px 20px -6px rgba(15,35,65,.20); }
:is(.claro, .branco) :is(.btn--marca, .btn--brilho):not(.duvida *):hover { box-shadow: inset 0 0 0 1px rgba(0,112,192,.28), 0 16px 30px -10px rgba(15,35,65,.32); }
:is(.claro, .branco) :is(.btn--marca, .btn--brilho):not(.duvida *) .btn__pontos { display: none; }
:is(.claro, .branco) :is(.btn--marca, .btn--brilho):not(.duvida *) .btn__seta { color: var(--azul); }
.prosa :is(.btn--marca, .btn--brilho):not(.duvida *) { color: var(--ink); }