/* Home 01 — Abertura (templates/home/abertura.php). Fundo estático, sem animação. */
.home-abertura {
    position: relative; overflow: hidden; color: var(--cor-texto-escuro);
    background:
        radial-gradient(60rem 30rem at 85% -10%, rgba(37, 99, 235, .35), transparent 60%),
        radial-gradient(40rem 24rem at 0% 110%, rgba(6, 182, 212, .18), transparent 60%),
        var(--cor-marinho-2);
}
/* Grade sutil ao fundo, que dá o ar "tecnológico". */
.home-abertura::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 3.5rem 3.5rem;
    mask-image: linear-gradient(to bottom, #000 30%, transparent 90%);
}
.home-abertura__grade { position: relative; display: grid; gap: 3.5rem; align-items: center; }
.home-abertura .etiqueta { color: #67E8F9; }
.home-abertura h1 { color: #fff; max-width: 15ch; }
.destaque { background: var(--degrade-marca); -webkit-background-clip: text; background-clip: text; color: transparent; }
.home-abertura__apoio { margin-top: 1.5rem; max-width: 34rem; font-size: 1.1875rem; }
.home-abertura__acoes { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; }
.home-abertura__selos { list-style: none; padding: 0; margin: 2.25rem 0 0; display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; font-size: 0.9375rem; }
.home-abertura__selos li { display: inline-flex; align-items: center; gap: 0.5rem; }
.home-abertura__selos .icone { width: 1.15rem; height: 1.15rem; color: #67E8F9; }

@media (min-width: 60rem) {
    .home-abertura__grade { grid-template-columns: 1.15fr 0.85fr; gap: 4rem; }
}