/* HUMANOTERAPEUTA AO VIVO 2026 - VENDAS COMPLETA (CONVOCACAO GERAL)
   Figma: Humanoterapeuta Ao Vivo — 2026 / Vendas Completa 2026
   Desktop: "HT Ao Vivo 2026 · Versão Final · Desktop" (1920)
   Responsivo: breakpoints-2026-11-09 (xl 1440 · sm 768 · base 390) */

/* NUMEROS ALINHADOS (lining-nums)
   O atalho `font:` zera o font-variant herdado do body, por isso cada regra com numero repete `font-variant: lining-nums` logo depois do `font:`.
   A Raleway Italic do Google Fonts nao tem numeros alinhados: nos textos em italico os algarismos (U+30-39) vem da Raleway normal, que o navegador inclina. */
@font-face{font-family: 'Raleway Numeros'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/raleway/v37/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2'); unicode-range: U+30-39;}

body{background: #060D1D; color: #182A53; font-variant-numeric: lining-nums proportional-nums; -webkit-font-smoothing: antialiased;}
html{scroll-padding-top: 56px;}
*{--cor1: #182A53;}

._1000 br.mobile{display: none}
._320 br.desktop{display: none;}

._1000 section, ._320 section{overflow-x: clip;}
._1000 img, ._320 img{user-select: none;}
main{padding-top: 0;}

/* BOTAO CTA */
a.botaoCTA:active,
a.botaoCTA:link,
a.botaoCTA:visited{display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 24px 48px; border-radius: 999px; outline: 6px solid #D7272740; outline-offset: 0; background: linear-gradient(90deg, #EC4040 0%, #C81E1E 100%); box-shadow: 0 12px 40px #D7272773, inset 0 2px 0 #FFFFFF40; position: relative; z-index: 2; transition: all 0.4s ease;}
    a.botaoCTA::after{content: ''; display: block; width: 24px; min-width: 24px; height: 24px; background: url("../img/icon-play.svg") no-repeat center; background-size: contain; user-select: none; pointer-events: none; transition: transform 0.4s ease;}
    a.botaoCTA b{display: block; font: 800 22px/28px 'Raleway'; letter-spacing: 0.04em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
        a.botaoCTA:hover{background: linear-gradient(90deg, #F25353 0%, #D72727 100%); outline-color: #D7272766; box-shadow: 0 16px 48px #D727279E, inset 0 2px 0 #FFFFFF59; transform: translateY(-2px);}
        a.botaoCTA:hover::after{transform: translateX(4px);}
    /* pequeno (barra fixa) */
    a.botaoCTA.pequeno:active,
    a.botaoCTA.pequeno:link,
    a.botaoCTA.pequeno:visited{gap: 8px; padding: 8px 32px; outline-width: 4px; box-shadow: 0 6px 20px #D7272773, inset 0 2px 0 #FFFFFF40;}
        a.botaoCTA.pequeno::after{width: 16px; min-width: 16px; height: 16px; background-image: url("../img/icon-play-sm.svg");}
        a.botaoCTA.pequeno b{font: 800 15px/16px 'Raleway'; letter-spacing: 0.04em;}
        a.botaoCTA.pequeno:hover{transform: none;}

/* BARRA FLUTUANTE */
.barraFlutuante{position: fixed; top: 0; left: 0; width: 100%; height: 56px; transform: translateY(-100%); visibility: hidden; transition: transform 0.2s ease, visibility 0s linear 0.2s; padding: 12px 48px; background: #060D1DF0; border-bottom: 1px solid #75C0FF33; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 999;}
    body._barra .barraFlutuante{transform: translateY(0); visibility: visible; transition: transform 0.2s ease, visibility 0s;}
    .barraFlutuante .centro{display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; max-width: 1000px; height: 32px; margin: 0 auto;}
        .barraFlutuante .centro ul.evento{display: flex; align-items: center; gap: 12px;}
            .barraFlutuante .centro ul.evento li{display: flex; align-items: center; gap: 12px; font: 800 14px/16px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.12em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                .barraFlutuante .centro ul.evento li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #4E74CD;}
                .barraFlutuante .centro ul.evento li.simbolo::before,
                .barraFlutuante .centro ul.evento li.convocacao::before{display: none;}
                .barraFlutuante .centro ul.evento li.simbolo img{width: 29px; height: 32px;}
                .barraFlutuante .centro ul.evento li.convocacao{color: #EC4040;}
                .barraFlutuante .centro ul.evento li.formato{font-weight: 600; line-height: 20px; color: #CDDCFF;}

/* TOPO */
section.topo{width: 100%; background: #060D1D; padding: 64px 48px 168px; position: relative; z-index: 2; overflow: clip;}
    section.topo::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            url("../img/hero-constellations.svg") no-repeat center top / 1920px 926px,
            radial-gradient(ellipse 590px 363px at 960px 672px, #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 1170px 724px at 960px 984px, #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);}
    section.topo::after{content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 85px; background: url("../img/flare-red.svg") no-repeat center bottom / 1920px 85px; mix-blend-mode: screen; user-select: none; pointer-events: none; z-index: 1;}
    section.topo .centro{display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; max-width: 1006px; margin: 0 auto; position: relative; z-index: 2;}
        section.topo .centro::before{content: ''; display: block; position: absolute; top: 146px; left: 50%; transform: translateX(-50%); width: 1920px; height: 560px; background: url("../img/year-2026-outline.svg") no-repeat center / contain; opacity: 0.16; user-select: none; pointer-events: none; z-index: -1;}
        section.topo .centro .marca{display: flex; flex-direction: column; align-items: center; width: 100%;}
            section.topo .centro .marca h1{display: flex; justify-content: center; width: 100%; padding-bottom: 31px; margin-bottom: -16px; border-bottom: 1px solid #2649851A;}
                section.topo .centro .marca h1 figure img{width: 358px; height: 68px;}
            section.topo .centro .marca span.selo{display: block; padding: 4px 36px; border-radius: 999px; border: 1px solid #5FA3FFCC; background: #060D1DE5; box-shadow: 0 0 24px #197BFF33; position: relative;}
                section.topo .centro .marca span.selo b{display: block; font: 800 14px/16px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap; background: linear-gradient(90deg, #5FA3FF99 0%, #5FA3FF 55%, #5FA3FF99 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
        section.topo .centro h2{display: flex; flex-direction: column; align-items: center; padding: 48px 0 8px; text-align: center; text-transform: uppercase; text-shadow: 0 0 48px #3784FF8C; white-space: nowrap;}
            section.topo .centro h2 em{display: block; font: 400 40px/56px 'Raleway'; letter-spacing: 0.14em; color: #CDDCFF; margin-bottom: -8px;}
            section.topo .centro h2 strong{display: block; font: 900 132px/128px 'Raleway'; letter-spacing: -0.01em; color: #FFF;}
        section.topo .centro ul.dados{display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 12px 0; background: linear-gradient(90deg, #07102300 0%, #07102399 20%, #071023 35%, #071023 60%, #07102399 80%, #07102300 100%);}
            section.topo .centro ul.dados li{display: flex; align-items: center; gap: 12px; font: 800 16px/20px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.1em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                section.topo .centro ul.dados li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #4E74CD;}
                section.topo .centro ul.dados li:nth-of-type(2)::before{display: none;}
                section.topo .centro ul.dados li.aoVivo{gap: 8px; padding: 4px 12px; border-radius: 999px; background: #D72727E5; box-shadow: 0 0 16px #D727278C; font-size: 15px; line-height: 16px; letter-spacing: 0.04em;}
                    section.topo .centro ul.dados li.aoVivo::before{width: 8px; height: 8px; background: #FFF; animation: aoVivo 1.6s ease-in-out infinite;}
                section.topo .centro ul.dados li.formato{font-weight: 600; letter-spacing: 0.12em; color: #CDDCFF; opacity: 0.8;}
        section.topo .centro p{display: block; width: 100%; padding: 16px 88px 0; font: 500 24px/36px 'Raleway'; color: #CDDCFF; text-align: center; text-shadow: 0 4px 20px #00000040;}
            section.topo .centro p b{font-weight: 800; color: #FFF;}
            section.topo .centro p strong{font-weight: 800; color: #EC4040;}
        section.topo .centro a.botaoCTA:link,
        section.topo .centro a.botaoCTA:visited{padding: 20px 48px; margin-top: 16px;}

@keyframes aoVivo{0%, 100%{opacity: 1;} 50%{opacity: 0.35;}}

/* FAIXA */
section.faixa{display: flex; align-items: center; justify-content: center; width: 100%; padding: 8px 48px; background: #CCD7EB; position: relative; z-index: 2;}
    section.faixa p{display: flex; align-items: center; gap: 24px; font: 800 20px/32px 'Raleway'; letter-spacing: 0.12em; text-transform: uppercase; color: #182A53; white-space: nowrap;}
        section.faixa p::before,
        section.faixa p::after{content: ''; display: block; width: 20px; min-width: 20px; height: 20px; background: url("../img/icon-star.svg") no-repeat center / contain; user-select: none;}

/* OSCILA */
section.oscila{width: 100%; background: #F2F4F8; padding: 88px 48px 144px; position: relative; z-index: 2; overflow: clip;}
    section.oscila::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            radial-gradient(ellipse 540px 440px at 1700px 100px, #A1C6FF4D 0%, #A1C6FF26 45%, #A1C6FF00 100%),
            radial-gradient(ellipse 490px 390px at 50px 1150px, #FF54511A 0%, #FF54510D 45%, #FF545100 100%);}
    section.oscila .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
        section.oscila .centro h2{display: block; font: 800 64px/68px 'Raleway'; letter-spacing: -0.01em; color: #182A53; text-align: center; margin-bottom: 12px;}
            section.oscila .centro h2 b{font-weight: 800; color: #D72727;}
        section.oscila .centro span.sobretitulo{display: block; font: 800 16px/20px 'Raleway'; letter-spacing: 0.16em; text-transform: uppercase; color: #3B4B6C; text-align: center;}
        section.oscila .centro ol.linhaTempo{display: block; width: 1920px; height: 700px; margin: 48px 0 40px; position: relative; list-style: none; background: url("../img/oscillation-wave.svg") no-repeat center / 1920px 700px;}
            section.oscila .centro ol.linhaTempo li{display: flex; align-items: flex-start; gap: 16px; position: absolute; width: 400px; padding: 24px 28px 24px 24px; border-radius: 16px; border: 1px solid #DBDEE2; background: #FFF; box-shadow: 0 16px 40px #182A5314;}
                section.oscila .centro ol.linhaTempo li::before{content: ''; display: block; position: absolute; left: 50%; width: 2px; height: 44px; margin-left: -1px;}
                section.oscila .centro ol.linhaTempo li::after{content: ''; display: block; position: absolute; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%; border: 4px solid; background: #FFF;}
                section.oscila .centro ol.linhaTempo li em.icone{display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; border-radius: 50%;}
                    section.oscila .centro ol.linhaTempo li em.icone::before{content: ''; display: block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain;}
                    section.oscila .centro ol.linhaTempo li em.icone.question::before{background-image: url("../img/icon-question.svg");}
                    section.oscila .centro ol.linhaTempo li em.icone.calendar::before{background-image: url("../img/icon-calendar.svg");}
                    section.oscila .centro ol.linhaTempo li em.icone.moon::before{background-image: url("../img/icon-moon.svg");}
                    section.oscila .centro ol.linhaTempo li em.icone.briefcase::before{background-image: url("../img/icon-briefcase.svg");}
                    section.oscila .centro ol.linhaTempo li em.icone.chat::before{background-image: url("../img/icon-chat.svg");}
                    section.oscila .centro ol.linhaTempo li em.icone.wave::before{background-image: url("../img/icon-wave.svg");}
                section.oscila .centro ol.linhaTempo li p{flex: 1; font: 600 18px/28px 'Raleway'; color: #182A53;}
            /* cards de cima (azul) */
            section.oscila .centro ol.linhaTempo li.azul{bottom: 522px;}
                section.oscila .centro ol.linhaTempo li.azul::before{top: 100%; background: #0C569959;}
                section.oscila .centro ol.linhaTempo li.azul::after{top: calc(100% + 48px); border-color: #0C5699; box-shadow: 0 0 16px #0C569973;}
                section.oscila .centro ol.linhaTempo li.azul em.icone{background: #0C56991A;}
            /* cards de baixo (vermelho) */
            section.oscila .centro ol.linhaTempo li.vermelho{top: 522px;}
                section.oscila .centro ol.linhaTempo li.vermelho::before{bottom: 100%; background: #D7272759;}
                section.oscila .centro ol.linhaTempo li.vermelho::after{bottom: calc(100% + 48px); border-color: #D72727; box-shadow: 0 0 16px #D7272773;}
                section.oscila .centro ol.linhaTempo li.vermelho em.icone{background: #D727271A;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(1){left: 160px;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(2){left: 400px;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(3){left: 640px;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(4){left: 880px;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(5){left: 1120px;}
            section.oscila .centro ol.linhaTempo li:nth-of-type(6){left: 1360px;}
        section.oscila .centro > p{display: block; width: 100%; max-width: 726px; font: 500 20px/28px 'Raleway'; font-variant: lining-nums; color: #3B4B6C; text-align: center; margin-bottom: 24px;}
            section.oscila .centro > p b{font-weight: 800; color: #182A53;}

/* ESTE ANO */
section.esteAno{width: 100%; background: #060D1D; padding: 136px 48px; position: relative; z-index: 2; overflow: clip;}
    section.esteAno::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            radial-gradient(ellipse 590px 440px at 1750px 200px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            radial-gradient(ellipse 840px 590px at 960px 814px, #182A53 0%, #182A5380 50%, #182A5300 100%);}
    section.esteAno::after{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 1456px; background: url("../img/network.svg") no-repeat center top / 1920px 1456px; opacity: 0.8; user-select: none; pointer-events: none; z-index: 0;}
    section.esteAno .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
        section.esteAno .centro .conteudo{display: flex; align-items: center; gap: 96px; width: 100%; margin-bottom: 96px;}
            section.esteAno .centro .conteudo .texto{width: 540px; min-width: 540px;}
                section.esteAno .centro .conteudo .texto h2{display: block; font: 800 56px/64px 'Raleway'; letter-spacing: -0.01em; color: #FFF; margin-bottom: 28px;}
                    section.esteAno .centro .conteudo .texto h2 em{display: block; font-weight: 200; font-size: 48px;}
                    section.esteAno .centro .conteudo .texto h2 b{font-weight: 800; color: #EC4040;}
                section.esteAno .centro .conteudo .texto p{font: 500 22px/36px 'Raleway'; color: #CDDCFF;}
            section.esteAno .centro .conteudo ul.anos{display: flex; flex-direction: column; gap: 24px; flex: 1;}
                section.esteAno .centro .conteudo ul.anos li{display: flex; flex-direction: column; gap: 12px; padding: 30.5px 34.5px 34.5px; border-radius: 20px; border: 1.5px solid #75C0FF33; background: #FFFFFF0A;}
                    section.esteAno .centro .conteudo ul.anos li span{display: flex; align-items: center; gap: 12px; font: 800 16px/20px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.16em; text-transform: uppercase; color: #A1C6FF;}
                        section.esteAno .centro .conteudo ul.anos li span::before{content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #75C0FF; box-shadow: 0 0 10px #3784FF;}
                    section.esteAno .centro .conteudo ul.anos li h3{font: 900 36px/40px 'Raleway'; letter-spacing: -0.01em; text-transform: uppercase; color: #FFF;}
                    section.esteAno .centro .conteudo ul.anos li p{font: 500 18px/28px 'Raleway'; font-variant: lining-nums; color: #BAC7E4;}
                section.esteAno .centro .conteudo ul.anos li.atual{border-color: #EC4040B2; background: linear-gradient(180deg, #1D3363 0%, #0C5699 100%); box-shadow: 0 0 48px #FF2B2B59;}
                    section.esteAno .centro .conteudo ul.anos li.atual span{color: #FFF;}
                        section.esteAno .centro .conteudo ul.anos li.atual span::before{background: #EC4040; box-shadow: 0 0 10px 1px #FF5451E5;}
                    section.esteAno .centro .conteudo ul.anos li.atual p{color: #E4ECFF;}
        section.esteAno .centro figure.trazerUm{width: 280px; height: 72px; margin-bottom: 24px;}
        section.esteAno .centro p.motivo{display: block; width: 100%; max-width: 960px; font: 500 24px/36px 'Raleway'; color: #CDDCFF; text-align: center; margin-bottom: 80px;}
            section.esteAno .centro p.motivo b{font-weight: 800; color: #FFF;}
        section.esteAno .centro .pergunta{display: flex; align-items: center; width: 100%; margin-bottom: 40px;}
            section.esteAno .centro .pergunta > div{display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 36px 40px 40px; border-radius: 24px; white-space: nowrap;}
                section.esteAno .centro .pergunta > div span{display: block; font: 800 12px/16px 'Raleway'; letter-spacing: 0.14em; text-transform: uppercase;}
            section.esteAno .centro .pergunta .andresa{background: #FFF;}
                section.esteAno .centro .pergunta .andresa span{color: #D72727;}
                section.esteAno .centro .pergunta .andresa strong{display: block; font: italic 800 44px/52px 'Raleway'; letter-spacing: -0.01em; color: #182A53;}
            section.esteAno .centro .pergunta figure.sinal{width: 120px; min-width: 120px; height: 24px;}
            section.esteAno .centro .pergunta .comunidade{padding: 35px 39px 39px; border: 1px solid #75C0FF59; background: linear-gradient(180deg, #182A53 0%, #060D1D 100%); box-shadow: 0 0 48px #3784FF66;}
                section.esteAno .centro .pergunta .comunidade span{color: #A1C6FF;}
                section.esteAno .centro .pergunta .comunidade strong{display: block; font: 900 48px/48px 'Raleway'; letter-spacing: -0.01em; text-transform: uppercase; color: #FFF; text-shadow: 0 0 28px #3784FFD9;}
        section.esteAno .centro p.chamada{display: block; font: italic 600 18px/28px 'Raleway Numeros', 'Raleway'; font-variant: lining-nums; color: #CDDCFF; text-align: center; margin-bottom: 48px;}

/* DEPOIMENTOS */
section.depoimentos{width: 100%; background: #060D1D; padding: 128px 48px; position: relative; z-index: 2; overflow: clip;}
    section.depoimentos::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            radial-gradient(ellipse 640px 490px at 960px 850px, #3784FF2E 0%, #3784FF17 45%, #3784FF00 100%),
            url("../img/testimonials-bg.webp") no-repeat center bottom / 1920px 814px,
            linear-gradient(#060D1D, #060D1D);
        background-blend-mode: screen, normal, normal, normal;}
    section.depoimentos .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
        section.depoimentos .centro h2{display: block; width: 100%; max-width: 1000px; font: 800 56px/64px 'Raleway'; letter-spacing: -0.01em; color: #FFF; text-align: center; margin-bottom: 64px;}
            section.depoimentos .centro h2 b{font-weight: 800; color: #EC4040;}
        section.depoimentos .centro .mural{display: flex; align-items: flex-start; gap: 24px; width: 100%; margin-bottom: 40px;}
            section.depoimentos .centro .mural ul{display: flex; flex-direction: column; gap: 36px; flex: 1; min-width: 0; padding: 0 0 24px 44px;}
                section.depoimentos .centro .mural ul li{display: block; width: 100%; padding: 14px 18px; border-radius: 16px; border: 2px solid #FFF; background: #FFF; box-shadow: 0 16px 40px #00000040; position: relative;}
                    section.depoimentos .centro .mural ul li figure{position: absolute; left: -42px; bottom: 4px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #FFFFFF80; overflow: hidden;}
                        section.depoimentos .centro .mural ul li figure.semBorda{border: none; left: -39px; bottom: 5px;}
                        section.depoimentos .centro .mural ul li figure img{width: 100%; height: 100%; object-fit: cover;}
                    section.depoimentos .centro .mural ul li p{font: 400 16px/24px 'Roboto', sans-serif; letter-spacing: -0.01em; color: #0F1112;}
                        section.depoimentos .centro .mural ul li p i{font-weight: 500; color: #237BDF;}
                section.depoimentos .centro .mural ul li.curtida::after{content: '❤️'; display: flex; align-items: center; justify-content: center; position: absolute; left: 4px; bottom: -19px; width: 33px; height: 29px; border-radius: 999px; border: 2px solid #FFF; background: #FFF; box-shadow: 0 2px 6px #0000002E; font: 400 12px/16px 'Roboto', sans-serif; user-select: none; pointer-events: none;}

/* O DIA */
section.oDia{width: 100%; background: linear-gradient(180deg, #F2F4F8 0%, #FFF 100%); padding: 128px 48px; position: relative; z-index: 2; overflow: clip;}
    section.oDia .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto;}
        section.oDia .centro .conteudo{display: flex; align-items: flex-start; gap: 80px; width: 100%; margin-bottom: 64px;}
            section.oDia .centro .conteudo .galeria{display: flex; flex-wrap: wrap; gap: 16px; width: 544px; min-width: 544px;}
                section.oDia .centro .conteudo .galeria figure{width: calc(50% - 8px); height: 300px; border-radius: 24px; overflow: hidden; background: #0E162D; box-shadow: 0 16px 40px #182A5324; position: relative;}
                    section.oDia .centro .conteudo .galeria figure img{width: 100%; height: 100%; object-fit: cover; object-position: center bottom;}
                section.oDia .centro .conteudo .galeria figure.principal{width: 100%; height: 400px; box-shadow: 0 20px 48px #182A5329;}
                    section.oDia .centro .conteudo .galeria figure.principal span.aoVivo{display: flex; align-items: center; gap: 8px; position: absolute; top: 24px; left: 24px; padding: 4px 12px; border-radius: 999px; background: #D72727; font: 800 15px/16px 'Raleway'; letter-spacing: 0.04em; text-transform: uppercase; color: #FFF;}
                        section.oDia .centro .conteudo .galeria figure.principal span.aoVivo::before{content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #FFF; animation: aoVivo 1.6s ease-in-out infinite;}
                    section.oDia .centro .conteudo .galeria figure.principal span.selo{display: flex; align-items: center; gap: 8px; position: absolute; right: 16px; bottom: 13px; padding: 8px 16px 8px 12px; border-radius: 999px; background: #FFF; box-shadow: 0 12px 32px #182A532E; font: 800 14px/20px 'Raleway'; color: #182A53; white-space: nowrap;}
                        section.oDia .centro .conteudo .galeria figure.principal span.selo::before{content: ''; display: block; width: 18px; height: 18px; background: url("../img/icon-sparkle.svg") no-repeat center / contain;}
            section.oDia .centro .conteudo .texto{flex: 1; min-width: 0;}
                section.oDia .centro .conteudo .texto h2{display: block; font: 800 52px/56px 'Raleway'; font-variant: lining-nums; letter-spacing: -0.01em; color: #182A53; margin-bottom: 8px;}
                    section.oDia .centro .conteudo .texto h2 b{font-weight: 800; color: #D72727;}
                section.oDia .centro .conteudo .texto > p{font: 500 18px/28px 'Raleway'; color: #3B4B6C; margin-bottom: 32px;}
                section.oDia .centro .conteudo .texto ol.agenda{display: flex; flex-direction: column; gap: 20px; list-style: none;}
                    section.oDia .centro .conteudo .texto ol.agenda li{display: flex; align-items: flex-start; gap: 16px;}
                        section.oDia .centro .conteudo .texto ol.agenda li em{display: flex; align-items: center; justify-content: center; width: 32px; min-width: 32px; height: 32px; border-radius: 50%; border: 1px solid #FFF; background: #D72727; box-shadow: 0 6px 18px #D7272726; font: 800 14px/20px 'Raleway'; font-variant: lining-nums; color: #FFF;}
                        section.oDia .centro .conteudo .texto ol.agenda li h3{font: 800 20px/28px 'Raleway'; color: #182A53;}
                        section.oDia .centro .conteudo .texto ol.agenda li p{font: 500 18px/28px 'Raleway'; color: #546179;}
        section.oDia .centro ul.beneficios{display: flex; align-items: stretch; gap: 16px; width: 100%; margin-bottom: 56px;}
            section.oDia .centro ul.beneficios li{display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; height: 112px; padding: 20px 24px 20px 20px; border-radius: 20px; background: #FFF; box-shadow: 0 8px 24px #182A530F;}
                section.oDia .centro ul.beneficios li em.icone{display: flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; border-radius: 50%; background: #D727271A;}
                    section.oDia .centro ul.beneficios li em.icone::before{content: ''; display: block; width: 22px; height: 22px; background-repeat: no-repeat; background-position: center; background-size: contain;}
                    section.oDia .centro ul.beneficios li em.icone.eye::before{background-image: url("../img/icon-eye.svg");}
                    section.oDia .centro ul.beneficios li em.icone.network::before{background-image: url("../img/icon-network.svg");}
                    section.oDia .centro ul.beneficios li em.icone.flame::before{background-image: url("../img/icon-flame.svg");}
                    section.oDia .centro ul.beneficios li em.icone.horizon::before{background-image: url("../img/icon-horizon.svg");}
                section.oDia .centro ul.beneficios li p{flex: 1; font: 600 16px/24px 'Raleway'; color: #182A53;}

/* MOTIVOS */
section.motivos{width: 100%; background: linear-gradient(0deg, #0E162D 0%, #060D1D 100%); padding: 128px 48px; position: relative; z-index: 2; overflow: clip;}
    section.motivos::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            url("../img/reasons-sky.svg") no-repeat center top / 1920px 936px,
            radial-gradient(ellipse 640px 440px at 960px 360px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            radial-gradient(ellipse 780px 480px at 960px 936px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            linear-gradient(0deg, #0E162D 0%, #060D1D 100%);
        background-blend-mode: screen, normal, normal, normal, normal;}
    section.motivos .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
        section.motivos .centro span.sobretitulo{display: block; font: 800 14px/20px 'Raleway'; letter-spacing: 0.16em; text-transform: uppercase; color: #A1C6FF; margin-bottom: 20px;}
        section.motivos .centro h2{display: block; font: 800 64px/72px 'Raleway'; letter-spacing: -0.01em; color: #FFF; text-align: center; margin-bottom: 48px;}
            section.motivos .centro h2 b{font-weight: 800; color: #EC4040;}
        section.motivos .centro ol.constelacao{display: flex; align-items: flex-start; gap: 60px; width: 1200px; height: 520px; padding: 212px 30px 0; list-style: none; background: url("../img/reasons-constellation.svg") no-repeat center top / 1200px 520px; position: relative;}
            section.motivos .centro ol.constelacao li{display: flex; flex-direction: column; align-items: center; gap: 12px; width: 340px; text-align: center; position: relative;}
                section.motivos .centro ol.constelacao li::before{content: ''; display: block; position: absolute; left: 50%; width: 120px; height: 120px; margin-left: -60px; user-select: none; pointer-events: none;
                    background:
                        url("../img/icon-star-glow.svg") no-repeat center / 72px 72px,
                        radial-gradient(circle closest-side, #3784FF73 0%, #3784FF40 50%, #3784FF00 100%);}
                section.motivos .centro ol.constelacao li:nth-of-type(1)::before{top: -144px;}
                section.motivos .centro ol.constelacao li:nth-of-type(2)::before{top: -228px;}
                section.motivos .centro ol.constelacao li:nth-of-type(3)::before{top: -164px;
                    background:
                        url("../img/icon-star-accent.svg") no-repeat center / 72px 72px,
                        radial-gradient(circle closest-side, #EC404073 0%, #EC404040 50%, #EC404000 100%);}
                section.motivos .centro ol.constelacao li strong{display: block; font: 900 72px/72px 'Raleway'; font-variant: lining-nums; letter-spacing: -0.01em; color: transparent; -webkit-text-stroke: 2px #EC4040; filter: drop-shadow(0 0 8px #FF2B2BE5); margin-bottom: 16px;}
                section.motivos .centro ol.constelacao li h3{font: 800 24px/32px 'Raleway'; color: #FFF;}
                section.motivos .centro ol.constelacao li p{font: 500 18px/32px 'Raleway'; color: #BAC7E4;}

/* ANDRESA */
section.andresa{width: 100%; background: #F2F4F8; padding: 128px 48px; position: relative; z-index: 2; overflow: clip;}
    section.andresa::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background: radial-gradient(ellipse 540px 440px at 200px 200px, #A1C6FF4D 0%, #A1C6FF26 45%, #A1C6FF00 100%);}
    section.andresa .centro{display: flex; align-items: center; gap: 96px; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
        section.andresa .centro figure.foto{width: 520px; min-width: 520px; height: 640px;}
            section.andresa .centro figure.foto img{width: 100%; height: 100%; object-fit: cover;}
        section.andresa .centro .texto{flex: 1; min-width: 0;}
            section.andresa .centro .texto span.sobretitulo{display: block; font: 400 26px/32px 'Raleway'; color: #182A53;}
            section.andresa .centro .texto h2{display: block; font: 800 64px/72px 'Raleway'; letter-spacing: -0.01em; color: #182A53; margin-bottom: 24px;}
                section.andresa .centro .texto h2 b{font-weight: 800; color: #D72727;}
            section.andresa .centro .texto p{font: 500 18px/32px 'Raleway'; font-variant: lining-nums; color: #546179; margin-bottom: 16px;}
            section.andresa .centro .texto p.destaque{font: 600 22px/36px 'Raleway'; color: #182A53; margin-bottom: 20px;}
            section.andresa .centro .texto ul.numeros{display: flex; align-items: center; margin-top: 40px;}
                section.andresa .centro .texto ul.numeros li{display: flex; flex-direction: column; align-items: center; padding: 0 32px; white-space: nowrap; position: relative;}
                section.andresa .centro .texto ul.numeros li:first-of-type{padding-left: 0;}
                section.andresa .centro .texto ul.numeros li + li::before{content: ''; display: block; position: absolute; left: 0; top: 8px; width: 1px; height: 56px; background: #CCD1D8;}
                    section.andresa .centro .texto ul.numeros li strong{display: block; font: 800 48px/56px 'Raleway'; font-variant: lining-nums; letter-spacing: -0.01em; color: #D72727;}
                    section.andresa .centro .texto ul.numeros li span{display: block; font: 800 12px/16px 'Raleway'; letter-spacing: 0.09em; text-transform: uppercase; color: #546179;}

/* INSCRICAO */
section.inscricao{width: 100%; background: #060D1D; padding: 136px 48px 168px; position: relative; z-index: 2; overflow: clip;}
    section.inscricao::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            url("../img/signup-constellations.svg") no-repeat center top / 1920px 1534px,
            radial-gradient(ellipse 720px 500px at 960px calc(100% - 340px), #1C4A8C99 0%, #1C4A8C40 50%, #1C4A8C00 100%);}
    section.inscricao::after{content: ''; display: block; position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); width: 1920px; height: 85px; background: url("../img/flare-red.svg") no-repeat center bottom / 1920px 85px; mix-blend-mode: screen; user-select: none; pointer-events: none; z-index: 1;}
    section.inscricao .centro{display: flex; flex-direction: column; align-items: center; gap: 192px; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
        section.inscricao .centro::before{content: ''; display: block; position: absolute; top: 604px; left: 50%; transform: translateX(-50%); width: 1920px; height: 560px; background: url("../img/year-2026-outline.svg") no-repeat center / contain; opacity: 0.1; user-select: none; pointer-events: none; z-index: -1;}
        section.inscricao .centro .publico{display: flex; flex-direction: column; align-items: center; width: 100%;}
            section.inscricao .centro .publico h2{display: block; font: 800 56px/64px 'Raleway'; letter-spacing: -0.01em; color: #FFF; text-align: center; margin-bottom: 8px;}
                section.inscricao .centro .publico h2 b{font-weight: 800; color: #D72727;}
            section.inscricao .centro .publico span.sobretitulo{display: block; font: 800 16px/20px 'Raleway'; letter-spacing: 0.16em; text-transform: uppercase; color: #75C0FF; text-align: center; margin-bottom: 56px;}
            section.inscricao .centro .publico ul{display: flex; align-items: stretch; gap: 24px; width: 100%;}
                section.inscricao .centro .publico ul li{display: flex; flex-direction: column; gap: 12px; flex: 1; min-width: 0; padding: 43px 39px; border-radius: 20px; border: 1px solid #75C0FF33; background: linear-gradient(180deg, #0E162DB2 40%, #182A53B2 100%); box-shadow: 0 16px 40px #182A5314; overflow: clip; position: relative;}
                    section.inscricao .centro .publico ul li::before{content: ''; display: block; position: absolute; top: -1px; left: -1px; right: -1px; height: 4px; background: linear-gradient(90deg, #D72727 0%, #0C5699 100%);}
                    section.inscricao .centro .publico ul li h3{font: 800 24px/32px 'Raleway'; color: #FFF;}
                    section.inscricao .centro .publico ul li p{font: 500 18px/28px 'Raleway'; color: #CDDCFF;}
        section.inscricao .centro .cadastro{display: flex; align-items: flex-start; gap: 80px; width: 100%;}
            section.inscricao .centro .cadastro .texto{flex: 1; min-width: 0;}
                section.inscricao .centro .cadastro .texto h2{display: block; max-width: 468px; font: 800 64px/72px 'Raleway'; font-variant: lining-nums; letter-spacing: -0.01em; color: #FFF; margin-bottom: 32px;}
                    section.inscricao .centro .cadastro .texto h2 b{font-weight: 800; color: #EC4040;}
                section.inscricao .centro .cadastro .texto > p{font: 500 22px/36px 'Raleway'; color: #CDDCFF; margin-bottom: 48px;}
                section.inscricao .centro .cadastro .texto ul.recebe{display: grid; grid-template-columns: 1fr 1fr; gap: 24px 32px; margin-bottom: 36px;}
                    section.inscricao .centro .cadastro .texto ul.recebe li{display: flex; flex-direction: column; gap: 8px; padding-left: 36px; position: relative;}
                        section.inscricao .centro .cadastro .texto ul.recebe li::before{content: ''; display: block; position: absolute; left: -10px; top: -10px; width: 40px; height: 40px; background: url("../img/icon-star-red.svg") no-repeat center / contain; user-select: none; pointer-events: none;}
                        section.inscricao .centro .cadastro .texto ul.recebe li h3{font: 800 18px/24px 'Raleway'; letter-spacing: 0.04em; text-transform: uppercase; color: #FFF;}
                        section.inscricao .centro .cadastro .texto ul.recebe li p{font: 500 16px/24px 'Raleway'; font-variant: lining-nums; color: #BAC7E4;}
                section.inscricao .centro .cadastro .texto > em{display: block; max-width: 350px; font: italic 600 16px/24px 'Raleway Numeros', 'Raleway'; font-variant: lining-nums; color: #A1C6FF;}
            section.inscricao .centro .cadastro form{display: flex; flex-direction: column; width: 520px; min-width: 520px; padding: 60px 40px 40px; border-radius: 24px; background: #FFF; box-shadow: 0 0 80px #3784FF59, 0 32px 64px #00000073; position: relative;}
                section.inscricao .centro .cadastro form span.tag{display: block; position: absolute; top: -12px; left: 40px; padding: 8px 16px; border-radius: 999px; background: #2E9822; font: 700 14px/16px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.12em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                section.inscricao .centro .cadastro form h3{font: 900 36px/40px 'Raleway'; letter-spacing: -0.01em; text-transform: uppercase; color: #182A53; margin-bottom: 8px;}
                section.inscricao .centro .cadastro form > p{font: 600 16px/24px 'Raleway'; font-variant: lining-nums; color: #546179; margin-bottom: 28px;}
                section.inscricao .centro .cadastro form label{display: flex; flex-direction: column; gap: 8px; font: 700 15px/20px 'Raleway'; color: #3B4B6C; margin-bottom: 16px;}
                    section.inscricao .centro .cadastro form label input{display: block; width: 100%; height: 59px; padding: 16px; border-radius: 8px; border: 1.5px solid #DBDEE2; background: #F2F4F8; font: 500 16px/24px 'Raleway'; font-variant: lining-nums; color: #182A53; transition: border-color 0.3s ease, background 0.3s ease;}
                        section.inscricao .centro .cadastro form label input::placeholder{color: #8C8F96; opacity: 1;}
                        section.inscricao .centro .cadastro form label input:focus{border-color: #0C5699; background: #FFF;}
                section.inscricao .centro .cadastro form button.botaoEnviar{display: flex; align-items: center; justify-content: center; gap: 16px; width: 100%; padding: 16px 48px; margin: 12px 0 20px; border-radius: 999px; border: none; outline: 6px solid #6E6E6E26; background: linear-gradient(90deg, #1C504D 0%, #30A850 100%); box-shadow: 0 12px 40px #26332A38, inset 0 2px 0 #FFFFFF40; cursor: pointer; transition: all 0.4s ease;}
                    section.inscricao .centro .cadastro form button.botaoEnviar::after{content: ''; display: block; width: 24px; min-width: 24px; height: 24px; background: url("../img/icon-play.svg") no-repeat center / contain; transition: transform 0.4s ease;}
                    section.inscricao .centro .cadastro form button.botaoEnviar b{display: block; font: 800 22px/28px 'Raleway'; letter-spacing: 0.04em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                    section.inscricao .centro .cadastro form button.botaoEnviar:hover{background: linear-gradient(90deg, #22625E 0%, #36BC5A 100%); box-shadow: 0 16px 44px #2E982259, inset 0 2px 0 #FFFFFF59; transform: translateY(-2px);}
                    section.inscricao .centro .cadastro form button.botaoEnviar:hover::after{transform: translateX(4px);}
                section.inscricao .centro .cadastro form small{display: block; padding: 0 40px; font: 500 12px/16px 'Raleway'; color: #8693AB; text-align: center;}
                section.inscricao .centro .cadastro form .campos{display: contents;}
                section.inscricao .centro .cadastro form span.ancora{display: block; position: absolute; top: -32px; left: 0; width: 1px; height: 1px; pointer-events: none;}
                /* validacao e envio (ActiveCampaign) */
                section.inscricao .centro .cadastro form label input.erro{border-color: #D72727; background: #FFF6F6;}
                section.inscricao .centro .cadastro form label em.erro{display: block; margin-top: -2px; font: 600 13px/18px 'Raleway'; color: #D72727;}
                section.inscricao .centro .cadastro form .erroForm{padding: 12px 16px; margin-top: 4px; border-radius: 8px; border-left: 3px solid #D72727; background: #FDECEC; font: 600 14px/20px 'Raleway'; color: #8A1C1C;}
                section.inscricao .centro .cadastro form button.botaoEnviar.enviando{cursor: progress; opacity: 0.8; transform: none;}
                    section.inscricao .centro .cadastro form button.botaoEnviar.enviando::after{background: none; border: 3px solid #FFFFFF59; border-top-color: #FFF; border-radius: 50%; animation: girar 0.8s linear infinite;}
                section.inscricao .centro .cadastro form .obrigado{padding: 20px 0 4px; font: 600 18px/28px 'Raleway'; font-variant: lining-nums; color: #182A53; outline: none;}
                    section.inscricao .centro .cadastro form .obrigado b,
                    section.inscricao .centro .cadastro form .obrigado strong{font-weight: 800; color: #2E9822;}
                    section.inscricao .centro .cadastro form .obrigado p + p{margin-top: 12px;}
                section.inscricao .centro .cadastro form.enviado .campos{display: none;}

@keyframes girar{to{transform: rotate(360deg);}}

/*SECOES*/

/* DUVIDAS */
section.duvidas{width: 100%; background: #FFF; padding: 128px 48px; position: relative; z-index: 2; overflow: clip;}
    section.duvidas::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background: radial-gradient(ellipse 540px 390px at 200px 90px, #A1C6FF40 0%, #A1C6FF20 45%, #A1C6FF00 100%);}
    section.duvidas .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 864px; margin: 0 auto; position: relative; z-index: 1;}
        section.duvidas .centro span.sobretitulo{display: block; font: 600 20px/28px 'Raleway'; color: #546179; text-align: center; margin-bottom: 20px;}
        section.duvidas .centro h2{display: block; font: 800 56px/64px 'Raleway'; letter-spacing: -0.01em; color: #182A53; text-align: center; white-space: nowrap; margin-bottom: 48px;}
            section.duvidas .centro h2 b{font-weight: 800; color: #D72727;}
        section.duvidas .centro ul.faq{width: 100%; box-shadow: inset 0 1px 0 #DBDEE2; margin-bottom: 48px;}
            section.duvidas .centro ul.faq li{display: flex; flex-direction: column; padding: 24px 0 23px; border-bottom: 1px solid #DBDEE2; transition: padding 0.4s ease;}
                section.duvidas .centro ul.faq li h3{display: flex; align-items: center; justify-content: space-between; gap: 24px; font: 700 20px/28px 'Raleway'; font-variant: lining-nums; color: #182A53; cursor: pointer; user-select: none;}
                    section.duvidas .centro ul.faq li h3::after{content: ''; display: block; width: 32px; min-width: 32px; height: 32px; background: url("../img/faq-toggle-plus.svg") no-repeat center / contain; transition: transform 0.4s ease;}
                    section.duvidas .centro ul.faq li h3:hover::after{transform: scale(1.08);}
                section.duvidas .centro ul.faq li p{display: block; max-height: 0; opacity: 0; overflow: hidden; visibility: hidden; font: 400 18px/28px 'Raleway'; font-variant: lining-nums; color: #546179; transition: all 0.4s ease;}
            /* Ativo */
            section.duvidas .centro ul.faq li.ativo{padding-bottom: 27px;}
                section.duvidas .centro ul.faq li.ativo h3::after{background-image: url("../img/faq-toggle-minus.svg");}
                section.duvidas .centro ul.faq li.ativo p{max-height: 400px; opacity: 1; visibility: visible; margin-top: 12px;}
        section.duvidas .centro .contato{display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; padding: 32px 40px; border-radius: 20px; background: #F2F4F8;}
            section.duvidas .centro .contato .texto{display: flex; flex-direction: column; gap: 4px; white-space: nowrap;}
                section.duvidas .centro .contato .texto h3{font: 800 22px/28px 'Raleway'; color: #182A53;}
                section.duvidas .centro .contato .texto p{font: 500 16px/24px 'Raleway'; color: #546179;}
            section.duvidas .centro .contato .canais{display: flex; align-items: center; gap: 24px;}
                section.duvidas .centro .contato .canais a.email:link,
                section.duvidas .centro .contato .canais a.email:visited{font: 700 16px/24px 'Raleway'; color: #0C5699; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; transition: color 0.3s ease;}
                    section.duvidas .centro .contato .canais a.email:hover{color: #182A53;}
                section.duvidas .centro .contato .canais a.whats:link,
                section.duvidas .centro .contato .canais a.whats:visited{display: flex; align-items: center; gap: 12px; padding: 12px 24px 12px 20px; border-radius: 999px; background: linear-gradient(90deg, #2BB92E 0%, #20AE79 100%); box-shadow: 0 8px 20px #20AE7959; transition: all 0.4s ease;}
                    section.duvidas .centro .contato .canais a.whats::before{content: ''; display: block; width: 20px; height: 20px; background: url("../img/icon-whatsapp.svg") no-repeat center / contain;}
                    section.duvidas .centro .contato .canais a.whats b{display: block; font: 800 15px/16px 'Raleway'; letter-spacing: 0.04em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                    section.duvidas .centro .contato .canais a.whats:hover{box-shadow: 0 10px 28px #20AE7999; transform: translateY(-2px);}

/* FECHAMENTO */
section.fechamento{width: 100%; background: #060D1D; padding: 160px 48px; position: relative; z-index: 2; overflow: clip;}
    section.fechamento::before{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 100%; user-select: none; pointer-events: none; z-index: 0;
        background:
            radial-gradient(ellipse 902px 521px at 960px 945px, #D727272E 0%, #D7272717 45%, #D7272700 100%),
            url("../img/closing-bg.webp") no-repeat center top / 1920px 828px;}
    section.fechamento::after{content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%) scaleY(-1); width: 1920px; height: 85px; background: url("../img/flare-red.svg") no-repeat center bottom / 1920px 85px; mix-blend-mode: screen; user-select: none; pointer-events: none; z-index: 1;}
    section.fechamento .centro{display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 2;}
        section.fechamento .centro h2{display: block; padding-top: 24px; font: 800 80px/88px 'Raleway'; letter-spacing: -0.01em; color: #FFF; text-align: center; text-shadow: 0 0 40px #3784FF59; margin-bottom: 28px;}
            section.fechamento .centro h2 b{font-weight: 800; color: #EC4040;}
        section.fechamento .centro > p{display: block; width: 100%; max-width: 644px; font: 500 24px/36px 'Raleway'; color: #CDDCFF; text-align: center; margin-bottom: 36px;}
        section.fechamento .centro ul.dados{display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 12px 0; margin-bottom: 48px; background: linear-gradient(90deg, #2649850A 0%, #4583ED66 35%, #4583ED66 65.3%, #2649850A 100%);}
            section.fechamento .centro ul.dados li{display: flex; align-items: center; gap: 12px; font: 800 16px/20px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.1em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                section.fechamento .centro ul.dados li::before{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #4E74CD;}
                section.fechamento .centro ul.dados li:nth-of-type(2)::before{display: none;}
                section.fechamento .centro ul.dados li.aoVivo{gap: 8px; padding: 4px 12px; border-radius: 999px; background: #FFFFFFE5; font-size: 15px; line-height: 16px; letter-spacing: 0.04em; color: #C81E1E;}
                    section.fechamento .centro ul.dados li.aoVivo::before{width: 8px; height: 8px; background: #C81E1E; animation: aoVivo 1.6s ease-in-out infinite;}
                section.fechamento .centro ul.dados li.formato{font-weight: 600; letter-spacing: 0.12em; color: #CDDCFF; opacity: 0.8;}

/* FOOTER */
footer{width: 100%; background: #060D1D; border-top: 1px solid #75C0FF1A; padding: 40px 48px;}
    footer .centro{display: flex; align-items: flex-start; justify-content: center; gap: 72px; width: 100%; max-width: 1280px; margin: 0 auto;}
        footer .centro figure.logo{width: 219px; min-width: 219px; height: 85px;}
        footer .centro .texto{display: flex; flex-direction: column; gap: 12px;}
            footer .centro .texto p.marca{display: flex; align-items: center; gap: 8px; font: 600 18px/28px 'Raleway'; font-variant: lining-nums; color: #FFF; white-space: nowrap;}
                footer .centro .texto p.marca i{display: block; width: 8px; height: 8px; border-radius: 50%; background: #EC4040; opacity: 0.84;}
            footer .centro .texto p.links{display: flex; align-items: center; gap: 12px; font: 400 14px/24px 'Raleway'; color: #749EE6; white-space: nowrap; margin-bottom: -12px;}
                footer .centro .texto p.links a:link,
                footer .centro .texto p.links a:visited{color: #749EE6; text-decoration: underline; text-underline-offset: 3px; transition: color 0.3s ease;}
                    footer .centro .texto p.links a:hover{color: #FFF;}
            footer .centro .texto p.copy{font: italic 500 14px/24px 'Raleway Numeros', 'Raleway'; font-variant: lining-nums; color: #749EE6; opacity: 0.56;}

/* ======== RESPONSIVO ======== */

/* BREAKPOINT XL (1440) - Figma "HT Ao Vivo 2026 - xl 1440" (5708:15286)
   Vale de 1535px ate 1001px (._1000). Abaixo disso entra o layout ._320. */

@media screen and (max-width: 1535px){

/* BARRA FLUTUANTE */
._1000 .barraFlutuante{padding: 12px 32px;}

/* TOPO */
._1000 section.topo{padding: 32px 48px 168px;}
    ._1000 section.topo::before{top: auto; bottom: 0; height: 926px;}
    ._1000 section.topo .centro{gap: 12px; max-width: 854px;}
        ._1000 section.topo .centro::before{top: 8px;}
            ._1000 section.topo .centro .marca h1{padding-bottom: 23px;}
                ._1000 section.topo .centro .marca h1 figure img{width: 286.4px; height: 54.4px;}
        ._1000 section.topo .centro h2{padding: 24px 0 8px;}
            ._1000 section.topo .centro h2 em{font-size: 32px; line-height: 44px;}
            ._1000 section.topo .centro h2 strong{font-size: 112px; line-height: 112px;}
        ._1000 section.topo .centro p{padding: 8px 40px 0; font-size: 22px;}
        ._1000 section.topo .centro a.botaoCTA:link,
        ._1000 section.topo .centro a.botaoCTA:visited{margin-top: 8px;}

/* OSCILA */
._1000 section.oscila::before{
        background:
            radial-gradient(ellipse 540px 440px at calc(50vw + 1220px) 100px, #A1C6FF4D 0%, #A1C6FF26 45%, #A1C6FF00 100%),
            radial-gradient(ellipse 490px 390px at calc(1010px - 50vw) 1150px, #FF54511A 0%, #FF54510D 45%, #FF545100 100%);}
        ._1000 section.oscila .centro ol.linhaTempo{display: grid; grid-template-columns: repeat(36, minmax(0, 1fr)); grid-template-rows: 1fr 344px 1fr; width: min(1440px, 100vw); height: auto; padding: 18px 0; background: none;}
            ._1000 section.oscila .centro ol.linhaTempo::before{content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 111.112%; height: 700px; transform: translate(-50%, -50%); background: url("../img/oscillation-wave.svg#svgView(preserveAspectRatio(none))") no-repeat center / 100% 100%; user-select: none; pointer-events: none;}
            ._1000 section.oscila .centro ol.linhaTempo li{position: relative; width: auto; min-width: 0; padding: 23px 27px 23px 23px;}
            ._1000 section.oscila .centro ol.linhaTempo li.azul{bottom: auto; grid-row: 1; align-self: end;}
            ._1000 section.oscila .centro ol.linhaTempo li.vermelho{top: auto; grid-row: 3; align-self: start;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(1){left: auto; grid-column: 2 / span 9;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(2){left: auto; grid-column: 7 / span 9;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(3){left: auto; grid-column: 12 / span 9;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(4){left: auto; grid-column: 17 / span 9;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(5){left: auto; grid-column: 22 / span 9;}
            ._1000 section.oscila .centro ol.linhaTempo li:nth-of-type(6){left: auto; grid-column: 27 / span 9;}

/* ESTE ANO */
._1000 section.esteAno::before{top: auto; bottom: 1000px; height: 926px; transform: translateX(-50%) scaleX(-1); background: url("../img/hero-constellations.svg") no-repeat center top / 1920px 926px;}
._1000 section.esteAno::after{height: 100%; opacity: 1;
        background:
            radial-gradient(ellipse 590px 440px at calc(50vw + 1270px) 200px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            radial-gradient(ellipse 840px 590px at 1200px 814px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            url("../img/flare-red.svg") no-repeat center bottom / 1920px 85px,
            url("../img/hero-constellations.svg") no-repeat center bottom / 1920px 926px,
            radial-gradient(ellipse 590px 363px at 960px calc(100% - 254px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 1170px 724px at 960px calc(100% + 58px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%),
            linear-gradient(#060D1D, #060D1D) no-repeat center bottom / 1920px 85px;
        background-blend-mode: normal, normal, screen, normal, normal, normal, normal;}
        ._1000 section.esteAno .centro .conteudo{gap: 8%;}
            ._1000 section.esteAno .centro .conteudo .texto{flex: 0 1 540px; width: auto; min-width: 0;}
            ._1000 section.esteAno .centro .conteudo ul.anos{flex: 1 1 564px; min-width: 0;}
                ._1000 section.esteAno .centro .pergunta .andresa strong{font-size: clamp(29px, calc(4.972vw - 20.4px), 44px); line-height: 1.182;}
                ._1000 section.esteAno .centro .pergunta .comunidade strong{font-size: clamp(32px, calc(5.424vw - 22.3px), 48px); line-height: 1;}

/* DEPOIMENTOS */
._1000 section.depoimentos{padding: 112px 48px;}
    ._1000 section.depoimentos::before{
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            radial-gradient(ellipse 640px 490px at 960px 850px, #3784FF2E 0%, #3784FF17 45%, #3784FF00 100%),
            url("../img/testimonials-bg.webp") no-repeat center bottom -32px / 1920px 814px,
            linear-gradient(#060D1D, #060D1D);}

/* O DIA */
._1000 section.oDia{padding: 112px 48px;}
        ._1000 section.oDia .centro .conteudo{gap: 6.667%;}
            ._1000 section.oDia .centro .conteudo .galeria{flex: 0 1 544px; width: auto; min-width: 0;}
                ._1000 section.oDia .centro .conteudo .galeria figure{height: auto; aspect-ratio: 264 / 300;}
                ._1000 section.oDia .centro .conteudo .galeria figure.principal{height: auto; aspect-ratio: 544 / 400;}
            ._1000 section.oDia .centro .conteudo .texto{flex: 1 1 576px;}

/* MOTIVOS */
._1000 section.motivos{padding: 112px 48px;}
    ._1000 section.motivos::before{
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            url("../img/reasons-sky.svg") no-repeat center top / 1920px 936px,
            radial-gradient(ellipse 640px 440px at 960px 360px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            radial-gradient(ellipse 780px 480px at 960px 936px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            linear-gradient(0deg, #0E162D 0%, #060D1D 100%);}
        ._1000 section.motivos .centro ol.constelacao{gap: 0; width: 100%; max-width: 1200px; height: auto; min-height: 520px; padding: 212px 0 0; background: url("../img/reasons-constellation.svg#svgView(preserveAspectRatio(none))") no-repeat center top / 100% 520px;}
            ._1000 section.motivos .centro ol.constelacao li{flex: 1 1 0; width: auto; min-width: 0; padding: 0 30px;}

/* ANDRESA */
._1000 section.andresa{padding: 112px 48px;}
    ._1000 section.andresa::before{background: radial-gradient(ellipse 540px 440px at calc(1160px - 50vw) 200px, #A1C6FF4D 0%, #A1C6FF26 45%, #A1C6FF00 100%);}
    ._1000 section.andresa .centro{gap: 8%;}
        ._1000 section.andresa .centro figure.foto{flex: 0 1 520px; width: auto; min-width: 0; height: auto; aspect-ratio: 520 / 640;}
        ._1000 section.andresa .centro .texto{flex: 1 1 584px;}
            ._1000 section.andresa .centro .texto h2{font-size: min(64px, 5.9vw); line-height: 1.125;}
                ._1000 section.andresa .centro .texto ul.numeros li{padding: 0 clamp(20px, calc(4.068vw - 20.7px), 32px);}
                ._1000 section.andresa .centro .texto ul.numeros li:first-of-type{padding-left: 0;}

/* INSCRICAO */
._1000 section.inscricao::after{bottom: 0;}
        ._1000 section.inscricao .centro::before{top: 682px;}
                /* padding lateral fluido: em telas de 1001px a 1280px a palavra "Humanoterapeutas" do titulo nao cabia no card e era cortada */
                ._1000 section.inscricao .centro .publico ul li{padding: 43px clamp(23px, calc(5.714vw - 34.14px), 39px);}
        ._1000 section.inscricao .centro .cadastro{gap: 6.667%;}
            ._1000 section.inscricao .centro .cadastro .texto{flex: 1 1 600px;}
                ._1000 section.inscricao .centro .cadastro .texto h2{font-size: min(64px, 6.25vw); line-height: 1.125;}
            ._1000 section.inscricao .centro .cadastro form{flex: 0 1 520px; width: auto; min-width: 440px;}
                ._1000 section.inscricao .centro .cadastro form button.botaoEnviar{padding: 16px 24px;}

/* DUVIDAS */
._1000 section.duvidas{padding: 112px 48px;}
    ._1000 section.duvidas::before{background: radial-gradient(ellipse 540px 390px at calc(1160px - 50vw) 90px, #A1C6FF40 0%, #A1C6FF20 45%, #A1C6FF00 100%);}

/* FECHAMENTO */
._1000 section.fechamento{padding: 144px 48px;}
    ._1000 section.fechamento::before{
        background:
            radial-gradient(ellipse 902px 521px at 960px 945px, #D727272E 0%, #D7272717 45%, #D7272700 100%),
            url("../img/closing-bg.webp") no-repeat center top / 1920px 828px;}
        ._1000 section.fechamento .centro h2{font-size: min(80px, 7.6vw); line-height: 1.1;}

}


/* ---- MOBILE (sm 768) ---- */
/* Figma: "HT Ao Vivo 2026 - sm 768" (5708:17115) · gutter 32px · conteudo ate 704px · fluido de 1000px a 640px */

/* BOTAO CTA */
._320 a.botaoCTA:active,
._320 a.botaoCTA:link,
._320 a.botaoCTA:visited{gap: 12px; padding: 20px 24px; outline-width: 4px; box-shadow: 0 8px 28px #D7272773, inset 0 2px 0 #FFFFFF40;}
    ._320 a.botaoCTA::after{width: 20px; min-width: 20px; height: 20px;}
    ._320 a.botaoCTA b{font-size: 18px; line-height: 24px;}
    /* pequeno (barra fixa) */
    ._320 a.botaoCTA.pequeno:active,
    ._320 a.botaoCTA.pequeno:link,
    ._320 a.botaoCTA.pequeno:visited{gap: 8px; padding: 8px 32px; box-shadow: 0 6px 20px #D7272773, inset 0 2px 0 #FFFFFF40;}
        ._320 a.botaoCTA.pequeno::after{width: 16px; min-width: 16px; height: 16px;}
        ._320 a.botaoCTA.pequeno b{font-size: 15px; line-height: 16px;}

/* BARRA FLUTUANTE */
._320 .barraFlutuante{padding: 12px 32px;}
    ._320 .barraFlutuante .centro{gap: 8px; max-width: 704px;}
        ._320 .barraFlutuante .centro ul.evento{flex: 1 1 auto; flex-wrap: wrap; min-width: 0; height: 32px; overflow: hidden;}
            ._320 .barraFlutuante .centro ul.evento li.formato{display: none;}
        ._320 .barraFlutuante .centro a.botaoCTA{flex-shrink: 0;}

/* TOPO */
._320 section.topo{padding: 28px 32px 128px;}
    ._320 section.topo::before{left: 0; transform: none; width: 100%;
        background:
            url("../img/hero-constellations.svg") no-repeat center bottom / 1440px 695px,
            radial-gradient(ellipse 442px 272px at 50% calc(100% - 190px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 878px 543px at 50% calc(100% + 44px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);}
    ._320 section.topo::after{left: 0; transform: none; width: 100%; height: 64px; background-size: 1440px 64px;}
    ._320 section.topo .centro{gap: 12px; max-width: 704px;}
        ._320 section.topo .centro::before{top: 77px; width: 1440px; height: 420px; opacity: 0.1;}
            ._320 section.topo .centro .marca h1{padding-bottom: 23px;}
                ._320 section.topo .centro .marca h1 figure img{width: 251px; height: 48px;}
            ._320 section.topo .centro .marca span.selo{padding: 4px 32px;}
        ._320 section.topo .centro h2{padding: 24px 0 8px;}
            ._320 section.topo .centro h2 em{font-size: 32px; line-height: 44px;}
            ._320 section.topo .centro h2 strong{font-size: 64px; line-height: 64px;}
        ._320 section.topo .centro ul.dados{flex-wrap: wrap; gap: 8px 12px; width: calc(100% + 8px); margin: 0 -4px;}
            ._320 section.topo .centro ul.dados li{font-size: 14px; line-height: 20px; letter-spacing: 0.16em;}
                ._320 section.topo .centro ul.dados li.aoVivo{font-size: 15px; line-height: 16px; letter-spacing: 0.04em;}
                ._320 section.topo .centro ul.dados li.formato{letter-spacing: 0.12em;}
        ._320 section.topo .centro p{padding: 8px 0 0; font-size: 20px; line-height: 32px;}
        ._320 section.topo .centro a.botaoCTA:link,
        ._320 section.topo .centro a.botaoCTA:visited{padding: 20px 24px; margin-top: 8px;}

/* FAIXA */
._320 section.faixa{padding: 8px 32px;}
    ._320 section.faixa p{font-size: 16px; line-height: 20px; letter-spacing: 0.1em;}

/* OSCILA */
._320 section.oscila{padding: 68px 32px 108px;}
    ._320 section.oscila::before{left: 0; transform: none; width: 100%;
        background: radial-gradient(ellipse 490px 390px at 50px 1150px, #FF54511A 0%, #FF54510D 45%, #FF545100 100%);}
    ._320 section.oscila .centro{max-width: 704px;}
        ._320 section.oscila .centro h2{font-size: 44px; line-height: 48px;}
        ._320 section.oscila .centro span.sobretitulo{font-size: 14px; line-height: 20px;}
        ._320 section.oscila .centro ol.linhaTempo{display: flex; flex-direction: column; gap: 8px; width: 100%; height: auto; margin: 36px 0; background: none;}
            ._320 section.oscila .centro ol.linhaTempo li{position: relative; top: auto; bottom: auto; left: auto; align-items: center; width: 100%; padding: 15px 27px 15px 23px; box-shadow: 0 16px 40px #182A5314;}
                ._320 section.oscila .centro ol.linhaTempo li::before,
                ._320 section.oscila .centro ol.linhaTempo li::after{display: none;}
                ._320 section.oscila .centro ol.linhaTempo li p{font-size: 16px; line-height: 24px;}
        ._320 section.oscila .centro > p{max-width: 616px;}

/* ESTE ANO */
._320 section.esteAno{padding: 104px 32px;}
    ._320 section.esteAno::before{left: 0; transform: none; width: 100%;
        background:
            url("../img/flare-red.svg") no-repeat center bottom / 1440px 64px,
            radial-gradient(ellipse 840px 590px at 960px 814px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            url("../img/hero-constellations.svg") no-repeat center bottom / 1440px 695px,
            radial-gradient(ellipse 442px 272px at 50% calc(100% - 190px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 878px 543px at 50% calc(100% + 44px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%),
            linear-gradient(#060D1D, #060D1D);
        background-blend-mode: screen, normal, normal, normal, normal, normal;}
    ._320 section.esteAno::after{top: auto; bottom: 750px; width: 1440px; height: 450px; transform: translateX(-50%) scaleX(-1); background: url("../img/hero-constellations.svg") no-repeat center bottom / 1440px 695px; opacity: 1;}
    ._320 section.esteAno .centro{max-width: 704px;}
        ._320 section.esteAno .centro .conteudo{flex-direction: column; align-items: stretch; gap: 48px; margin-bottom: 72px;}
            ._320 section.esteAno .centro .conteudo .texto{width: 100%; min-width: 0; max-width: 540px;}
                ._320 section.esteAno .centro .conteudo .texto h2{font-size: 44px; line-height: 48px; margin-bottom: 28px;}
                    ._320 section.esteAno .centro .conteudo .texto h2 em{font-size: 36px;}
                ._320 section.esteAno .centro .conteudo .texto p{font-size: 18px; line-height: 28px;}
            ._320 section.esteAno .centro .conteudo ul.anos{flex: none;}
                ._320 section.esteAno .centro .conteudo ul.anos li{padding: 26.5px 30.5px 30.5px;}
                    ._320 section.esteAno .centro .conteudo ul.anos li span{font-size: 14px;}
                    ._320 section.esteAno .centro .conteudo ul.anos li h3{font-size: 28px; line-height: 32px;}
        ._320 section.esteAno .centro p.motivo{font-size: 20px; line-height: 32px; margin-bottom: 60px;}
        ._320 section.esteAno .centro .pergunta{flex-direction: column; align-items: stretch; gap: 16px; margin-bottom: 36px;}
            ._320 section.esteAno .centro .pergunta > div{flex: none; padding: 32px 36px 36px; white-space: normal;}
                ._320 section.esteAno .centro .pergunta > div span{letter-spacing: 0.09em;}
                ._320 section.esteAno .centro .pergunta .andresa strong{font-size: 32px; line-height: 36px;}
            ._320 section.esteAno .centro .pergunta figure.sinal{display: none;}
            ._320 section.esteAno .centro .pergunta .comunidade{padding: 31px 35px 35px;}
                ._320 section.esteAno .centro .pergunta .comunidade strong{font-size: 36px; line-height: 40px;}
        ._320 section.esteAno .centro p.chamada{margin-bottom: 36px;}

/* DEPOIMENTOS */
._320 section.depoimentos{padding: 96px 32px 240px;}
    ._320 section.depoimentos::before{left: 0; transform: none; width: 100%;
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            radial-gradient(ellipse 640px 490px at 960px 850px, #3784FF2E 0%, #3784FF17 45%, #3784FF00 100%),
            url("../img/testimonials-bg.webp") no-repeat center 590px / 1920px 814px,
            linear-gradient(#060D1D, #060D1D);
        background-blend-mode: screen, normal, normal, normal;}
    ._320 section.depoimentos .centro{max-width: 704px;}
        ._320 section.depoimentos .centro h2{font-size: 44px; line-height: 48px; margin-bottom: 48px;}
        ._320 section.depoimentos .centro .mural{margin-bottom: 36px;}
            ._320 section.depoimentos .centro .mural ul{gap: 32px; padding: 0 0 24px 40px;}
            ._320 section.depoimentos .centro .mural ul:nth-of-type(3){display: none;}

/* O DIA */
/* a foto sobe 192px sobre o fim dos depoimentos (Figma: frame "testimonials-the-day"); o fundo claro comeca 192px abaixo do topo */
._320 section.oDia{margin-top: -192px; padding: 0 32px 80px; background: linear-gradient(180deg, #F2F4F8 0%, #FFF 100%) no-repeat 0 192px / 100% calc(100% - 192px);}
    ._320 section.oDia .centro{max-width: 704px;}
        ._320 section.oDia .centro .conteudo{flex-direction: column; gap: 48px; margin-bottom: 48px;}
            ._320 section.oDia .centro .conteudo .galeria{justify-content: center; width: 100%; min-width: 0;}
                ._320 section.oDia .centro .conteudo .galeria figure{display: none;}
                ._320 section.oDia .centro .conteudo .galeria figure.principal{display: block; width: 436px; max-width: 100%; height: 320px;}
                    ._320 section.oDia .centro .conteudo .galeria figure.principal img{object-position: center;}
                    ._320 section.oDia .centro .conteudo .galeria figure.principal span.selo{bottom: 16px;}
            ._320 section.oDia .centro .conteudo .texto{width: 100%;}
                ._320 section.oDia .centro .conteudo .texto h2{font-size: 44px; line-height: 48px;}
                ._320 section.oDia .centro .conteudo .texto > p{margin-bottom: 28px;}
        ._320 section.oDia .centro ul.beneficios{flex-wrap: wrap; margin-bottom: 44px;}
            ._320 section.oDia .centro ul.beneficios li{flex: 0 0 calc(50% - 8px); align-items: flex-start; height: auto; min-height: 80px; padding: 16px 24px 16px 20px;}

/* MOTIVOS */
._320 section.motivos{padding: 96px 32px 104px;}
    ._320 section.motivos::before{left: 0; transform: none; width: 100%;
        background:
            url("../img/flare-blue.svg") no-repeat center top / 1920px 139px,
            url("../img/reasons-sky.svg") no-repeat left top / 1920px 936px,
            radial-gradient(ellipse 640px 440px at 1106px 199px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            radial-gradient(ellipse 780px 480px at 960px 936px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            linear-gradient(0deg, #0E162D 0%, #060D1D 100%);
        background-blend-mode: screen, normal, normal, normal, normal;}
    ._320 section.motivos .centro{max-width: 704px;}
        ._320 section.motivos .centro h2{font-size: 44px; line-height: 48px; margin-bottom: 36px;}
        ._320 section.motivos .centro ol.constelacao{flex-direction: column; align-items: stretch; gap: 40px; width: 560px; max-width: 100%; height: auto; padding: 0; background: none;}
            ._320 section.motivos .centro ol.constelacao li{display: grid; grid-template-columns: auto 1fr; column-gap: 32px; row-gap: 12px; align-items: center; width: 100%; text-align: left;}
                ._320 section.motivos .centro ol.constelacao li::before{display: none;}
                ._320 section.motivos .centro ol.constelacao li strong{grid-row: 1 / span 2; margin: 0;}
                ._320 section.motivos .centro ol.constelacao li h3{grid-column: 2; align-self: end; font-size: 22px; line-height: 28px;}
                ._320 section.motivos .centro ol.constelacao li p{grid-column: 2; align-self: start; line-height: 28px;}

/* ANDRESA */
/* grid: eyebrow, nome e numeros ao lado da foto (que sobe 100px sobre os motivos); paragrafos em largura total. .texto vira display: contents */
._320 section.andresa{padding: 24px 32px 96px; overflow-x: clip; overflow-y: visible;}
    ._320 section.andresa::before{left: 0; transform: none; width: 100%;
        background: radial-gradient(ellipse 540px 440px at 200px 300px, #A1C6FF4D 0%, #A1C6FF26 45%, #A1C6FF00 100%);}
    ._320 section.andresa .centro{display: grid; grid-template-columns: 1fr minmax(0, 282px); gap: 0 16px; align-items: start; max-width: 704px; padding-top: 40px;}
        ._320 section.andresa .centro figure.foto{grid-column: 2; grid-row: 1 / span 3; justify-self: end; width: 100%; min-width: 0; height: 0; margin-top: -140px; position: relative;}
            ._320 section.andresa .centro figure.foto img{position: absolute; top: 0; left: 0; height: auto; aspect-ratio: 282 / 348;}
        ._320 section.andresa .centro .texto{display: contents;}
            ._320 section.andresa .centro .texto span.sobretitulo{grid-column: 1; grid-row: 1; font-size: 24px; line-height: 32px;}
            ._320 section.andresa .centro .texto h2{grid-column: 1; grid-row: 2; font-size: 44px; line-height: 48px;}
            ._320 section.andresa .centro .texto ul.numeros{grid-column: 1; grid-row: 3; margin: 0 0 48px;}
                ._320 section.andresa .centro .texto ul.numeros li{padding: 0 16px;}
                ._320 section.andresa .centro .texto ul.numeros li:first-of-type{padding-left: 0;}
                ._320 section.andresa .centro .texto ul.numeros li + li::before{top: 2px;}
                    ._320 section.andresa .centro .texto ul.numeros li strong{font-size: 40px; line-height: 44px;}
            ._320 section.andresa .centro .texto p{grid-column: 1 / -1; line-height: 28px;}
            ._320 section.andresa .centro .texto p.destaque{font-size: 18px; line-height: 28px;}
            ._320 section.andresa .centro .texto p:last-of-type{margin-bottom: 0;}

/* INSCRICAO */
._320 section.inscricao{padding: 88px 32px 128px;}
    ._320 section.inscricao::before{left: 0; transform: none; width: 100%;
        background:
            url("../img/hero-constellations.svg") no-repeat center bottom / 1440px 695px,
            radial-gradient(ellipse 442px 272px at 50% calc(100% - 190px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 878px 543px at 50% calc(100% + 44px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);}
    ._320 section.inscricao::after{bottom: 0; left: 0; transform: none; width: 100%; height: 64px; background-size: 1440px 64px;}
    ._320 section.inscricao .centro{gap: 104px; max-width: 704px;}
        ._320 section.inscricao .centro::before{top: auto; bottom: -11px; width: 1440px; height: 420px;}
        ._320 section.inscricao .centro::after{content: ''; display: block; position: absolute; bottom: 622px; left: 50%; transform: translateX(-50%) scaleX(-1); width: 1440px; height: 450px; background: url("../img/hero-constellations.svg") no-repeat center bottom / 1440px 695px; user-select: none; pointer-events: none; z-index: -2;}
            ._320 section.inscricao .centro .publico h2{font-size: 44px; line-height: 48px;}
            ._320 section.inscricao .centro .publico span.sobretitulo{font-size: 14px; margin-bottom: 44px;}
            ._320 section.inscricao .centro .publico ul{flex-direction: column; gap: 16px;}
                ._320 section.inscricao .centro .publico ul li{flex: none; gap: 8px; padding: 28px 40px;}
        ._320 section.inscricao .centro .cadastro{flex-direction: column; align-items: center; gap: 48px;}
            ._320 section.inscricao .centro .cadastro .texto{width: 100%; flex: none; padding: 0 24px;}
                ._320 section.inscricao .centro .cadastro .texto h2{max-width: none; font-size: 44px; line-height: 48px; margin-bottom: 24px;}
                ._320 section.inscricao .centro .cadastro .texto > p{font-size: 18px; line-height: 28px; margin-bottom: 36px;}
                ._320 section.inscricao .centro .cadastro .texto ul.recebe{gap: 24px 20px; margin-bottom: 28px;}
                    ._320 section.inscricao .centro .cadastro .texto ul.recebe li{gap: 4px;}
                ._320 section.inscricao .centro .cadastro .texto > em{max-width: none; text-align: center;}
            ._320 section.inscricao .centro .cadastro form{width: 520px; min-width: 0; max-width: 100%;}
                ._320 section.inscricao .centro .cadastro form label input{height: 56px;}
                ._320 section.inscricao .centro .cadastro form button.botaoEnviar{padding: 16px 24px; gap: 12px;}
                    ._320 section.inscricao .centro .cadastro form button.botaoEnviar::after{width: 20px; min-width: 20px; height: 20px;}
                    ._320 section.inscricao .centro .cadastro form button.botaoEnviar b{font-size: 18px; line-height: 24px;}

/* DUVIDAS */
._320 section.duvidas{padding: 96px 32px;}
    ._320 section.duvidas::before{left: 0; transform: none; width: 100%;}
    ._320 section.duvidas .centro{max-width: 704px;}
        ._320 section.duvidas .centro h2{font-size: 44px; line-height: 48px; white-space: normal; margin-bottom: 36px;}
        ._320 section.duvidas .centro ul.faq{margin-bottom: 36px;}
        ._320 section.duvidas .centro .contato{flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; padding: 28px 36px;}

/* FECHAMENTO */
._320 section.fechamento{padding: 112px 32px;}
    ._320 section.fechamento::before{left: 0; transform: none;
        background:
            radial-gradient(ellipse 902px 521px at 50% 945px, #D727272E 0%, #D7272717 45%, #D7272700 100%),
            url("../img/closing-bg.webp") no-repeat left top / 1920px 828px;}
    ._320 section.fechamento::after{left: 0; transform: scaleY(-1); opacity: 0.5;}
    ._320 section.fechamento .centro{max-width: 704px;}
        ._320 section.fechamento .centro h2{font-size: 48px; line-height: 56px;}
        ._320 section.fechamento .centro > p{font-size: 20px; line-height: 32px; margin-bottom: 32px;}
        ._320 section.fechamento .centro ul.dados{flex-wrap: wrap; gap: 8px 12px; width: calc(100% + 8px); margin: 0 -4px 36px;}
            ._320 section.fechamento .centro ul.dados li{font-size: 14px; line-height: 20px; letter-spacing: 0.16em;}
                ._320 section.fechamento .centro ul.dados li.aoVivo{font-size: 15px; line-height: 16px; letter-spacing: 0.04em;}
                ._320 section.fechamento .centro ul.dados li.formato{letter-spacing: 0.12em;}

/* FOOTER */
._320 footer{padding: 40px 32px;}
    ._320 footer .centro{flex-direction: column; align-items: center; gap: 24px; max-width: 704px;}
        ._320 footer .centro .texto p.marca{font-size: 16px; line-height: 24px;}


/* ---- MOBILE (base 390) ---- */
/* Figma: "HT Ao Vivo 2026 - base 390" (5708:18944) · gutter 24px · conteudo ate 440px · fluido de 639px a 360px (abaixo disso, zoom de seguranca) */
/* Arte "photo-bg-constellation" (topo, esteAno, inscricao): caixa 960x800 alinhada ao pe da secao = desktop em escala 0.5 */

@media screen and (max-width: 639px) {

/* BARRA FLUTUANTE */
._320 .barraFlutuante{padding: 12px 24px;}
    ._320 .barraFlutuante .centro{max-width: 440px;}
        ._320 .barraFlutuante .centro ul.evento li{display: none;}
        ._320 .barraFlutuante .centro ul.evento li.simbolo{display: flex;}

/* TOPO */
._320 section.topo{padding: 24px 24px 84px;}
    ._320 section.topo::before{
        background:
            url("../img/hero-constellations.svg") no-repeat center bottom / 960px 463px,
            radial-gradient(ellipse 295px 181px at 50% calc(100% - 127px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 585px 362px at 50% calc(100% + 29px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);}
    ._320 section.topo::after{height: 61px; background-size: 1381px 61px; transform: scaleY(0.71); transform-origin: center bottom;}
    ._320 section.topo .centro{gap: 16px; max-width: 440px;}
        ._320 section.topo .centro::before{top: 83px; width: 478px; height: 140px;}
        ._320 section.topo .centro::after{content: ''; display: block; position: absolute; bottom: 416px; left: 50%; transform: translateX(-50%) scaleX(-1); width: 960px; height: 300px; background: url("../img/hero-constellations.svg") no-repeat center bottom / 960px 463px; user-select: none; pointer-events: none; z-index: -2;}
            ._320 section.topo .centro .marca h1{padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
                ._320 section.topo .centro .marca h1 figure img{width: 200px; height: 38px;}
            ._320 section.topo .centro .marca span.selo{display: none;}
        ._320 section.topo .centro h2{padding: 8px 0;}
            ._320 section.topo .centro h2 em{font-size: 24px; line-height: 32px;}
            ._320 section.topo .centro h2 strong{font-size: 44px; line-height: 44px;}
        ._320 section.topo .centro ul.dados{width: 100%; margin: 0; padding: 8px 0;}
            ._320 section.topo .centro ul.dados li{font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
        ._320 section.topo .centro p{font-size: 18px; line-height: 28px;}
        ._320 section.topo .centro a.botaoCTA{width: 329px; max-width: 100%;}

/* FAIXA */
._320 section.faixa{padding: 8px 24px;}
    ._320 section.faixa p{font-size: 14px; line-height: 20px; letter-spacing: 0.16em;}
        ._320 section.faixa p::before,
        ._320 section.faixa p::after{display: none;}

/* OSCILA */
._320 section.oscila{padding: 44px 24px 72px;}
    ._320 section.oscila .centro{max-width: 440px;}
        ._320 section.oscila .centro h2{font-size: 36px; line-height: 40px;}
        ._320 section.oscila .centro span.sobretitulo{font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
        ._320 section.oscila .centro ol.linhaTempo{gap: 12px; margin: 28px 0;}
            ._320 section.oscila .centro ol.linhaTempo li{align-items: flex-start; padding: 19px 27px 19px 23px;}
        ._320 section.oscila .centro > p{max-width: none; font-size: 16px; line-height: 24px;}
        ._320 section.oscila .centro a.botaoCTA{width: 100%;}

/* ESTE ANO */
._320 section.esteAno{padding: 68px 24px;}
    ._320 section.esteAno::before{
        background:
            radial-gradient(ellipse 840px 590px at 960px 814px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            url("../img/hero-constellations.svg") no-repeat center bottom / 960px 463px,
            radial-gradient(ellipse 295px 181px at 50% calc(100% - 127px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 585px 362px at 50% calc(100% + 29px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);
        background-blend-mode: normal;}
    ._320 section.esteAno::after{top: auto; bottom: 0; left: 0; width: 100%; height: 61px; transform: scaleY(0.71); transform-origin: center bottom; background: url("../img/flare-red.svg") no-repeat center bottom / 1381px 61px; mix-blend-mode: screen; opacity: 1; z-index: 1;}
    ._320 section.esteAno .centro{max-width: 440px;}
        ._320 section.esteAno .centro::after{content: ''; display: block; position: absolute; bottom: 432px; left: 50%; transform: translateX(-50%) scaleX(-1); width: 960px; height: 300px; background: url("../img/hero-constellations.svg") no-repeat center bottom / 960px 463px; user-select: none; pointer-events: none; z-index: -2;}
        ._320 section.esteAno .centro .conteudo{gap: 32px; margin-bottom: 48px;}
            ._320 section.esteAno .centro .conteudo .texto{max-width: none;}
                ._320 section.esteAno .centro .conteudo .texto h2{font-size: 36px; line-height: 40px;}
                    ._320 section.esteAno .centro .conteudo .texto h2 em{font-size: 32px;}
                ._320 section.esteAno .centro .conteudo .texto p{font-size: 16px; line-height: 24px;}
                ._320 section.esteAno .centro .conteudo ul.anos li{padding: 26.5px 22.5px 22.5px;}
                    ._320 section.esteAno .centro .conteudo ul.anos li span{font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
                    ._320 section.esteAno .centro .conteudo ul.anos li p{font-size: 16px; line-height: 24px;}
        ._320 section.esteAno .centro p.motivo{font-size: 18px; line-height: 28px; margin-bottom: 40px;}
        ._320 section.esteAno .centro .pergunta{margin-bottom: 28px;}
            ._320 section.esteAno .centro .pergunta > div{padding: 24px 28px 28px;}
                ._320 section.esteAno .centro .pergunta .andresa strong{font-size: 24px; line-height: 32px;}
            ._320 section.esteAno .centro .pergunta .comunidade{padding: 23px 27px 27px;}
                ._320 section.esteAno .centro .pergunta .comunidade strong{font-size: 28px; line-height: 32px;}
        ._320 section.esteAno .centro p.chamada{font-size: 16px; line-height: 24px; margin-bottom: 28px;}
        ._320 section.esteAno .centro a.botaoCTA{width: 330px; max-width: 100%;}

/* DEPOIMENTOS */
/* padding-bottom inclui os 128px em que a foto do oDia sobe (Figma: frame "testimonials-the-day") */
._320 section.depoimentos{padding: 80px 24px 192px;}
    ._320 section.depoimentos::before{
        background:
            radial-gradient(ellipse 640px 490px at 960px 850px, #3784FF2E 0%, #3784FF17 45%, #3784FF00 100%),
            url("../img/testimonials-bg.webp") no-repeat center 590px / 1920px 814px;
        background-blend-mode: normal;}
    ._320 section.depoimentos::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 139px; background: url("../img/flare-blue.svg") no-repeat center top / 1920px 139px; mix-blend-mode: screen; opacity: 0.49; user-select: none; pointer-events: none; z-index: 0;}
    ._320 section.depoimentos .centro{max-width: 440px;}
        ._320 section.depoimentos .centro h2{font-size: 36px; line-height: 40px; margin-bottom: 32px;}
        ._320 section.depoimentos .centro .mural{flex-direction: column; align-items: stretch; gap: 0; margin-bottom: 28px;}
            ._320 section.depoimentos .centro .mural ul{flex: none; gap: 24px; padding: 0 0 24px 32px;}
                ._320 section.depoimentos .centro .mural ul li p{font-size: 15px; line-height: 20px;}

/* O DIA */
._320 section.oDia{margin-top: -128px; padding: 0 24px 80px; background-position: 0 128px; background-size: 100% calc(100% - 128px);}
    ._320 section.oDia .centro{max-width: 440px;}
        ._320 section.oDia .centro .conteudo{gap: 32px; margin-bottom: 32px;}
                ._320 section.oDia .centro .conteudo .galeria figure{display: block; width: calc(50% - 8px); height: 180px;}
                ._320 section.oDia .centro .conteudo .galeria figure.principal{width: 100%; height: 260px;}
                    ._320 section.oDia .centro .conteudo .galeria figure.principal span.selo{right: 12px; bottom: 12px;}
                ._320 section.oDia .centro .conteudo .texto h2{font-size: 36px; line-height: 40px;}
                    ._320 section.oDia .centro .conteudo .texto h2 br{display: none;}
                ._320 section.oDia .centro .conteudo .texto > p{font-size: 16px; line-height: 24px;}
                    ._320 section.oDia .centro .conteudo .texto ol.agenda li p{font-size: 16px; line-height: 24px;}
        ._320 section.oDia .centro ul.beneficios{flex-direction: column; flex-wrap: nowrap; gap: 12px; margin-bottom: 32px;}
            ._320 section.oDia .centro ul.beneficios li{flex: none; align-items: center; width: 100%; min-height: 0; padding: 20px 24px 20px 20px;}

/* MOTIVOS */
/* padding-bottom inclui os 96px em que a foto da Andresa sobe */
._320 section.motivos{padding: 80px 24px 144px;}
    ._320 section.motivos::before{
        background:
            url("../img/reasons-sky.svg") no-repeat left top / 1920px 936px,
            radial-gradient(ellipse 640px 440px at 960px 360px, #182A53 0%, #182A5380 50%, #182A5300 100%),
            radial-gradient(ellipse 780px 480px at 960px 936px, #D727271F 0%, #D727270F 45%, #D7272700 100%),
            linear-gradient(0deg, #0E162D 0%, #060D1D 100%);
        background-blend-mode: normal;}
    ._320 section.motivos::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 139px; background: url("../img/flare-blue.svg") no-repeat center top / 1920px 139px; mix-blend-mode: screen; opacity: 0.49; user-select: none; pointer-events: none; z-index: 0;}
    ._320 section.motivos .centro{max-width: 440px;}
        ._320 section.motivos .centro span.sobretitulo{font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
        ._320 section.motivos .centro h2{font-size: 36px; line-height: 40px; margin-bottom: 28px;}
        ._320 section.motivos .centro ol.constelacao{gap: 32px; width: 100%; padding: 0 0 0 8px;}
            ._320 section.motivos .centro ol.constelacao li{column-gap: 24px; row-gap: 4px; align-items: start;}
                ._320 section.motivos .centro ol.constelacao li strong{font-size: 48px; line-height: 48px;}
                    ._320 section.motivos .centro ol.constelacao li strong::first-letter{font-size: 0;}
                ._320 section.motivos .centro ol.constelacao li h3{align-self: start; padding-right: 16px; font-size: 18px; line-height: 24px;}
                ._320 section.motivos .centro ol.constelacao li p{align-self: start; padding-right: 16px; font-size: 16px; line-height: 24px;}

/* ANDRESA */
/* empilhado: foto centralizada (sobe 96px sobre os motivos) e texto abaixo; desfaz o grid do sm */
._320 section.andresa{padding: 0 24px 80px;}
    ._320 section.andresa .centro{display: flex; flex-direction: column; align-items: center; gap: 32px; max-width: 440px; padding-top: 0;}
        ._320 section.andresa .centro figure.foto{width: 280px; max-width: 100%; height: 344px; margin-top: -96px;}
            ._320 section.andresa .centro figure.foto img{position: static; width: 100%; height: 100%; aspect-ratio: auto;}
        ._320 section.andresa .centro .texto{display: block; width: 100%;}
            ._320 section.andresa .centro .texto span.sobretitulo{font-size: 22px; font-weight: 800; line-height: 28px; margin-bottom: 20px;}
            ._320 section.andresa .centro .texto h2{font-size: 36px; line-height: 40px;}
            ._320 section.andresa .centro .texto p{font-size: 16px; line-height: 24px;}
            ._320 section.andresa .centro .texto p.destaque{font-size: 16px; line-height: 24px;}
            ._320 section.andresa .centro .texto ul.numeros{margin: 28px 0 0;}
                ._320 section.andresa .centro .texto ul.numeros li + li::before{top: 0;}
                    ._320 section.andresa .centro .texto ul.numeros li strong{font-size: 32px; line-height: 40px;}

/* INSCRICAO */
._320 section.inscricao{padding: 68px 24px 84px;}
    ._320 section.inscricao::before{
        background:
            url("../img/hero-constellations.svg") no-repeat center bottom / 960px 463px,
            radial-gradient(ellipse 295px 181px at 50% calc(100% - 127px), #0C56994D 0%, #0C569926 45%, #0C569900 100%),
            radial-gradient(ellipse 585px 362px at 50% calc(100% + 29px), #2D509D59 0%, #2D509D2B 45%, #2D509D00 100%);}
    ._320 section.inscricao::after{height: 61px; background-size: 1381px 61px; transform: scaleY(0.71); transform-origin: center bottom;}
    ._320 section.inscricao .centro{gap: 64px; max-width: 440px;}
        ._320 section.inscricao .centro::before{bottom: 115px; width: 478px; height: 140px;}
        ._320 section.inscricao .centro::after{bottom: 416px; width: 960px; height: 300px; background-size: 960px 463px;}
            ._320 section.inscricao .centro .publico h2{font-size: 36px; line-height: 40px;}
            ._320 section.inscricao .centro .publico span.sobretitulo{font-size: 12px; line-height: 16px; letter-spacing: 0.09em; margin-bottom: 32px;}
                ._320 section.inscricao .centro .publico ul li{gap: 12px; padding: 24px; text-align: center;}
        ._320 section.inscricao .centro .cadastro{gap: 32px;}
            ._320 section.inscricao .centro .cadastro .texto{padding: 0;}
                ._320 section.inscricao .centro .cadastro .texto h2{font-size: 36px; line-height: 40px; margin-bottom: 32px;}
                ._320 section.inscricao .centro .cadastro .texto > p{font-size: 16px; line-height: 24px; margin-bottom: 36px;}
                ._320 section.inscricao .centro .cadastro .texto ul.recebe{grid-template-columns: 1fr; gap: 16px; margin-bottom: 36px;}
                    ._320 section.inscricao .centro .cadastro .texto ul.recebe li{gap: 8px;}
                    ._320 section.inscricao .centro .cadastro .texto ul.recebe li:nth-of-type(3){margin-top: 8px;}
                ._320 section.inscricao .centro .cadastro .texto > em{text-align: left;}
            ._320 section.inscricao .centro .cadastro form{width: calc(100% + 16px); max-width: none; margin: 0 -8px; padding: 60px 20px 40px; border-radius: 16px;}
                ._320 section.inscricao .centro .cadastro form button.botaoEnviar{box-shadow: 0 8px 28px #D7272773, inset 0 2px 0 #FFFFFF40;}

/* DUVIDAS */
._320 section.duvidas{padding: 80px 24px;}
    ._320 section.duvidas .centro{max-width: 440px;}
        ._320 section.duvidas .centro h2{font-size: 36px; line-height: 40px; margin-bottom: 28px;}
        ._320 section.duvidas .centro ul.faq{margin-bottom: 28px;}
        ._320 section.duvidas .centro .contato{padding: 28px;}
            ._320 section.duvidas .centro .contato .canais{flex-direction: column; align-items: flex-start; gap: 12px;}

/* FECHAMENTO */
._320 section.fechamento{padding: 96px 24px;}
    ._320 section.fechamento .centro{max-width: 440px;}
        ._320 section.fechamento .centro h2{font-size: 40px; line-height: 44px;}
        ._320 section.fechamento .centro > p{font-size: 18px; line-height: 28px; margin-bottom: 24px;}
        ._320 section.fechamento .centro ul.dados{width: 100%; margin: 0 0 28px; padding: 12px 20px; background: #1D336399;}
            ._320 section.fechamento .centro ul.dados li{font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
                ._320 section.fechamento .centro ul.dados li:nth-of-type(2)::after{content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #4E74CD;}
                ._320 section.fechamento .centro ul.dados li:nth-of-type(3)::before{display: none;}
        ._320 section.fechamento .centro a.botaoCTA{width: 100%;}

/* FOOTER */
._320 footer{padding: 40px 24px;}
    ._320 footer .centro{max-width: 440px;}
        ._320 footer .centro .texto{align-items: center; width: 100%; text-align: center;}
            ._320 footer .centro .texto p.marca{flex-direction: column; gap: 0;}
                ._320 footer .centro .texto p.marca i{width: 0; height: 4px; opacity: 0;}
            ._320 footer .centro .texto p.links{flex-wrap: wrap; justify-content: center; gap: 0 12px;}

/* abaixo de 390: ajustes para as linhas que nao quebram (nowrap) caberem na largura util */
@media screen and (max-width: 389px) {
    ._320 section.topo .centro h2 strong{font-size: 40px; line-height: 44px;}
    ._320 section.faixa p{letter-spacing: 0.1em;}
    ._320 section.depoimentos .centro a.botaoCTA:link,
    ._320 section.depoimentos .centro a.botaoCTA:visited{gap: 8px; padding: 20px 12px;}
        ._320 section.depoimentos .centro a.botaoCTA b{letter-spacing: 0.02em;}
    ._320 section.andresa .centro .texto ul.numeros li{padding: 0 8px;}
    ._320 section.duvidas .centro .contato{padding: 28px 24px;}
}

/* seguranca para telas muito estreitas */
@media screen and (max-width: 359px) {
    ._320 main, ._320 footer{zoom: 0.9;}
}

}

/* ================================================================
   TESTE AB DO TOPO
   A = section.topo (regras la em cima) · B = section.topoB (Figma "topo 2") · C = section.topoC (Figma "topo 3")
   A versao vem de ?versao= (rotas inscricao-a | inscricao-b | inscricao-c no .htaccess da raiz).
   O HTML do topo e o mesmo nas tres versoes; muda so a classe da secao.
   Figma: secao topo-variants (5875:10538): topo 2 1920 (5708:21179) · topo 3 1920 (5708:21119)
          secao topo-variants-breakpoints-2026-11-09 (5816:10929): xl 1440, sm 768 e base 390 (no topo 2 o base e o frame "base 390 B (photo right)")
   Fotos de fundo: a arte inteira do Figma (photo-hero-bg, 1920x1000) exportada em um arquivo so por versao: topo-b.webp e topo-c.webp.
   No topo C o Figma usa a mesma arte ampliada e subida (2004x1044, 68px acima do topo no 1920)
   ================================================================ */

/* textos alternativos dos dados (span.alt no HTML): escondidos por padrao, inclusive no topo A. O topo B troca padrao/alt no sm e no base.
   O reset (estilos.css) zera o peso de todo span: aqui eles herdam o peso do item */
ul.dados li span,
p span.semSair{font-weight: inherit;}
ul.dados li span.alt{display: none;}

/* ---- B e C: o que e igual nas duas ---- */
section.topoB,
section.topoC{width: 100%; background: #060D1D; position: relative; z-index: 2; overflow: clip;}
    section.topoB::before,
    section.topoC::before{content: ''; display: block; position: absolute; background-repeat: no-repeat; user-select: none; pointer-events: none; z-index: 0;}
    section.topoB .centro,
    section.topoC .centro{display: flex; flex-direction: column; position: relative; z-index: 2;}
        section.topoB .centro .marca span.selo,
        section.topoC .centro .marca span.selo{display: block; border-radius: 999px; background: #060D1D;}
            section.topoB .centro .marca span.selo b,
            section.topoC .centro .marca span.selo b{display: block; font: 800 14px/16px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.12em; text-transform: uppercase; white-space: nowrap;}
        section.topoB .centro h2,
        section.topoC .centro h2{display: flex; flex-direction: column; text-transform: uppercase; text-shadow: 0 0 48px #3784FF8C; white-space: nowrap;}
            section.topoB .centro h2 em,
            section.topoC .centro h2 em{display: block; font: 400 40px/56px 'Raleway'; letter-spacing: 0.14em; color: #CDDCFF;}
            section.topoB .centro h2 strong,
            section.topoC .centro h2 strong{display: block; font: 900 96px/96px 'Raleway'; letter-spacing: -0.01em; color: #FFF;}
        section.topoB .centro ul.dados,
        section.topoC .centro ul.dados{display: flex; align-items: center; gap: 12px;}
            section.topoB .centro ul.dados li,
            section.topoC .centro ul.dados li{display: flex; align-items: center; gap: 12px; font: 800 16px/20px 'Raleway'; font-variant: lining-nums; letter-spacing: 0.1em; text-transform: uppercase; color: #FFF; white-space: nowrap;}
                section.topoB .centro ul.dados li::before,
                section.topoC .centro ul.dados li::before{content: ''; display: block; width: 4px; min-width: 4px; height: 4px; border-radius: 50%; background: #4E74CD;}
                section.topoB .centro ul.dados li:nth-of-type(2)::before,
                section.topoC .centro ul.dados li:nth-of-type(2)::before{display: none;}
                /* pilula branca (no topo A ela e vermelha) */
                section.topoB .centro ul.dados li.aoVivo,
                section.topoC .centro ul.dados li.aoVivo{gap: 8px; padding: 4px 12px; border-radius: 999px; background: #FFF; font-size: 15px; line-height: 16px; letter-spacing: 0.04em; color: #C81E1E;}
                    section.topoB .centro ul.dados li.aoVivo::before,
                    section.topoC .centro ul.dados li.aoVivo::before{width: 8px; min-width: 8px; height: 8px; background: #C81E1E; animation: aoVivo 1.6s ease-in-out infinite;}
                section.topoB .centro ul.dados li.formato,
                section.topoC .centro ul.dados li.formato{font-weight: 600; letter-spacing: 0.12em; color: #CDDCFF; opacity: 0.8;}
        section.topoB .centro > p,
        section.topoC .centro > p{display: block; width: 100%; font: 500 24px/36px 'Raleway'; color: #CDDCFF; text-shadow: 0 4px 20px #00000040;}
            section.topoB .centro > p b,
            section.topoC .centro > p b{font-weight: 800; color: #FFF;}
            section.topoB .centro > p strong,
            section.topoC .centro > p strong{font-weight: 800; color: #EC4040;}

/* ---- TOPO B (Figma "topo 2"): Andresa a esquerda, texto a direita alinhado a esquerda ---- */
/* --largura e a largura do bloco de texto. O titulo ocupa essa largura inteira: font-size = largura / 7.625 (732px -> 96px) */
section.topoB{--largura: 732px; min-height: 1000px; padding: 140px 48px 64px;}
    section.topoB::before{top: 0; left: 50%; transform: translateX(-50%); width: 1920px; height: 1000px; background-image: url("../img/topo-b.webp"); background-position: center top; background-size: 100% 100%;}
    section.topoB .centro{align-items: flex-start; width: var(--largura); max-width: 100%; margin: 0 max(0px, calc((100% - 1200px) / 2)) 0 auto;}
        section.topoB .centro .marca{display: flex; align-items: center; gap: 32px; margin-bottom: 56px;}
            section.topoB .centro .marca h1 figure img{width: 316px; height: 60px;}
            section.topoB .centro .marca span.selo{padding: 7px 27px; border: 1px solid #5FA3FFCC; box-shadow: 0 0 24px #197BFF4D;}
                section.topoB .centro .marca span.selo b{background: linear-gradient(90deg, #69ADFF99 0%, #69ADFF 55%, #69ADFF99 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
        section.topoB .centro h2{align-items: flex-start; margin-bottom: 16px;}
            section.topoB .centro h2 strong{font-size: calc(var(--largura) / 7.625); line-height: 1;}
        section.topoB .centro ul.dados{flex-wrap: wrap; gap: 8px 12px; width: 100%; margin-bottom: 64px;}
            section.topoB .centro ul.dados li.formato{font-size: 14px;}
        section.topoB .centro > p{margin-bottom: 48px;}
            section.topoB .centro > p br{display: none;}
        section.topoB .centro a.botaoCTA:link,
        section.topoB .centro a.botaoCTA:visited{padding: 20px 48px;}

/* ---- TOPO C (Figma "topo 3"): palco ao fundo, tudo centralizado ---- */
/* no frame 1920 a secao tem 944px (64 + conteudo 688 + 192) e a foto passa 68px acima do topo */
section.topoC{padding: 64px 48px 192px;}
    section.topoC::before{top: -68px; left: 50%; transform: translateX(-50%); width: 2004px; height: 1044px; background-image: url("../img/topo-c.webp"); background-position: center top; background-size: 100% 100%;}
    /* bg-fade do Figma: o pe da secao escurece (chao do palco) para nao marcar a emenda com a faixa */
    section.topoC::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 94px; background: linear-gradient(180deg, #02030700 0, #020307 55%); user-select: none; pointer-events: none; z-index: 1;}
    section.topoC .centro{align-items: center; width: 100%; max-width: 1006px; margin: 0 auto;}
        /* a linha azul passa por tras do selo, no meio da altura dele */
        section.topoC .centro .marca{display: flex; flex-direction: column; align-items: center; gap: 20px; width: 100%; background: linear-gradient(90deg, #2649850A 0%, #4583ED66 35%, #4583ED66 65.3%, #2649850A 100%) no-repeat center bottom 16px / 100% 1px;}
            section.topoC .centro .marca h1 figure img{width: 358px; height: 68px;}
            section.topoC .centro .marca span.selo{padding: 7px 35px; border: 1px solid #4B8FFFCC; box-shadow: 0 0 24px #197BFF33;}
                section.topoC .centro .marca span.selo b{color: #4B8FFF;}
        section.topoC .centro h2{align-items: center; margin: 56px 0 32px; text-align: center;}
            section.topoC .centro h2 em{margin-bottom: -8px;}
            section.topoC .centro h2 strong{font-size: 132px; line-height: 128px;}
        section.topoC .centro ul.dados{justify-content: center; width: 100%; padding: 12px 0; background: linear-gradient(90deg, #07102300 0%, #07102399 20%, #071023 35%, #071023 60%, #07102399 80%, #07102300 100%);}
        section.topoC .centro > p{padding: 0 88px; margin: 32px 0 40px; text-align: center;}

/* telas mais largas que a foto: ela fica no centro e as bordas se dissolvem no fundo, aos poucos, conforme a tela passa da largura dela (B: 1920px · C: 2004px) */
@media screen and (min-width: 1921px){
    section.topoB::before{background-image: linear-gradient(90deg, #060D1D 0, #060D1D00 min(240px, calc((100vw - 1920px) / 2)), #060D1D00 calc(100% - min(240px, calc((100vw - 1920px) / 2))), #060D1D 100%), url("../img/topo-b.webp");}
}
@media screen and (min-width: 2005px){
    section.topoC::before{background-image: linear-gradient(90deg, #060D1D 0, #060D1D00 min(240px, calc((100vw - 2004px) / 2)), #060D1D00 calc(100% - min(240px, calc((100vw - 2004px) / 2))), #060D1D 100%), url("../img/topo-c.webp");}
}

/* BREAKPOINT XL (1535px ate 1001px) */
@media screen and (max-width: 1535px){

/* TOPO B - a foto fica no tamanho do frame 1440 (1536x800) e presa ao texto: o braco da Andresa encosta sempre no comeco do titulo.
   Abaixo de ~1320px o bloco de texto encolhe (e o titulo junto) para ela nao ficar atras das letras */
._1000 section.topoB{--largura: clamp(540px, calc(59.17vw - 48px), 732px); min-height: 0; padding: 64px 48px 168px;}
    ._1000 section.topoB::before{top: -30px; left: min(0px, calc(100% - max(48px, (100% - 1200px) / 2) - var(--largura) - 588px)); transform: none; width: 1536px; height: 800px;}
        ._1000 section.topoB .centro .marca{flex-wrap: wrap; row-gap: 12px; margin-bottom: 48px;}
            ._1000 section.topoB .centro h2 em{font-size: 32px; line-height: 44px;}
        ._1000 section.topoB .centro ul.dados{margin-bottom: 32px;}
        ._1000 section.topoB .centro > p{margin-bottom: 40px;}
        ._1000 section.topoB .centro a.botaoCTA:link,
        ._1000 section.topoB .centro a.botaoCTA:visited{padding: 16px 48px;}
/* abaixo de 1320px o texto quebra em mais linhas e a secao passa da altura da foto: o pe da foto se dissolve no fundo para nao marcar a emenda */
@media screen and (max-width: 1319px){
    ._1000 section.topoB::before{background-image: linear-gradient(180deg, #060D1D00 calc(100% - 96px), #060D1D 100%), url("../img/topo-b.webp");}
}

/* TOPO C - foto do frame 1440 (1632x850, 60px acima do topo, centralizada); o pe da secao escurece nos ultimos 81px */
._1000 section.topoC{padding: 40px 48px 152px;}
    ._1000 section.topoC::before{top: -60px; width: 1632px; height: 850px;}
    ._1000 section.topoC::after{height: 81px;}
    ._1000 section.topoC .centro{max-width: 1200px;}
        /* no frame o bloco do titulo abraca a linha de dados (745px): a linha azul do selo e o fundo dos dados ficam com essa largura */
        ._1000 section.topoC .centro .marca{gap: 16px; max-width: 745px;}
            ._1000 section.topoC .centro .marca h1 figure img{width: 295px; height: 56px;}
        ._1000 section.topoC .centro h2{margin: 48px 0 16px;}
            ._1000 section.topoC .centro h2 strong{font-size: 96px; line-height: 96px;}
        ._1000 section.topoC .centro ul.dados{width: auto;}
        ._1000 section.topoC .centro > p{max-width: 880px; padding: 0; margin: 40px 0 48px;}
            ._1000 section.topoC .centro > p br.desktop{display: none;}

}


/* ---- MOBILE (sm 768) ---- */

/* TOPO B - foto em cima, texto embaixo. A arte acompanha a largura da tela na proporcao do frame 768 (foto de 1536px, 40px acima do topo e 24px para a esquerda; texto a 288px) */
/* conteudo de 640px (64px de margem no 768); abaixo de 768 a margem diminui ate 32px para a linha de dados e a marca continuarem em uma linha */
._320 section.topoB{min-height: 0; padding: 37.5vw max(32px, calc((100% - 640px) / 2)) 128px;}
    ._320 section.topoB::before{top: -5.208vw; left: -3.125vw; transform: none; width: 200vw; height: 104.167vw;}
    /* bg-fade do Figma: a foto se dissolve no fundo a partir de 180px (no 768) e fica opaca 206px depois */
    ._320 section.topoB::after{content: ''; display: block; position: absolute; top: 23.438vw; bottom: 0; left: 0; width: 100%; background: linear-gradient(180deg, #060D1D00 0, #060D1D 26.875vw); user-select: none; pointer-events: none; z-index: 1;}
    ._320 section.topoB .centro{width: 100%; max-width: 640px; margin: 0 auto;}
        ._320 section.topoB .centro .marca{flex-wrap: wrap; row-gap: 12px; margin-bottom: 24px;}
        ._320 section.topoB .centro h2{margin-bottom: 12px;}
            ._320 section.topoB .centro h2 em{font-size: 32px; line-height: 44px;}
            ._320 section.topoB .centro h2 strong{font-size: 64px; line-height: 64px;}
        /* dados mais curtos no sm: "Sexta-feira, 20/11" e "online, gratuito" */
        ._320 section.topoB .centro ul.dados{gap: 8px; padding-right: 8px; margin-bottom: 32px;}
            ._320 section.topoB .centro ul.dados li{gap: 8px; font-size: 14px; line-height: 20px; letter-spacing: 0.16em;}
                ._320 section.topoB .centro ul.dados li.aoVivo{font-size: 15px; line-height: 16px; letter-spacing: 0.04em;}
                ._320 section.topoB .centro ul.dados li.formato{letter-spacing: 0.12em;}
                ._320 section.topoB .centro ul.dados li.data span.padrao,
                ._320 section.topoB .centro ul.dados li.formato span.padrao{display: none;}
                ._320 section.topoB .centro ul.dados li.data span.alt,
                ._320 section.topoB .centro ul.dados li.formato span.alt{display: inline;}
        ._320 section.topoB .centro > p{font-size: 20px; line-height: 32px; margin-bottom: 32px;}
        ._320 section.topoB .centro a.botaoCTA:link,
        ._320 section.topoB .centro a.botaoCTA:visited{padding: 20px 24px;}

/* TOPO C - foto do frame 768 (1448x755, 44px acima do topo, centralizada). O frame tem 800px de altura: o botao fica sobre o palco e o resto e chao */
._320 section.topoC{min-height: 800px; padding: 48px 32px 0;}
    ._320 section.topoC::before{top: -44px; width: 1448px; height: 755px;}
    ._320 section.topoC::after{height: 138px;}
    ._320 section.topoC .centro{max-width: 704px;}
        ._320 section.topoC .centro .marca{gap: 12px;}
            ._320 section.topoC .centro .marca h1 figure img{width: 250.6px; height: 47.6px;}
        ._320 section.topoC .centro h2{margin: 56px 0 16px;}
            ._320 section.topoC .centro h2 em{font-size: 32px; line-height: 44px;}
            ._320 section.topoC .centro h2 strong{font-size: 64px; line-height: 64px;}
        /* dados em duas linhas centralizadas (pilula + data / horario · formato): a area util tem 392px, como no frame (156px de cada lado no 768) */
        ._320 section.topoC .centro ul.dados{flex-wrap: wrap; gap: 4px 8px; padding: 12px max(0px, calc(50% - 196px));}
            ._320 section.topoC .centro ul.dados li{gap: 8px; font-size: 14px; line-height: 20px; letter-spacing: 0.16em;}
                ._320 section.topoC .centro ul.dados li:nth-of-type(3)::before{display: none;}
                ._320 section.topoC .centro ul.dados li.aoVivo{font-size: 15px; line-height: 16px; letter-spacing: 0.04em;}
                ._320 section.topoC .centro ul.dados li.formato{letter-spacing: 0.12em;}
        ._320 section.topoC .centro > p{max-width: 536px; padding: 0; margin: 16px 0; font-size: 20px; line-height: 32px;}
        ._320 section.topoC .centro a.botaoCTA:link,
        ._320 section.topoC .centro a.botaoCTA:visited{padding: 20px 24px;}


/* ---- MOBILE (base 390) ---- */
@media screen and (max-width: 639px) {

/* TOPO B - Figma "topo 2 - base 390 B (photo right)": a Andresa inteira a direita (arte em 672x350, 4px abaixo do topo) e o texto em coluna a esquerda.
   A foto acompanha a borda direita do conteudo (no 390 ela comeca 217px antes dessa borda).
   Os dois degrades do Figma ficam na propria foto: bg-fade-side esconde a borda esquerda dela atras do texto e bg-fade dissolve o pe no fundo */
._320 section.topoB{min-height: 600px; padding: 24px 24px 40px;}
    ._320 section.topoB::before{top: 4px; left: calc(50% + min(50% - 24px, 220px) - 217px); width: 672px; height: 350px; background-image: linear-gradient(180deg, #060D1D00 242px, #060D1D 362px), linear-gradient(90deg, #060D1D 15px, #060D1D99 77px, #060D1D00 140px), url("../img/topo-b.webp");}
    ._320 section.topoB::after{display: none;}
    ._320 section.topoB .centro{max-width: 440px;}
        ._320 section.topoB .centro .marca{flex-direction: column; align-items: flex-start; gap: 8px; margin: 16px 0 64px;}
            ._320 section.topoB .centro .marca h1 figure img{width: 232px; height: 44px;}
            ._320 section.topoB .centro .marca span.selo{padding: 7px 15px;}
                ._320 section.topoB .centro .marca span.selo b{font-size: 12px; letter-spacing: 0.09em;}
        ._320 section.topoB .centro h2{margin-bottom: 20px;}
            ._320 section.topoB .centro h2 em{font-size: 18px; line-height: 24px;}
            ._320 section.topoB .centro h2 strong{font-size: 36px; line-height: 40px;}
        /* dados em grade de 2 colunas, sem os pontos e sem a pilula, em letra normal:
           Ao vivo Online | das 9h as 17h / Sexta-feira, 20/11 | online e gratuito (a ordem muda so aqui) */
        ._320 section.topoB .centro ul.dados{display: grid; grid-template-columns: 136px auto; gap: 0 16px; width: 100%; padding: 0; margin-bottom: 32px;}
            ._320 section.topoB .centro ul.dados li{gap: 8px; font: 600 14px/20px 'Raleway'; font-variant: lining-nums; letter-spacing: 0; text-transform: none; color: #FFF;}
                ._320 section.topoB .centro ul.dados li::before{display: none;}
                ._320 section.topoB .centro ul.dados li.aoVivo{order: 1; padding: 0; border-radius: 0; background: none; font-size: 14px; line-height: 20px; letter-spacing: 0; color: #FFF;}
                    ._320 section.topoB .centro ul.dados li.aoVivo::before{display: block;}
                ._320 section.topoB .centro ul.dados li.horario{order: 2; font-weight: 500; color: #CDDCFF;}
                ._320 section.topoB .centro ul.dados li.data{order: 3;}
                ._320 section.topoB .centro ul.dados li.formato{order: 4; font-weight: 500; letter-spacing: 0; color: #CDDCFF; opacity: 0.8;}
                ._320 section.topoB .centro ul.dados li.aoVivo span.padrao,
                ._320 section.topoB .centro ul.dados li.horario span.padrao,
                ._320 section.topoB .centro ul.dados li.formato span.alt{display: none;}
                ._320 section.topoB .centro ul.dados li.aoVivo span.alt,
                ._320 section.topoB .centro ul.dados li.horario span.alt,
                ._320 section.topoB .centro ul.dados li.formato span.padrao{display: inline;}
        /* a ultima frase sai no base: a grade de dados logo acima ja diz que e online e gratuito */
        ._320 section.topoB .centro > p{font-size: 16px; line-height: 24px; margin-bottom: 24px;}
            ._320 section.topoB .centro > p span.semSair{display: none;}
        ._320 section.topoB .centro a.botaoCTA:link,
        ._320 section.topoB .centro a.botaoCTA:visited{width: 100%; padding: 16px 24px;}

/* TOPO C - foto do frame 390 (1326x690, 36px acima do topo, centralizada); o selo e a linha azul continuam aparecendo */
._320 section.topoC{min-height: 0; padding: 40px 24px 120px;}
    ._320 section.topoC::before{top: -36px; width: 1326px; height: 690px;}
    ._320 section.topoC::after{height: 51px;}
    ._320 section.topoC .centro{max-width: 440px;}
        ._320 section.topoC .centro .marca{gap: 16px;}
            ._320 section.topoC .centro .marca h1 figure img{width: 274px; height: 52px;}
        ._320 section.topoC .centro h2{margin: 48px 0 12px;}
            ._320 section.topoC .centro h2 em{font-size: 24px; line-height: 32px;}
            ._320 section.topoC .centro h2 strong{font-size: 44px; line-height: 44px;}
        /* dados em duas linhas: pilula + data / horario · formato */
        ._320 section.topoC .centro ul.dados{gap: 8px 12px; padding: 8px 0;}
            ._320 section.topoC .centro ul.dados li{gap: 12px; font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
                ._320 section.topoC .centro ul.dados li.aoVivo{gap: 4px; padding: 4px 8px; box-shadow: 0 0 16px #D727278C; font-size: 12px; line-height: 16px; letter-spacing: 0.09em;}
                ._320 section.topoC .centro ul.dados li.formato{font-size: 12px;}
        ._320 section.topoC .centro > p{max-width: none; margin: 16px 0 32px; font-size: 16px; line-height: 24px;}

/* abaixo de 390: o titulo do topo C (nowrap) precisa caber na largura util, e os dados tambem (pilula + data na primeira linha). O titulo do topo B (36px) ja cabe */
@media screen and (max-width: 389px) {
    ._320 section.topoC .centro h2 strong{font-size: 40px; line-height: 44px;}
    ._320 section.topoC .centro ul.dados li{letter-spacing: 0.06em;}
}

}