:root{
    --bg-0:#020a14;
    --bg-1:#041223;
    --bg-2:#07203e;
    --bg-3:#0b3159;
    --blue:#7ccfff;
    --blue-2:#9adfff;
    --gold:#d8b86c;
    --text:#f6fbff;
    --muted:#b8c9d8;
    --line:rgba(146,212,255,.15);
    --card:rgba(7,31,58,.72);
    --card-2:rgba(8,41,73,.78);
    --shadow:0 24px 65px rgba(0,0,0,.28);
    --radius:28px;
    --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--text);
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    line-height:1.65;
    background:
        radial-gradient(circle at 14% 10%, rgba(76,155,215,.18), transparent 28%),
        radial-gradient(circle at 84% 24%, rgba(114,205,255,.10), transparent 26%),
        radial-gradient(circle at 48% 84%, rgba(33,93,155,.14), transparent 32%),
        linear-gradient(180deg,#020a14 0%,#04162b 38%,#071a31 62%,#020a14 100%);
    overflow-x:hidden;
}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}

.container{
    width:min(calc(100% - 32px), var(--container));
    margin-inline:auto;
}

.page-glow{
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:-1;
    background:
        radial-gradient(circle at 12% 22%, rgba(129,214,255,.08), transparent 30%),
        radial-gradient(circle at 80% 68%, rgba(66,147,215,.10), transparent 34%);
}

.site-header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(2,11,21,.74);
    backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:.25s ease;
}
.site-header.is-scrolled{
    border-bottom-color:var(--line);
    background:rgba(2,11,21,.90);
}
.header-row{
    min-height:86px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:26px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
}
.brand img{
    width:56px;
    height:56px;
    border-radius:50%;
    object-fit:cover;
}
.brand span{
    display:flex;
    flex-direction:column;
    line-height:1.02;
}
.brand strong{
    font-family:Georgia,"Times New Roman",serif;
    font-size:18px;
}
.brand small{
    margin-top:5px;
    font-size:11px;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--blue);
}
.main-nav{
    display:flex;
    justify-content:center;
    gap:28px;
}
.main-nav a{
    color:#d8e8f4;
    font-size:14px;
}
.menu-toggle{
    display:none;
    width:42px;
    height:42px;
    border:1px solid var(--line);
    border-radius:50%;
    background:rgba(255,255,255,.04);
    align-items:center;
    justify-content:center;
    gap:4px;
    flex-direction:column;
}
.menu-toggle span{
    width:17px;
    height:1px;
    background:#fff;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:12px 22px;
    border-radius:999px;
    border:1px solid transparent;
    transition:.2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{
    background:linear-gradient(135deg,#98dcff,#66b8ea);
    color:#041321;
    font-weight:700;
}
.btn-outline{
    border-color:rgba(146,212,255,.28);
    background:rgba(255,255,255,.03);
    color:#fff;
}
.btn-light{
    background:#fff;
    color:#071425;
    font-weight:700;
}
.btn-block{width:100%}
.header-whatsapp{min-width:120px}

.eyebrow{
    margin-bottom:16px;
    color:var(--blue);
    font-weight:700;
    font-size:12px;
    letter-spacing:.20em;
    text-transform:uppercase;
}
h1,h2,h3{
    margin-top:0;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:400;
    line-height:1.05;
}
h1 span,h2 span{color:var(--blue)}
h1{
    font-size:clamp(54px,7vw,90px);
    margin-bottom:24px;
}
h2{
    font-size:clamp(38px,5vw,62px);
    margin-bottom:18px;
}
h3{
    font-size:30px;
    margin:8px 0 12px;
}
.lead{
    max-width:660px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(20px,2.2vw,28px);
    color:#e7f3fc;
}
.lead-small{
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(21px,2vw,26px);
    color:#e5f1fa;
}
.support-copy,p{color:var(--muted)}

.home-hero{
    position:relative;
    min-height:770px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg, rgba(2,10,20,.97) 0%, rgba(2,10,20,.92) 28%, rgba(2,10,20,.58) 58%, rgba(2,10,20,.24) 78%, rgba(2,10,20,.58) 100%),
        linear-gradient(0deg, rgba(2,10,20,.88) 0%, rgba(2,10,20,.20) 30%),
        url("/static/img/hero/mae-conceicao-banner-mistico.webp");
    background-position:center, center, center;
    background-size:cover, cover, cover;
    overflow:hidden;
}
.home-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 18% 26%, rgba(102,188,236,.09), transparent 24%),
        radial-gradient(circle at 72% 76%, rgba(214,184,108,.06), transparent 22%);
}
.hero-content{
    position:relative;
    z-index:1;
    padding:110px 0 80px;
}
.hero-copy{
    max-width:670px;
}
.hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:28px;
}
.hero-badges{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:34px;
}
.badge-card{
    min-width:180px;
    padding:16px 18px;
    border:1px solid rgba(146,212,255,.18);
    border-radius:18px;
    background:rgba(3,19,37,.72);
    backdrop-filter:blur(10px);
}
.badge-card small{
    display:block;
    color:#aec3d6;
    font-size:11px;
    letter-spacing:.10em;
    text-transform:uppercase;
}
.badge-card strong{
    display:block;
    margin-top:4px;
    font-family:Georgia,serif;
    font-size:23px;
    color:var(--blue-2);
}

.section{padding:82px 0}
.tone-1{
    background:
        radial-gradient(circle at 88% 24%, rgba(72,154,215,.10), transparent 24%),
        linear-gradient(180deg, rgba(4,19,37,.62), rgba(2,12,24,.85));
}
.tone-2{
    background:
        radial-gradient(circle at 14% 30%, rgba(109,194,241,.12), transparent 24%),
        linear-gradient(135deg, rgba(3,15,28,.96), rgba(9,42,73,.72));
}
.tone-3{
    background:
        radial-gradient(circle at 84% 64%, rgba(94,183,231,.12), transparent 28%),
        linear-gradient(135deg, rgba(4,18,34,.90), rgba(7,34,62,.78));
}
.tone-4{
    background:
        radial-gradient(circle at 18% 54%, rgba(214,184,108,.08), transparent 24%),
        radial-gradient(circle at 82% 24%, rgba(92,182,229,.10), transparent 28%),
        linear-gradient(135deg, rgba(4,16,30,.92), rgba(8,32,58,.84));
}

.trust-strip{
    padding:0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:rgba(7,31,58,.46);
}
.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
}
.trust-grid > div{
    min-height:78px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 18px;
    font-size:14px;
    color:#dbe8f2;
    border-right:1px solid var(--line);
}
.trust-grid > div:last-child{border-right:0}
.trust-grid span{
    color:var(--blue);
    font-family:Georgia,serif;
    font-size:20px;
}

.section-head{
    max-width:780px;
    margin-bottom:34px;
}
.section-head.slim{max-width:700px}
.section-head p{max-width:680px}

.cards-3,.cards-4{
    display:grid;
    gap:18px;
}
.cards-3{grid-template-columns:repeat(3,1fr)}
.cards-4{grid-template-columns:repeat(4,1fr)}

.service-card{
    overflow:hidden;
    border:1px solid rgba(146,212,255,.12);
    border-radius:var(--radius);
    background:linear-gradient(160deg, rgba(9,43,75,.70), rgba(3,16,31,.92));
    box-shadow:var(--shadow);
}
.service-card img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
}
.service-body{
    padding:18px 20px 24px;
}
.service-body small{
    color:var(--blue);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size:10px;
    font-weight:700;
}
.service-body p{
    min-height:90px;
}
.text-link{
    color:var(--blue-2);
    font-weight:600;
}
.compact .service-body p{min-height:70px}

.form-section,
.split-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:44px;
    align-items:center;
}
.form-copy{max-width:520px}
.form-box{
    padding:28px;
    border:1px solid var(--line);
    border-radius:30px;
    background:linear-gradient(160deg, rgba(10,44,77,.76), rgba(2,15,29,.92));
    box-shadow:var(--shadow);
}
.contact-form .field,
.contact-form .field-row{margin-bottom:16px}
.contact-form .field-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.contact-form label{
    display:block;
    margin-bottom:7px;
    color:#e3eef8;
    font-size:13px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
    width:100%;
    border:1px solid rgba(171,219,255,.16);
    background:rgba(3,17,33,.84);
    color:#fff;
    border-radius:14px;
    padding:13px 14px;
    outline:0;
}
.contact-form input,
.contact-form select{height:50px}
.contact-form textarea{resize:vertical}
.form-note{
    display:block;
    margin-top:10px;
    text-align:center;
    color:#b5c6d6;
}

.price-box{
    display:inline-flex;
    flex-direction:column;
    gap:4px;
    margin-top:12px;
    padding:18px 20px;
    border-radius:22px;
    border:1px solid var(--line);
    background:rgba(146,212,255,.05);
}
.price-box small{color:#c2d2df}
.price-box strong{
    font-family:Georgia,serif;
    color:var(--blue-2);
    font-size:34px;
}

.steps-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.step-card{
    min-height:160px;
    padding:22px;
    border:1px solid rgba(146,212,255,.12);
    border-radius:24px;
    background:linear-gradient(145deg, rgba(8,40,72,.62), rgba(3,19,36,.82));
}
.step-card span{
    display:flex;
    width:36px;
    height:36px;
    border-radius:50%;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(146,212,255,.24);
    color:var(--blue);
    margin-bottom:18px;
    font-family:Georgia,serif;
}

.image-frame{
    border:1px solid rgba(146,212,255,.10);
    border-radius:30px;
    overflow:hidden;
    box-shadow:var(--shadow);
}
.image-frame img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.image-frame.tall img{
    aspect-ratio:4/5;
}

.certificate-box{
    margin-top:28px;
    padding:20px 22px;
    border:1px dashed rgba(146,212,255,.26);
    border-radius:22px;
    background:rgba(146,212,255,.04);
}
.certificate-box small{
    display:block;
    color:var(--blue);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.14em;
}
.certificate-box strong{
    display:block;
    margin:6px 0 8px;
    font-size:20px;
}

.duo-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}
.duo-grid img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    border-radius:24px;
    border:1px solid rgba(146,212,255,.10);
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.gallery-grid img{
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
    border-radius:22px;
    border:1px solid rgba(146,212,255,.10);
}
.gallery-grid.large{
    grid-template-columns:repeat(4,1fr);
}
.center-top{
    margin-top:24px;
    text-align:center;
}

.faq-wrap{max-width:940px}
.faq-list{
    border-top:1px solid var(--line);
}
.faq-list details{
    border-bottom:1px solid var(--line);
}
.faq-list summary{
    padding:22px 0;
    cursor:pointer;
    font-family:Georgia,serif;
    font-size:22px;
}
.faq-list p{
    margin:-4px 0 22px;
}

.page-hero{
    padding:92px 0 42px;
    background:
        radial-gradient(circle at 14% 24%, rgba(95,183,230,.12), transparent 24%),
        linear-gradient(180deg, rgba(4,20,38,.92), rgba(3,14,27,.95));
    border-bottom:1px solid var(--line);
}
.page-title{
    font-size:clamp(48px,6vw,76px);
    margin-bottom:16px;
}
.page-hero-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:22px;
}

.bullet-list{
    padding-left:18px;
    color:var(--muted);
}
.bullet-list li{margin-bottom:10px}

.final-cta{
    padding:58px 0;
    background:linear-gradient(120deg,#12395f,#0a2847);
    border-top:1px solid rgba(146,212,255,.20);
}
.final-cta-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.final-cta-row h2{
    margin-bottom:10px;
}
.final-cta-actions{
    display:flex;
    align-items:center;
    gap:18px;
}
.final-cta-actions strong{
    font-family:Georgia,serif;
    font-size:28px;
    color:var(--blue-2);
    white-space:nowrap;
}

.site-footer{
    padding:62px 0 22px;
    background:#020b14;
    border-top:1px solid var(--line);
}
.footer-grid{
    display:grid;
    grid-template-columns:1.3fr .9fr .9fr .9fr;
    gap:34px;
    padding-bottom:34px;
}
.footer-brand img{
    width:72px;
    height:72px;
    border-radius:50%;
    margin-bottom:14px;
}
.footer-brand p,
.footer-grid li a,
.footer-bottom span{
    color:var(--muted);
}
.footer-grid h4{
    margin:0 0 14px;
    color:var(--gold);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size:13px;
}
.footer-grid ul{
    list-style:none;
    padding:0;
    margin:0;
}
.footer-grid li{margin-bottom:10px}
.footer-mini{font-size:14px}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    gap:24px;
    padding:20px 0;
    border-top:1px solid rgba(255,255,255,.06);
    font-size:12px;
}
.footer-signature{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    padding-top:12px;
    border-top:1px solid rgba(255,255,255,.04);
}
.footer-signature span{color:#d0ddea}
.footer-signature a{
    font-weight:800;
    letter-spacing:.06em;
    color:#fff;
}

.whatsapp-float{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:55;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px 10px 10px;
    border-radius:999px;
    border:1px solid rgba(146,212,255,.22);
    background:rgba(4,22,42,.92);
    box-shadow:0 20px 44px rgba(0,0,0,.35);
}
.whatsapp-dot{
    width:40px;
    height:40px;
    border-radius:50%;
    background:linear-gradient(135deg,#8cdbff,#59afe4);
    box-shadow:0 0 0 8px rgba(89,175,228,.10);
}
.whatsapp-text{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}
.whatsapp-text small{
    color:#bfd3e3;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.whatsapp-text strong{
    margin-top:4px;
    color:#fff;
    font-size:14px;
}

@media (max-width: 1024px){
    .cards-4{grid-template-columns:repeat(2,1fr)}
    .cards-3{grid-template-columns:repeat(2,1fr)}
    .cards-3 .service-card:last-child{
        grid-column:1 / -1;
        max-width:50%;
    }
    .gallery-grid,.gallery-grid.large{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1fr 1fr}
}

@media (max-width: 900px){
    .header-row{
        grid-template-columns:auto auto;
        justify-content:space-between;
    }
    .menu-toggle{display:flex}
    .header-whatsapp{display:none}
    .main-nav{
        display:none;
        position:absolute;
        top:76px;
        left:16px;
        right:16px;
        flex-direction:column;
        padding:12px;
        border:1px solid var(--line);
        border-radius:20px;
        background:rgba(2,11,21,.97);
    }
    .main-nav.is-open{display:flex}
    .main-nav a{padding:12px}
    .form-section,
    .split-section{
        grid-template-columns:1fr;
        gap:28px;
    }
    .trust-grid{grid-template-columns:repeat(2,1fr)}
    .trust-grid > div:nth-child(2){border-right:0}
    .footer-bottom,
    .final-cta-row,
    .final-cta-actions{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width: 640px){
    .container{width:min(calc(100% - 24px), var(--container))}
    .home-hero{
        min-height:auto;
        background:
            linear-gradient(180deg, rgba(2,10,20,.64) 0%, rgba(2,10,20,.88) 52%, rgba(2,10,20,.96) 100%),
            url("/static/img/hero/mae-conceicao-banner-mistico.webp");
        background-position:center, 72% top;
        background-size:cover, cover;
    }
    .hero-content{padding:96px 0 54px}
    .hero-actions,
    .hero-badges,
    .page-hero-actions{
        flex-direction:column;
        align-items:stretch;
    }
    .section{padding:64px 0}
    .cards-3,.cards-4,.steps-grid,.contact-form .field-row,.duo-grid,.gallery-grid,.gallery-grid.large{
        grid-template-columns:1fr;
    }
    .cards-3 .service-card:last-child{max-width:none}
    .trust-grid{grid-template-columns:1fr}
    .trust-grid > div{
        border-right:0;
        border-bottom:1px solid var(--line);
    }
    .footer-grid{grid-template-columns:1fr}
    .whatsapp-text{display:none}
    .whatsapp-float{padding:8px}
}

/* === V3 MYSTIC PREMIUM START === */


/* ============================================================
   RITMO — MENOS ESPAÇO MORTO
   ============================================================ */

.section {
    padding:
        68px 0;
}


.section-head {
    margin-bottom:
        30px;
}


.page-hero {
    padding:
        76px 0
        38px;
}


/* ============================================================
   AZUL COM PROFUNDIDADE
   ============================================================ */

.tone-1 {
    background:
        radial-gradient(
            ellipse at 82% 18%,
            rgba(92, 184, 235, .09),
            transparent 31%
        ),
        radial-gradient(
            ellipse at 8% 92%,
            rgba(27, 82, 137, .13),
            transparent 29%
        ),
        linear-gradient(
            145deg,
            #020b16 0%,
            #05182d 49%,
            #020b15 100%
        );
}


.tone-2 {
    background:
        radial-gradient(
            ellipse at 18% 28%,
            rgba(105, 194, 240, .10),
            transparent 27%
        ),
        radial-gradient(
            ellipse at 88% 74%,
            rgba(17, 72, 126, .15),
            transparent 31%
        ),
        linear-gradient(
            125deg,
            #030c17,
            #082542 54%,
            #020a14
        );
}


.tone-3 {
    background:
        radial-gradient(
            ellipse at 78% 48%,
            rgba(112, 203, 248, .10),
            transparent 30%
        ),
        linear-gradient(
            125deg,
            #020b16 0%,
            #061b33 43%,
            #0a2f52 67%,
            #020a14 100%
        );
}


.tone-4 {
    background:
        radial-gradient(
            ellipse at 24% 50%,
            rgba(223, 188, 93, .11),
            transparent 28%
        ),
        radial-gradient(
            ellipse at 82% 27%,
            rgba(87, 178, 230, .10),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #020b14,
            #071c31 48%,
            #03111f
        );
}


/* ============================================================
   DOBRAS MÍSTICAS ALTERNADAS
   ============================================================ */

main > section:nth-of-type(3),
main > section:nth-of-type(5),
main > section:nth-of-type(7),
main > section:nth-of-type(9),
main > section:nth-of-type(11),
.final-contact-section {
    position: relative;
    overflow: hidden;
}


main > section:nth-of-type(3) > .container,
main > section:nth-of-type(5) > .container,
main > section:nth-of-type(7) > .container,
main > section:nth-of-type(9) > .container,
main > section:nth-of-type(11) > .container,
.final-contact-section > .container {
    position: relative;
    z-index: 2;
}


/* ---------- DOBRA 3: PARTÍCULAS / CÉU ---------- */

main > section:nth-of-type(3)::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    opacity: .42;

    background-image:

        radial-gradient(
            circle at 12% 24%,
            rgba(255,255,255,.75) 0 1px,
            transparent 1.7px
        ),

        radial-gradient(
            circle at 69% 31%,
            rgba(133,215,255,.65) 0 1px,
            transparent 1.8px
        ),

        radial-gradient(
            circle at 84% 72%,
            rgba(255,255,255,.55) 0 1px,
            transparent 1.7px
        ),

        radial-gradient(
            circle at 35% 78%,
            rgba(107,196,244,.6) 0 1px,
            transparent 1.8px
        );

    background-size:
        93px 93px,
        121px 121px,
        151px 151px,
        179px 179px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.3),
            #000,
            rgba(0,0,0,.35)
        );
}


/* ---------- DOBRA 5: ÓRBITAS ---------- */

main > section:nth-of-type(5)::before {

    content: "";

    position: absolute;

    width: 620px;
    height: 620px;

    right: -270px;
    top: -230px;

    border:
        1px solid
        rgba(131, 210, 253, .11);

    border-radius: 50%;

    box-shadow:

        0 0 0 65px
        rgba(129, 211, 255, .025),

        0 0 0 135px
        rgba(129, 211, 255, .018),

        0 0 110px
        rgba(79, 170, 226, .12);

    pointer-events: none;
}


main > section:nth-of-type(5)::after {

    content: "✦";

    position: absolute;

    right: 15%;
    top: 15%;

    color:
        rgba(151, 220, 255, .32);

    font-size: 38px;

    text-shadow:
        0 0 25px
        rgba(107, 200, 246, .33);

    animation:
        mystic-star-pulse
        4.5s ease-in-out infinite;
}


/* ---------- DOBRA OXUM: ÁGUA + DOURADO ---------- */

main > section:nth-of-type(7)::before {

    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    background:

        radial-gradient(
            circle at 72% 18%,
            rgba(231, 196, 101, .10),
            transparent 22%
        ),

        radial-gradient(
            ellipse at 30% 110%,
            transparent 0 29%,
            rgba(122, 208, 251, .07) 29.3% 29.8%,
            transparent 30.2% 38%,
            rgba(122, 208, 251, .045) 38.2% 38.6%,
            transparent 39%
        );

    opacity: .8;
}


main > section:nth-of-type(7)::after {

    content: "✦   ·   ✧   ·   ✦";

    position: absolute;

    top: 45px;
    right: 7%;

    letter-spacing: 16px;

    color:
        rgba(221, 187, 95, .28);

    font-size: 20px;
}


/* ---------- CANTINHO: NÉVOA / LUZ ---------- */

main > section:nth-of-type(9)::before {

    content: "";

    position: absolute;

    width: 760px;
    height: 440px;

    left: -280px;
    bottom: -240px;

    border-radius: 50%;

    pointer-events: none;

    background:
        radial-gradient(
            ellipse,
            rgba(116, 205, 250, .13),
            rgba(62, 139, 202, .035) 42%,
            transparent 71%
        );

    filter:
        blur(20px);

    transform:
        rotate(-10deg);
}


/* ---------- FAQ: CONSTELAÇÃO SUTIL ---------- */

main > section:nth-of-type(11)::before {

    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    opacity: .16;

    background:

        linear-gradient(
            26deg,
            transparent 49.7%,
            rgba(145, 214, 252, .2) 50%,
            transparent 50.3%
        )
        75% 20% / 190px 130px
        no-repeat,

        linear-gradient(
            -38deg,
            transparent 49.7%,
            rgba(145, 214, 252, .18) 50%,
            transparent 50.3%
        )
        78% 25% / 160px 140px
        no-repeat,

        radial-gradient(
            circle at 79% 19%,
            rgba(255,255,255,.9) 0 2px,
            transparent 2.6px
        ),

        radial-gradient(
            circle at 86% 31%,
            rgba(129,211,255,.8) 0 2px,
            transparent 2.6px
        ),

        radial-gradient(
            circle at 72% 37%,
            rgba(255,255,255,.7) 0 1.7px,
            transparent 2.4px
        );
}


/* ============================================================
   FORMULÁRIO FINAL
   ============================================================ */

.final-contact-section {

    border-top:
        1px solid
        rgba(145, 215, 255, .13);

    background:

        radial-gradient(
            circle at 82% 46%,
            rgba(95, 186, 234, .13),
            transparent 27%
        ),

        radial-gradient(
            circle at 14% 72%,
            rgba(218, 181, 87, .055),
            transparent 25%
        ),

        linear-gradient(
            125deg,
            #020a14,
            #08233f 52%,
            #020a14
        );
}


.mystic-final-orbit {

    position: absolute;

    width: 680px;
    height: 680px;

    top: 50%;
    right: -340px;

    transform:
        translateY(-50%);

    border-radius: 50%;

    border:
        1px solid
        rgba(135, 215, 255, .10);

    box-shadow:

        0 0 0 80px
        rgba(123, 205, 248, .018),

        0 0 0 165px
        rgba(123, 205, 248, .012);

    pointer-events: none;

    animation:
        mystic-orbit-breathe
        8s ease-in-out infinite;
}


.final-whatsapp-link {

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 11px;

    margin-top: 24px;
}


.final-whatsapp-link > span {

    color: var(--muted);

    font-size: 13px;
}


/* ============================================================
   WHATSAPP — ESFERA MÍSTICA
   ============================================================ */

.whatsapp-float {

    overflow: visible;

    min-height: 62px;

    padding:
        8px 15px
        8px 8px;

    background:
        linear-gradient(
            135deg,
            rgba(3, 17, 33, .96),
            rgba(7, 38, 68, .94)
        );

    border:
        1px solid
        rgba(131, 213, 255, .25);

    box-shadow:

        0 17px 45px
        rgba(0,0,0,.42),

        inset 0 0 22px
        rgba(100,190,239,.045);
}


.mystic-wa-orb {

    position: relative;

    width: 47px;
    height: 47px;

    flex:
        0 0 47px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.wa-core {

    position: relative;
    z-index: 5;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:

        radial-gradient(
            circle at 34% 27%,
            #dff6ff 0 5%,
            #97dcff 18%,
            #53abe0 55%,
            #165c96 100%
        );

    box-shadow:

        inset -7px -8px 12px
        rgba(1,26,52,.45),

        inset 5px 5px 11px
        rgba(255,255,255,.18),

        0 0 18px
        rgba(94,191,241,.55);

    animation:
        wa-core-float
        3.2s ease-in-out infinite;
}


.wa-star {

    color:
        rgba(3, 30, 54, .84);

    font-size: 14px;

    text-shadow:
        0 1px
        rgba(255,255,255,.25);
}


.wa-aura {

    position: absolute;

    inset: 2px;

    z-index: 1;

    border-radius: 50%;

    border:
        1px solid
        rgba(124,210,255,.3);

    box-shadow:

        0 0 18px
        rgba(87,185,238,.35),

        0 0 34px
        rgba(87,185,238,.18);

    animation:
        wa-aura-pulse
        2.3s ease-out infinite;
}


.wa-orbit {

    position: absolute;

    z-index: 3;

    left: 50%;
    top: 50%;

    border:
        1px solid
        rgba(167, 224, 255, .34);

    border-radius: 50%;

    transform-origin:
        center;
}


.wa-orbit::after {

    content: "";

    position: absolute;

    width: 4px;
    height: 4px;

    top: -2px;
    left: 50%;

    border-radius: 50%;

    background:
        #d9f4ff;

    box-shadow:
        0 0 9px
        #89d7ff;
}


.wa-orbit-one {

    width: 44px;
    height: 30px;

    margin:
        -15px 0 0 -22px;

    transform:
        rotate(28deg);

    animation:
        wa-orbit-one
        4.2s linear infinite;
}


.wa-orbit-two {

    width: 31px;
    height: 45px;

    margin:
        -22.5px 0 0 -15.5px;

    transform:
        rotate(-38deg);

    opacity: .65;

    animation:
        wa-orbit-two
        5.4s linear infinite reverse;
}


/* ============================================================
   STATUS MARKETING NO FOOTER
   ============================================================ */

.footer-signature {

    min-height: 78px;

    gap: 15px;
}


.status-brand {

    display: inline-flex;
    align-items: center;

    min-height: 50px;
}


.status-marketing-logo {

    display: block;

    width: auto;
    height: 51px;

    max-width: 270px;

    object-fit: contain;
}


.status-marketing-fallback {

    align-items: center;

    min-height: 45px;

    font-size: 20px;

    letter-spacing: .08em;

    color: white;
}


/* ============================================================
   GALERIA — ALINHAMENTO DEFINITIVO
   ============================================================ */

.gallery-grid {

    align-items: stretch;
}


.gallery-grid img {

    display: block;

    margin: 0 !important;

    width: 100%;

    aspect-ratio: 4 / 5;

    object-fit: cover;

    object-position:
        center top;
}


/* ============================================================
   ANIMAÇÕES
   ============================================================ */

@keyframes mystic-star-pulse {

    0%,
    100% {
        opacity: .28;
        transform:
            scale(.9)
            rotate(0deg);
    }

    50% {
        opacity: .8;
        transform:
            scale(1.18)
            rotate(18deg);
    }
}


@keyframes mystic-orbit-breathe {

    0%,
    100% {
        opacity: .48;
        transform:
            translateY(-50%)
            scale(.96);
    }

    50% {
        opacity: .82;
        transform:
            translateY(-50%)
            scale(1.04);
    }
}


@keyframes wa-core-float {

    0%,
    100% {
        transform:
            translateY(0)
            scale(1);
    }

    50% {
        transform:
            translateY(-2px)
            scale(1.035);
    }
}


@keyframes wa-aura-pulse {

    0% {
        opacity: .75;
        transform:
            scale(.78);
    }

    70% {
        opacity: .08;
        transform:
            scale(1.55);
    }

    100% {
        opacity: 0;
        transform:
            scale(1.7);
    }
}


@keyframes wa-orbit-one {

    from {
        transform:
            rotate(28deg)
            rotate(0deg);
    }

    to {
        transform:
            rotate(28deg)
            rotate(360deg);
    }
}


@keyframes wa-orbit-two {

    from {
        transform:
            rotate(-38deg)
            rotate(0deg);
    }

    to {
        transform:
            rotate(-38deg)
            rotate(360deg);
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 640px) {

    .section {
        padding:
            54px 0;
    }


    .status-marketing-logo {

        height: 40px;

        max-width: 220px;
    }


    .footer-signature {

        flex-direction: column;

        gap: 7px;
    }


    .mystic-final-orbit {

        opacity: .45;

        right: -500px;
    }


    .whatsapp-float {

        padding: 6px;
    }


    .mystic-wa-orb {

        width: 46px;
        height: 46px;
    }

}


@media (prefers-reduced-motion: reduce) {

    .wa-core,
    .wa-aura,
    .wa-orbit,
    .mystic-final-orbit,
    main > section:nth-of-type(5)::after {

        animation:
            none !important;
    }

}


/* === V3 MYSTIC PREMIUM END === */

/* === CERTIFICATION PREMIUM START === */


.certification-section {

    position: relative;

    overflow: hidden;

    border-top:
        1px solid
        rgba(145, 215, 255, .11);

    border-bottom:
        1px solid
        rgba(145, 215, 255, .08);

    background:

        radial-gradient(
            ellipse at 18% 25%,
            rgba(215, 183, 93, .09),
            transparent 25%
        ),

        radial-gradient(
            ellipse at 86% 72%,
            rgba(92, 183, 232, .12),
            transparent 31%
        ),

        linear-gradient(
            128deg,
            #020b15 0%,
            #071c34 47%,
            #092b4b 68%,
            #020a14 100%
        );
}


.certification-light {

    position: absolute;

    width: 760px;
    height: 760px;

    left: -420px;
    top: -410px;

    border-radius: 50%;

    pointer-events: none;

    border:
        1px solid
        rgba(217, 185, 98, .10);

    box-shadow:

        0 0 0 90px
        rgba(217, 185, 98, .018),

        0 0 0 180px
        rgba(217, 185, 98, .011),

        0 0 120px
        rgba(218, 185, 95, .08);
}


.certification-heading {

    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1.1fr .9fr;

    gap: 55px;

    align-items: end;

    margin-bottom: 38px;
}


.certification-heading h2 {

    margin-bottom: 0;
}


.certification-heading > p {

    max-width: 490px;

    margin:
        0 0 7px auto;
}


.certification-grid {

    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1.16fr .84fr;

    gap: 22px;

    align-items: stretch;
}


.certificate-document {

    display: flex;
    flex-direction: column;

    padding: 13px;

    border:
        1px solid
        rgba(147, 215, 255, .13);

    border-radius: 28px;

    background:

        linear-gradient(
            145deg,
            rgba(9, 38, 68, .76),
            rgba(2, 15, 29, .91)
        );

    box-shadow:
        0 26px 64px
        rgba(0,0,0,.22);

    transition:

        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}


.certificate-document:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(148, 218, 255, .34);

    box-shadow:
        0 30px 74px
        rgba(0,0,0,.30);
}


.certificate-paper {

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 430px;

    padding: 20px;

    overflow: hidden;

    border-radius: 20px;

    background:

        radial-gradient(
            circle at 50% 30%,
            rgba(255,255,255,.08),
            transparent 46%
        ),

        rgba(255,255,255,.025);
}


.certificate-document-main
.certificate-paper {

    min-height: 500px;
}


.certificate-paper::before {

    content: "";

    position: absolute;
    inset: 0;

    pointer-events: none;

    box-shadow:
        inset 0 0 55px
        rgba(89, 178, 227, .08);
}


.certificate-paper img {

    position: relative;
    z-index: 2;

    display: block;

    max-width: 100%;
    max-height: 500px;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 5px;

    box-shadow:
        0 18px 42px
        rgba(0,0,0,.32);
}


.certificate-meta {

    padding:
        18px 11px
        11px;
}


.certificate-meta small {

    display: block;

    color: var(--gold);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;
}


.certificate-meta strong {

    display: block;

    margin:
        4px 0 4px;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 400;
}


.certificate-meta span {

    color: var(--muted);

    font-size: 12px;
}


.certification-note {

    position: relative;
    z-index: 2;

    max-width: 720px;

    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 25px;

    color: var(--muted);
}


.certification-note p {

    margin: 0;

    font-size: 13px;
}


.certification-symbol {

    color: var(--gold);

    font-size: 18px;
}


.certification-action {

    position: relative;
    z-index: 2;

    margin-top: 27px;
}


.certification-about {

    border-bottom: 0;
}


.certification-grid-about {

    max-width: 940px;

    grid-template-columns:
        repeat(2,1fr);
}


@media (max-width: 900px) {

    .certification-heading,
    .certification-grid,
    .certification-grid-about {

        grid-template-columns:
            1fr;
    }


    .certification-heading {

        gap: 12px;
    }


    .certification-heading > p {

        margin-left: 0;
    }


    .certificate-paper,
    .certificate-document-main
    .certificate-paper {

        min-height: 380px;
    }

}


@media (max-width: 640px) {

    .certificate-document {

        border-radius: 20px;
    }


    .certificate-paper {

        min-height: 0;

        padding: 12px;
    }


    .certificate-paper img {

        max-height: none;

        width: 100%;
    }

}


/* === CERTIFICATION PREMIUM END === */