/* IA no Dia a Dia — NINET Digital · landing page (local)
 * Identidade NINET: marinho #0b1328, azul #2d7bff, azul elétrico #0f63ff, ciano #00c7f6, gelo #f8fafc, fonte Inter.
 * Estilo vidro/escuro herdado do portfólio NINET (site-portfolio/src/index.css). */

:root {
	--marinho: #0b1328;
	--grafite: #101d34;
	--azul: #2d7bff;
	--azul-eletrico: #0f63ff;
	--azul-profundo: #0044db;
	--ciano: #00c7f6;
	--gelo: #f8fafc;
	--sucesso: #4ade80;
	--alerta: #fbbf24;
	--glass-bg: rgba(255, 255, 255, 0.07);
	--glass-bg-hover: rgba(255, 255, 255, 0.11);
	--glass-border: rgba(255, 255, 255, 0.12);
	--glass-border-hover: rgba(255, 255, 255, 0.24);
	--glass-blur: blur(20px) saturate(180%);
	--glass-specular: 0 1px 0 0 rgba(255, 255, 255, 0.18) inset;
	--glass-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
	--texto-2: rgba(248, 250, 252, 0.72);
	--texto-3: rgba(248, 250, 252, 0.5);
	--raio: 20px;
	--largura: 1120px;
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; color-scheme: dark; scroll-behavior: smooth; scroll-padding-top: 80px; -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
	background: var(--marinho);
	color: var(--gelo);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3, h4 { line-height: 1.15; margin: 0 0 .5em; letter-spacing: -0.02em; text-wrap: balance; }
p { margin: 0 0 1em; }
:focus-visible { outline: 2px solid var(--ciano); outline-offset: 3px; border-radius: 6px; }
::selection { background: rgb(45 123 255 / .45); }

/* ---------- Fundo ---------- */
.cena { position: fixed; inset: 0; z-index: -1; overflow: hidden; background: radial-gradient(1200px 800px at 50% -10%, var(--grafite) 0%, var(--marinho) 60%); }
.mancha { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .34; animation: flutuar 16s ease-in-out infinite; }
.mancha-1 { width: 620px; height: 620px; background: var(--azul-eletrico); top: -220px; left: -180px; }
.mancha-2 { width: 480px; height: 480px; background: var(--ciano); top: 40%; right: -200px; opacity: .2; animation-delay: -6s; }
.mancha-3 { width: 420px; height: 420px; background: var(--azul-profundo); bottom: -180px; left: 30%; animation-delay: -10s; }
.grade { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 0%, #000 0%, transparent 70%); }
@keyframes flutuar { 0%,100% { transform: translate(0,0) scale(1); } 33% { transform: translate(40px,-40px) scale(1.06); } 66% { transform: translate(-25px,25px) scale(.95); } }
@media (prefers-reduced-motion: reduce) { .mancha { animation: none; } html { scroll-behavior: auto; } }

/* ---------- Utilitários ---------- */
.container { width: 100%; max-width: var(--largura); margin: 0 auto; padding: 0 16px; }
@media (min-width: 640px) { .container { padding: 0 24px; } }
.secao { padding: 64px 0; }
@media (min-width: 900px) { .secao { padding: 96px 0; } }
.vidro { background: var(--glass-bg); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border: 1px solid var(--glass-border); box-shadow: var(--glass-specular), var(--glass-shadow); border-radius: var(--raio); }
.selo { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; font-size: .8rem; font-weight: 600; letter-spacing: .02em; background: rgba(0,199,246,.1); border: 1px solid rgba(0,199,246,.3); color: var(--ciano); }
.titulo-secao { font-size: clamp(1.7rem, 4.6vw, 2.6rem); font-weight: 800; }
.sub-secao { color: var(--texto-2); font-size: clamp(1rem, 2.4vw, 1.15rem); max-width: 680px; }
.centro { text-align: center; }
.centro .sub-secao { margin-left: auto; margin-right: auto; }
.cabeca-secao { margin-bottom: 40px; }
.cabeca-secao .selo { margin-bottom: 16px; }
.degrade { background: linear-gradient(90deg, var(--azul) 0%, var(--ciano) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ---------- Botões ---------- */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 14px 26px; border-radius: 14px; font-weight: 700; font-size: 1rem; text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: transform .15s ease, box-shadow .2s ease, background .2s ease; text-align: center; }
.btn:hover { transform: translateY(-2px); }
.btn-primario { background: linear-gradient(135deg, var(--azul-eletrico), var(--azul) 55%, var(--ciano)); color: #fff; box-shadow: 0 10px 30px rgba(15,99,255,.45); }
.btn-primario:hover { box-shadow: 0 14px 40px rgba(15,99,255,.6); }
.btn-vidro { background: var(--glass-bg); border-color: var(--glass-border); color: var(--gelo); }
.btn-vidro:hover { background: var(--glass-bg-hover); border-color: var(--glass-border-hover); }
.btn-bloco { width: 100%; }

/* ---------- Topo ---------- */
.topo { position: sticky; top: 0; z-index: 20; background: rgba(11,19,40,.72); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255,255,255,.06); }
.topo .container { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 12px; }
.topo img { height: 30px; width: auto; }
.topo nav { display: none; gap: 24px; font-size: .92rem; color: var(--texto-2); }
.topo nav a { text-decoration: none; }
.topo nav a:hover { color: var(--gelo); }
.topo .btn { min-height: 40px; padding: 8px 16px; font-size: .9rem; border-radius: 10px; }
@media (min-width: 900px) { .topo nav { display: flex; } }

/* ---------- Hero ---------- */
.hero { padding: 48px 0 56px; }
.hero .container { display: grid; gap: 40px; align-items: center; }
@media (min-width: 960px) { .hero { padding: 80px 0 96px; } .hero .container { grid-template-columns: 1.1fr .9fr; gap: 56px; } }
.hero h1 { font-size: clamp(2.1rem, 7vw, 3.6rem); font-weight: 800; margin: 18px 0 18px; }
.hero .lead { font-size: clamp(1.05rem, 2.6vw, 1.25rem); color: var(--texto-2); max-width: 560px; }
.hero-acoes { display: flex; flex-direction: column; gap: 12px; margin: 28px 0 22px; }
@media (min-width: 520px) { .hero-acoes { flex-direction: row; flex-wrap: wrap; } }
.hero-provas { display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: .9rem; color: var(--texto-2); list-style: none; padding: 0; margin: 0; }
.hero-provas li::before { content: "✓ "; color: var(--sucesso); font-weight: 700; }

/* pilha de capas no hero */
.pilha { position: relative; height: 380px; max-width: 420px; margin: 0 auto; width: 100%; }
@media (min-width: 960px) { .pilha { height: 460px; } }
.pilha .capa { position: absolute; width: 58%; aspect-ratio: 210 / 297; }
.pilha .capa:nth-child(1) { left: 0; top: 40px; transform: rotate(-8deg); }
.pilha .capa:nth-child(2) { right: 0; top: 40px; transform: rotate(7deg); }
.pilha .capa:nth-child(3) { left: 21%; top: 0; z-index: 2; box-shadow: 0 30px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.08); }
.pilha .capa:not(:nth-child(3)) > span { visibility: hidden; } /* capas de trás: só cor e marca, sem título cortado */
.pilha .chip-flutuante { position: absolute; z-index: 3; padding: 10px 14px; font-size: .82rem; font-weight: 600; display: flex; gap: 8px; align-items: center; }
.pilha .chip-a { left: -4px; bottom: 34px; }
.pilha .chip-b { right: -4px; bottom: 90px; }

/* ---------- Capa de e-book (mockup em CSS) ---------- */
.capa { border-radius: 10px; overflow: hidden; background: linear-gradient(160deg, #0f2150 0%, #0b1328 65%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 20px 50px rgba(0,0,0,.45); display: flex; flex-direction: column; padding: 8% 9%; position: relative; isolation: isolate; }
.capa::before { content: ""; position: absolute; inset: auto -30% -30% auto; width: 90%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, var(--cor, #00c7f6) 0%, transparent 65%); opacity: .55; z-index: -1; }
.capa .capa-marca { height: 7%; min-height: 12px; width: auto; align-self: flex-start; }
.capa .capa-tag { margin-top: auto; font-size: clamp(.5rem, 1.6vw, .7rem); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--cor, var(--ciano)); }
.capa .capa-titulo { font-size: clamp(.85rem, 3vw, 1.35rem); font-weight: 800; line-height: 1.1; margin: 6px 0 8px; }
.capa .capa-ed { font-size: clamp(.45rem, 1.4vw, .62rem); color: var(--texto-3); }

/* ---------- Dor ---------- */
.dores { display: grid; gap: 16px; }
@media (min-width: 700px) { .dores { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .dores { grid-template-columns: repeat(3, 1fr); } }
.dor { padding: 22px; }
.dor .ico { font-size: 1.6rem; line-height: 1; margin-bottom: 10px; }
.dor h3 { font-size: 1.08rem; }
.dor p { color: var(--texto-2); margin: 0; font-size: .95rem; }
.virada { margin-top: 32px; padding: 24px; text-align: center; font-size: clamp(1.05rem, 2.6vw, 1.3rem); font-weight: 600; border-color: rgba(0,199,246,.3); background: linear-gradient(135deg, rgba(15,99,255,.18), rgba(0,199,246,.08)); }

/* ---------- Coleção / como funciona ---------- */
.passos { display: grid; gap: 16px; counter-reset: passo; }
@media (min-width: 800px) { .passos { grid-template-columns: repeat(4, 1fr); } }
.passo { padding: 22px; position: relative; }
.passo::before { counter-increment: passo; content: counter(passo); display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; margin-bottom: 12px; font-weight: 800; background: linear-gradient(135deg, var(--azul-eletrico), var(--ciano)); }
.passo h3 { font-size: 1.05rem; }
.passo p { color: var(--texto-2); font-size: .93rem; margin: 0; }

/* ---------- Conteúdo: níveis e trilhas ---------- */
.abas { display: flex; gap: 8px; margin-bottom: 24px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.abas::-webkit-scrollbar { display: none; }
.aba { flex: 0 0 auto; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--glass-border); background: var(--glass-bg); color: var(--texto-2); font: inherit; font-weight: 600; font-size: .92rem; cursor: pointer; }
.aba[aria-selected="true"] { background: linear-gradient(135deg, var(--azul-eletrico), var(--azul)); color: #fff; border-color: transparent; }
.grade-cursos { display: grid; gap: 16px; }
@media (min-width: 700px) { .grade-cursos { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .grade-cursos { grid-template-columns: repeat(3, 1fr); } }
.curso { padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.curso-topo { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.codigo { font-size: .75rem; font-weight: 800; letter-spacing: .06em; padding: 4px 10px; border-radius: 8px; background: rgba(45,123,255,.18); color: #9cc2ff; }
.plano-tag { font-size: .72rem; font-weight: 700; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--glass-border); color: var(--texto-2); }
.plano-tag.essencial { color: #a7f3d0; border-color: rgba(74,222,128,.35); }
.plano-tag.profissional { color: #9cc2ff; border-color: rgba(45,123,255,.45); }
.plano-tag.completo { color: #fde68a; border-color: rgba(251,191,36,.4); }
.curso h3 { font-size: 1.1rem; margin: 0; }
.curso p { color: var(--texto-2); font-size: .93rem; margin: 0; }
.curso ul { margin: 0; padding-left: 18px; color: var(--texto-2); font-size: .9rem; }
.curso ul li { margin-bottom: 4px; }
.curso-meta { margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.08); font-size: .82rem; color: var(--texto-3); display: flex; gap: 14px; flex-wrap: wrap; }
.painel[hidden] { display: none; }

/* ---------- Prévias ---------- */
.trilho { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 2px 18px; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent; }
.pagina { flex: 0 0 auto; width: 240px; scroll-snap-align: start; aspect-ratio: 210 / 297; border-radius: 10px; overflow: hidden; background: #fff; color: #0b1328; box-shadow: 0 18px 40px rgba(0,0,0,.4); position: relative; font-size: 9px; line-height: 1.45; }
@media (min-width: 640px) { .pagina { width: 280px; font-size: 10px; } }
.pagina img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
figure.pagina { margin: 0; }
.pagina .mk { padding: 18px 16px; height: 100%; display: flex; flex-direction: column; gap: 7px; }
.pagina .mk-cab { display: flex; justify-content: space-between; color: #64748b; font-size: .85em; border-bottom: 1px solid #e2e8f0; padding-bottom: 6px; }
.pagina .mk h4 { font-size: 1.55em; color: #0b1328; margin: 4px 0 2px; }
.pagina .mk p { margin: 0; color: #334155; }
.pagina .mk-prompt { border: 1.5px solid #2d7bff; border-radius: 8px; overflow: hidden; }
.pagina .mk-prompt b { display: block; background: #2d7bff; color: #fff; padding: 4px 8px; font-size: .9em; }
.pagina .mk-prompt span { display: block; padding: 6px 8px; font-family: ui-monospace, Consolas, monospace; font-size: .88em; background: #f1f6ff; color: #0b1328; }
.pagina .mk-prompt i { color: #0f63ff; font-style: normal; font-weight: 700; }
.pagina .mk-alerta { background: #fff7e6; border-left: 3px solid #f59e0b; padding: 6px 8px; border-radius: 4px; color: #78350f; }
.pagina .mk-ad { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.pagina .mk-ad div { padding: 6px; border-radius: 6px; font-size: .88em; }
.pagina .mk-ad div:first-child { background: #fee2e2; color: #7f1d1d; }
.pagina .mk-ad div:last-child { background: #dcfce7; color: #14532d; }
.pagina .mk-check { list-style: none; padding: 0; margin: 0; }
.pagina .mk-check li::before { content: "☐ "; color: #2d7bff; }
.pagina .mk-rodape { margin-top: auto; display: flex; justify-content: space-between; color: #94a3b8; font-size: .8em; }
.pagina.capa-pg { background: linear-gradient(160deg, #0f2150 0%, #0b1328 65%); color: var(--gelo); }
.pagina .ilustrativo { position: absolute; right: 8px; bottom: 8px; background: rgba(11,19,40,.85); color: #fff; font-size: 8px; font-weight: 700; padding: 3px 7px; border-radius: 6px; letter-spacing: .04em; }
.legenda-trilho { font-size: .85rem; color: var(--texto-3); margin-top: 6px; }

/* ---------- Vídeo ---------- */
.video-bloco { display: grid; gap: 28px; align-items: center; }
@media (min-width: 900px) { .video-bloco { grid-template-columns: 1.2fr .8fr; } }
.video-moldura { position: relative; aspect-ratio: 16 / 9; border-radius: var(--raio); overflow: hidden; background: radial-gradient(circle at 30% 20%, #163a8a 0%, #0b1328 70%); border: 1px solid var(--glass-border); box-shadow: var(--glass-shadow); }
.video-bloco > * { min-width: 0; }
.video-moldura video { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; background: #000; }
.video-mock { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 16px; }
.video-mock .play { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--azul-eletrico), var(--ciano)); box-shadow: 0 0 0 10px rgba(45,123,255,.18); margin: 0 auto 14px; font-size: 1.6rem; }
.video-mock small { color: var(--texto-2); }
.lista-videos { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.lista-videos li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; font-size: .93rem; }
.lista-videos .dur { margin-left: auto; color: var(--texto-3); font-size: .8rem; white-space: nowrap; }

/* ---------- Planos ---------- */
.planos { display: grid; gap: 20px; align-items: stretch; }
@media (min-width: 960px) { .planos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 760px) { .planos.planos-2 { grid-template-columns: repeat(2, 1fr); max-width: 820px; margin-inline: auto; } }
.plano { padding: 28px 22px; display: flex; flex-direction: column; position: relative; }
.plano h3 { font-size: 1.3rem; margin-bottom: 4px; }
.plano .para-quem { color: var(--texto-2); font-size: .92rem; min-height: 2.8em; }
.preco { margin: 14px 0 4px; display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.preco .moeda { font-size: 1rem; color: var(--texto-2); font-weight: 600; }
.preco .valor { font-size: 2.6rem; font-weight: 800; letter-spacing: -0.03em; }
.preco .de { color: var(--texto-3); text-decoration: line-through; font-size: 1rem; }
.parcela { font-size: .85rem; color: var(--texto-3); margin-bottom: 18px; }
.inclui { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 9px; font-size: .93rem; }
.inclui li { display: flex; gap: 10px; }
.inclui li::before { content: "✓"; color: var(--sucesso); font-weight: 800; flex: 0 0 auto; }
.inclui li.nao { color: var(--texto-3); }
.inclui li.nao::before { content: "–"; color: var(--texto-3); }
.plano .btn { margin-top: auto; }
.plano.destaque { border: 1.5px solid rgba(45,123,255,.7); background: linear-gradient(180deg, rgba(15,99,255,.2), rgba(255,255,255,.06)); box-shadow: 0 0 0 6px rgba(45,123,255,.08), var(--glass-shadow); }
@media (min-width: 960px) { .plano.destaque { transform: translateY(-12px); } }
.fita { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); white-space: nowrap; padding: 5px 14px; border-radius: 999px; font-size: .75rem; font-weight: 800; letter-spacing: .04em; background: linear-gradient(135deg, var(--azul-eletrico), var(--ciano)); color: #fff; }
.fita.ouro { background: linear-gradient(135deg, #f59e0b, #fbbf24); color: #1f1300; }
.bump { margin-top: 24px; padding: 18px 20px; display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; font-size: .95rem; }
.bump strong { color: var(--alerta); }

/* ---------- Bônus ---------- */
.bonus-grade { display: grid; gap: 16px; }
@media (min-width: 760px) { .bonus-grade { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .bonus-grade { grid-template-columns: repeat(4, 1fr); } }
.bonus { padding: 22px; }
.bonus .ico { font-size: 1.8rem; margin-bottom: 8px; }
.bonus h3 { font-size: 1.02rem; }
.bonus p { font-size: .9rem; color: var(--texto-2); margin: 0; }
.bonus .plano-tag { display: inline-block; margin-top: 12px; }

/* ---------- Garantia ---------- */
.garantia { padding: 28px; display: grid; gap: 22px; align-items: center; }
@media (min-width: 760px) { .garantia { grid-template-columns: auto 1fr; padding: 36px 40px; } }
.selo-garantia { width: 132px; height: 132px; margin: 0 auto; border-radius: 50%; display: grid; place-items: center; text-align: center; background: radial-gradient(circle, rgba(74,222,128,.18), rgba(74,222,128,.04)); border: 2px dashed rgba(74,222,128,.55); color: var(--sucesso); font-weight: 800; line-height: 1.05; }
.selo-garantia b { font-size: 2.6rem; display: block; }
.garantia p { color: var(--texto-2); margin: 0; }

/* ---------- FAQ ---------- */
.faq { display: grid; gap: 10px; max-width: 820px; margin: 0 auto; }
.faq details { padding: 0; overflow: hidden; }
.faq summary { list-style: none; cursor: pointer; padding: 18px 52px 18px 20px; font-weight: 600; position: relative; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: var(--ciano); transition: transform .2s; }
.faq details[open] summary::after { transform: translateY(-50%) rotate(45deg); }
.faq .resp { padding: 0 20px 18px; color: var(--texto-2); font-size: .95rem; }
.faq .resp p:last-child { margin: 0; }

/* ---------- Grátis e chamada final ---------- */
.gratis { padding: 28px; display: grid; gap: 22px; align-items: center; border-color: rgba(0,199,246,.3); }
@media (min-width: 860px) { .gratis { grid-template-columns: 180px 1fr auto; padding: 32px 36px; } }
.gratis .capa { width: 150px; aspect-ratio: 210 / 297; margin: 0 auto; }
.gratis h3 { font-size: 1.35rem; }
.gratis p { color: var(--texto-2); margin: 0; }
.final { text-align: center; padding: 40px 22px; background: linear-gradient(135deg, rgba(15,99,255,.25), rgba(0,199,246,.1)); border-color: rgba(45,123,255,.4); }
.final h2 { font-size: clamp(1.6rem, 5vw, 2.4rem); font-weight: 800; }
.final p { color: var(--texto-2); max-width: 600px; margin: 0 auto 24px; }
.final .hero-acoes { justify-content: center; margin-bottom: 0; }

/* ---------- Rodapé ---------- */
.rodape { padding: 48px 0 110px; border-top: 1px solid rgba(255,255,255,.08); color: var(--texto-2); font-size: .92rem; }
@media (min-width: 900px) { .rodape { padding-bottom: 48px; } }
.rodape .container { display: grid; gap: 28px; }
@media (min-width: 800px) { .rodape .container { grid-template-columns: 1.3fr 1fr 1fr; } }
.rodape img { height: 32px; width: auto; margin-bottom: 12px; }
.rodape h4 { color: var(--gelo); font-size: .95rem; margin-bottom: 10px; }
.rodape ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.rodape a { text-decoration: none; }
.rodape a:hover { color: var(--gelo); }
.rodape .legal { grid-column: 1 / -1; font-size: .8rem; color: var(--texto-3); border-top: 1px solid rgba(255,255,255,.06); padding-top: 18px; }

/* ---------- Barra fixa no celular ---------- */
.barra-cel { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(11,19,40,.92); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-top: 1px solid rgba(255,255,255,.08); display: flex; gap: 12px; align-items: center; transform: translateY(110%); transition: transform .25s ease; }
.barra-cel.visivel { transform: translateY(0); }
.barra-cel .txt { font-size: .8rem; color: var(--texto-2); line-height: 1.25; }
.barra-cel .txt b { color: var(--gelo); font-size: .95rem; display: block; }
.barra-cel .btn { margin-left: auto; min-height: 44px; padding: 10px 18px; font-size: .92rem; }
@media (min-width: 900px) { .barra-cel { display: none; } }

/* ---------- Aparecer ao rolar ---------- */
.revela { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.revela.visto { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .revela { opacity: 1; transform: none; transition: none; } }