/* ==========================================================
   AD LIFESTYLE V2
   THEMES.CSS
   Dynamic Product Visual Themes
   ========================================================== */


/* ==========================================================
   TRANSIÇÃO GLOBAL DE TEMA
   ========================================================== */

body{

    transition:
        background .8s ease,
        color .6s ease;

}

body,
.navbar,
.card,
.bento-card,
.hero,
.showcase,
.btn-primary,
.service-icon{

    transition:
        background .6s ease,
        color .6s ease,
        border-color .6s ease,
        box-shadow .6s ease;

}


/* ==========================================================
   TEMA PADRÃO — AD LIFESTYLE
   ========================================================== */

body[data-theme="default"]{

    background:var(--background);

}

body[data-theme="default"] .hero{

    background:var(--hero-gradient);

}

body[data-theme="default"] .product-glow{

    opacity:.28;

}

body[data-theme="default"] .orb{

    background:rgba(198,163,90,.25);

}


/* ==========================================================
   ANGEL MOON
   ========================================================== */

body[data-theme="angel"]{

    background:#FCF8FF;

}

body[data-theme="angel"] .hero{

    background:
        radial-gradient(circle at top right,#E9D5FF,transparent 35%),
        radial-gradient(circle at bottom left,#F3E8FF,transparent 35%),
        var(--hero-gradient);

}

body[data-theme="angel"] .product-glow{

    background:
        radial-gradient(circle,#8B5CF6,transparent 72%);

    opacity:.45;

}

body[data-theme="angel"] .service-icon{

    background:rgba(139,92,246,.12);

}

body[data-theme="angel"] .card::after{

    background:#8B5CF6;

}

body[data-theme="angel"] .orb{

    background:#C4B5FD;

}

body[data-theme="angel"] .blob{

    opacity:.26;

}


/* Fundo decorativo */

body[data-theme="angel"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background:
        radial-gradient(circle at 20% 20%,rgba(167,139,250,.08),transparent 30%),
        radial-gradient(circle at 80% 70%,rgba(139,92,246,.08),transparent 30%);

    z-index:-1;

}


/* ==========================================================
   AD LIFESTYLE V2
   EZENO
   THEME — CREAM / GOLD / RED / GREEN
   ========================================================== */

body[data-theme="ezeno"]{

    --ezeno-gold:
        #D8A62A;

    --ezeno-gold-light:
        #F1C95B;

    --ezeno-champagne:
        #E9D39A;

    --ezeno-cream:
        #FFF3D5;

    --ezeno-ivory:
        #FAF7ED;

    --ezeno-red:
        #D71920;

    --ezeno-red-dark:
        #A91418;

    --ezeno-green:
        #4D812B;

    --ezeno-green-light:
        #6B9638;

    --ezeno-brown:
        #8A5A24;

    --ezeno-dark:
        #332516;


    background:
        #FFF3D5 !important;

    color:
        #332516 !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="ezeno"]{

    background:

        radial-gradient(
            circle at 88% 5%,
            rgba(216,166,42,.10),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 45%,
            rgba(77,129,43,.08),
            transparent 30%
        ),

        #FFF3D5 !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="ezeno"] .navbar{

    background:
        rgba(51,37,22,.96) !important;

    border-bottom:
        1px solid
        rgba(241,201,91,.22) !important;

}


body[data-theme="ezeno"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="ezeno"] .navbar a:hover{

    color:
        #F1C95B !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="ezeno"] .hero{

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(241,201,91,.24),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 82%,
            rgba(77,129,43,.17),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #332516,
            #8A5A24,
            #D8A62A
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="ezeno"] .hero h1,
body[data-theme="ezeno"] .hero h2,
body[data-theme="ezeno"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="ezeno"] .hero p{

    color:
        rgba(255,255,255,.84) !important;

}


body[data-theme="ezeno"] .hero-title span{

    color:
        #F1C95B !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F1C95B !important;

}


/* ==========================================================
   BADGE
   ========================================================== */

body[data-theme="ezeno"] .badge{

    color:
        #F1C95B !important;

    background:
        rgba(241,201,91,.12) !important;

    border:
        1px solid
        rgba(241,201,91,.34) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="ezeno"] .hero .btn-primary,
body[data-theme="ezeno"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #D8A62A,
            #F1C95B
        ) !important;

    color:
        #332516 !important;

}


body[data-theme="ezeno"] .hero .btn-glass,
body[data-theme="ezeno"] .showcase .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="ezeno"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.46),
            rgba(77,129,43,.16) 42%,
            transparent 72%
        ) !important;

    opacity:
        .95 !important;

}


/* ==========================================================
   BLOBS
   ========================================================== */

body[data-theme="ezeno"] .blob-1{

    background:
        #D8A62A !important;

}


body[data-theme="ezeno"] .blob-2{

    background:
        #4D812B !important;

}


body[data-theme="ezeno"] .blob-3{

    background:
        #F1C95B !important;

}


/* ==========================================================
   ORB
   ========================================================== */

body[data-theme="ezeno"] .orb{

    background:
        #D8A62A !important;

}


/* ==========================================================
   TEXTURE
   ========================================================== */

body[data-theme="ezeno"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(216,166,42,.08) 1px,
            transparent 1px
        );

    background-size:
        36px 36px;

    opacity:
        .28;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="ezeno"] ::selection{

    background:
        #D8A62A !important;

    color:
        #332516 !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="ezeno"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #4D812B,
            #D8A62A,
            #D71920
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   ZENBRU
   THEME — YELLOW / ORANGE / COFFEE / GREEN
   ========================================================== */

body[data-theme="zenbru"]{

    --zenbru-yellow:#F7C51E;
    --zenbru-gold:#F2A900;
    --zenbru-orange:#E87516;
    --zenbru-terracotta:#B9361C;

    --zenbru-coffee:#572512;
    --zenbru-dark:#32150B;
    --zenbru-caramel:#A95720;

    --zenbru-green:#557B28;

    --zenbru-cream:#FFF1C9;
    --zenbru-ivory:#FFF8E8;


    background:
        #FFF1C9 !important;

    color:
        #32150B !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="zenbru"]{

    background:

        radial-gradient(
            circle at 88% 6%,
            rgba(247,197,30,.12),
            transparent 28%
        ),

        radial-gradient(
            circle at 7% 48%,
            rgba(85,123,40,.08),
            transparent 28%
        ),

        #FFF1C9 !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="zenbru"] .navbar{

    background:
        rgba(50,21,11,.97) !important;

    border-bottom:
        1px solid
        rgba(247,197,30,.20) !important;

}


body[data-theme="zenbru"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="zenbru"] .navbar a:hover{

    color:
        #F7C51E !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="zenbru"] .hero{

    background:

        radial-gradient(
            circle at 30% 30%,
            rgba(247,197,30,.24),
            transparent 28%
        ),

        radial-gradient(
            circle at 75% 25%,
            rgba(232,117,22,.28),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #32150B,
            #572512,
            #E87516
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="zenbru"] .hero h1,
body[data-theme="zenbru"] .hero h2,
body[data-theme="zenbru"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="zenbru"] .hero p{

    color:
        rgba(255,255,255,.84) !important;

}


body[data-theme="zenbru"] .hero-title span{

    color:
        #F7C51E !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F7C51E !important;

}


/* ==========================================================
   BADGE
   ========================================================== */

body[data-theme="zenbru"] .badge{

    color:
        #F7C51E !important;

    background:
        rgba(247,197,30,.11) !important;

    border:
        1px solid
        rgba(247,197,30,.34) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="zenbru"] .hero .btn-primary,
body[data-theme="zenbru"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #F7C51E,
            #F2A900
        ) !important;

    color:
        #32150B !important;

}


body[data-theme="zenbru"] .hero .btn-glass,
body[data-theme="zenbru"] .showcase .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="zenbru"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(247,197,30,.48),
            rgba(232,117,22,.23) 42%,
            transparent 72%
        ) !important;

    opacity:
        .95 !important;

}


/* ==========================================================
   BLOBS
   ========================================================== */

body[data-theme="zenbru"] .blob-1{

    background:
        #F7C51E !important;

}


body[data-theme="zenbru"] .blob-2{

    background:
        #E87516 !important;

}


body[data-theme="zenbru"] .blob-3{

    background:
        #557B28 !important;

}


/* ==========================================================
   ORB
   ========================================================== */

body[data-theme="zenbru"] .orb{

    background:
        #F7C51E !important;

}


/* ==========================================================
   TEXTURE
   ========================================================== */

body[data-theme="zenbru"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(247,197,30,.08) 1px,
            transparent 1px
        );

    background-size:
        36px 36px;

    opacity:
        .25;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="zenbru"] ::selection{

    background:
        #F7C51E !important;

    color:
        #32150B !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="zenbru"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #B9361C,
            #E87516,
            #F7C51E
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   ALPHA VMAX
   FINAL PAGE OVERRIDE
   BLUE / GOLD ONLY
   ========================================================== */


/* ==========================================================
   IDENTIDADE
   ========================================================== */

.page-alpha{

    --alpha-blue: #0347B3;
    --alpha-blue-dark: #02389E;
    --alpha-blue-light: #1D5DC4;

    --alpha-gold: #D8A74D;
    --alpha-gold-light: #F4D681;
    --alpha-gold-dark: #B98732;

    --alpha-white: #EEF2F8;
    --alpha-navy: #0D265E;

    --alpha-text: #10285F;
    --alpha-text-soft: #4C5F7D;

    --alpha-surface: #FFFFFF;
    --alpha-surface-soft: #F2F6FC;

}


/* ==========================================================
   PÁGINA
   ========================================================== */

.page-alpha{

    background:
        #EEF2F8 !important;

    color:
        #10285F !important;

}


/* ==========================================================
   TODOS OS ELEMENTOS DE TEXTO
   ========================================================== */

.page-alpha p,
.page-alpha .text,
.page-alpha .lead{

    color:
        #10285F !important;

}


.page-alpha h1,
.page-alpha h2,
.page-alpha h3,
.page-alpha h4,
.page-alpha h5,
.page-alpha h6{

    color:
        #0D265E !important;

}


.page-alpha .section-title{

    color:
        #0D265E !important;

}


.page-alpha .label{

    color:
        #0347B3 !important;

}


/* ==========================================================
   HERO — EXCEPÇÃO: FUNDO ESCURO
   ========================================================== */

.page-alpha .alpha-hero{

    background:

        radial-gradient(
            circle at 85% 18%,
            rgba(216,167,77,.18),
            transparent 28%
        ),

        radial-gradient(
            circle at 12% 85%,
            rgba(29,93,196,.25),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #071B4B,
            #02389E,
            #0347B3
        ) !important;

}


/* HERO TEXT */

.page-alpha .alpha-hero h1,
.page-alpha .alpha-hero h2,
.page-alpha .alpha-hero h3{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-hero p,
.page-alpha .alpha-hero .hero-sub{

    color:
        rgba(255,255,255,.82) !important;

}


.page-alpha .alpha-hero .section-title{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-hero .label{

    color:
        #F4D681 !important;

}


/* ==========================================================
   HERO TITLE GOLD
   ========================================================== */

.page-alpha .alpha-hero .hero-title span{

    color:
        #F4D681 !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F4D681 !important;

}


/* ==========================================================
   HERO HIGHLIGHTS
   ========================================================== */

.page-alpha .alpha-hero-highlights span{

    color:
        #FFFFFF !important;

}


/* ==========================================================
   HERO DISCLAIMER
   ========================================================== */

.page-alpha .alpha-disclaimer{

    color:
        rgba(255,255,255,.56) !important;

}


/* ==========================================================
   HERO BADGE
   ========================================================== */

.page-alpha .alpha-hero .badge{

    color:
        #F4D681 !important;

    background:
        rgba(216,167,77,.12) !important;

    border:
        1px solid
        rgba(244,214,129,.34) !important;

}


/* ==========================================================
   HERO BOTÕES
   ========================================================== */

.page-alpha .alpha-hero .btn-primary{

    background:
        linear-gradient(
            135deg,
            #D8A74D,
            #F4D681
        ) !important;

    color:
        #071B4B !important;

}


.page-alpha .alpha-hero .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

.page-alpha .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(216,167,77,.42),
            rgba(3,71,179,.20) 42%,
            transparent 72%
        ) !important;

}


/* ==========================================================
   CARDS CLAROS
   ========================================================== */

.page-alpha .card,
.page-alpha .service-card,
.page-alpha .alpha-ingredient-card,
.page-alpha .alpha-detail-card,
.page-alpha .bento-card,
.page-alpha .faq-item{

    background:
        #FFFFFF !important;

    color:
        #10285F !important;

    border-color:
        rgba(3,71,179,.15) !important;

}


/* CARD TITLES */

.page-alpha .card h3,
.page-alpha .service-card h3,
.page-alpha .alpha-ingredient-card h3,
.page-alpha .alpha-detail-card h3,
.page-alpha .bento-card h3{

    color:
        #0D265E !important;

}


/* CARD TEXT */

.page-alpha .card p,
.page-alpha .service-card p,
.page-alpha .alpha-ingredient-card p,
.page-alpha .alpha-detail-card p,
.page-alpha .bento-card p{

    color:
        #4C5F7D !important;

}


/* ==========================================================
   ICONES
   ========================================================== */

.page-alpha .service-icon{

    background:
        rgba(3,71,179,.08) !important;

    color:
        #0347B3 !important;

    border:
        1px solid
        rgba(216,167,77,.28) !important;

}


/* ==========================================================
   INFORMATION BOX
   ========================================================== */

.page-alpha .alpha-information{

    background:
        #FFFFFF !important;

    border-color:
        rgba(3,71,179,.15) !important;

}


.page-alpha .alpha-details-toggle{

    color:
        #0D265E !important;

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-details-toggle span:first-child{

    color:
        #0D265E !important;

}


.page-alpha .alpha-details-icon{

    background:
        #0347B3 !important;

    color:
        #FFFFFF !important;

}


.page-alpha
.alpha-information.active
.alpha-details-icon{

    background:
        #D8A74D !important;

    color:
        #0D265E !important;

}


/* ==========================================================
   DETAIL CARD
   ========================================================== */

.page-alpha .alpha-detail-card{

    background:
        #F2F6FC !important;

}


.page-alpha .alpha-detail-card h3{

    color:
        #0D265E !important;

}


.page-alpha .alpha-detail-card p{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-detail-card .label{

    color:
        #B98732 !important;

}


/* ==========================================================
   DETAIL LIST
   ========================================================== */

.page-alpha .alpha-detail-item{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-detail-item .icon-circle{

    background:
        rgba(3,71,179,.09) !important;

    color:
        #0347B3 !important;

}


/* ==========================================================
   BENEFITS
   ========================================================== */

.page-alpha .alpha-benefits{

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-benefits .section-title{

    color:
        #0D265E !important;

}


.page-alpha .alpha-benefits .text{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-benefits .icon-item{

    color:
        #10285F !important;

}


.page-alpha .alpha-benefits .icon-circle{

    background:
        rgba(3,71,179,.09) !important;

    color:
        #0347B3 !important;

}


/* ==========================================================
   BENTO CLARO
   ========================================================== */

.page-alpha .alpha-ingredients{

    background:
        #EEF2F8 !important;

}


.page-alpha .alpha-ingredients .bento-card{

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-ingredients .bento-card h3{

    color:
        #0D265E !important;

}


.page-alpha .alpha-ingredients .bento-card .text{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-ingredients .bento-card .label{

    color:
        #B98732 !important;

}


.page-alpha .alpha-bento-symbol{

    color:
        rgba(3,71,179,.055) !important;

}


/* ==========================================================
   USAGE
   ========================================================== */

.page-alpha .alpha-usage{

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-usage .section-title{

    color:
        #0D265E !important;

}


.page-alpha .alpha-usage .lead{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-usage .timeline-content{

    background:
        #F2F6FC !important;

}


.page-alpha .alpha-usage .timeline-content h3{

    color:
        #0D265E !important;

}


.page-alpha .alpha-usage .timeline-content p{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-usage .timeline-dot{

    background:
        #0347B3 !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 0 0 2px
        rgba(216,167,77,.40) !important;

}


.page-alpha .alpha-usage-note{

    background:
        rgba(3,71,179,.045) !important;

}


.page-alpha .alpha-usage-note .label{

    color:
        #B98732 !important;

}


.page-alpha .alpha-usage-note .text{

    color:
        #4C5F7D !important;

}


/* ==========================================================
   PERFORMANCE
   ESTA SECÇÃO É ESCURA
   ========================================================== */

.page-alpha .alpha-performance{

    background:

        radial-gradient(
            circle at 85% 15%,
            rgba(216,167,77,.16),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #071B4B,
            #02389E
        ) !important;

}


/* PERFORMANCE TEXT */

.page-alpha .alpha-performance h1,
.page-alpha .alpha-performance h2,
.page-alpha .alpha-performance h3{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-performance p,
.page-alpha .alpha-performance .text,
.page-alpha .alpha-performance .lead{

    color:
        rgba(255,255,255,.72) !important;

}


.page-alpha .alpha-performance .section-title{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-performance .label{

    color:
        #F4D681 !important;

}


/* PERFORMANCE CARDS */

.page-alpha .alpha-performance .bento-card{

    background:
        rgba(255,255,255,.06) !important;

    border:
        1px solid
        rgba(255,255,255,.12) !important;

}


/* MÉTRICAS */

.page-alpha .alpha-performance .metric-number{

    color:
        #F4D681 !important;

}


.page-alpha .alpha-performance .metric-label{

    color:
        rgba(255,255,255,.84) !important;

}


/* ==========================================================
   FAQ
   ========================================================== */

.page-alpha .alpha-faq{

    background:
        #EEF2F8 !important;

}


.page-alpha .alpha-faq .faq-item{

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-faq .faq-question{

    color:
        #0D265E !important;

    background:
        #FFFFFF !important;

}


.page-alpha .alpha-faq .faq-question span:first-child{

    color:
        #0D265E !important;

}


.page-alpha .alpha-faq .faq-question span:last-child{

    color:
        #B98732 !important;

}


.page-alpha .alpha-faq .faq-answer{

    color:
        #4C5F7D !important;

}


.page-alpha .alpha-faq .faq-answer p{

    color:
        #4C5F7D !important;

}


/* ==========================================================
   CTA — ESCURO
   ========================================================== */

.page-alpha .alpha-cta{

    background:
        #EEF2F8 !important;

}


.page-alpha .alpha-cta .showcase{

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(216,167,77,.18),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #071B4B,
            #02389E
        ) !important;

}


/* CTA TEXT */

.page-alpha .alpha-cta h1,
.page-alpha .alpha-cta h2,
.page-alpha .alpha-cta h3{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-cta .section-title{

    color:
        #FFFFFF !important;

}


.page-alpha .alpha-cta .lead{

    color:
        rgba(255,255,255,.72) !important;

}


.page-alpha .alpha-cta .badge{

    color:
        #F4D681 !important;

}


.page-alpha .alpha-cta-disclaimer{

    color:
        rgba(255,255,255,.52) !important;

}


/* CTA BOTÃO */

.page-alpha .alpha-cta .btn-primary{

    background:
        linear-gradient(
            135deg,
            #D8A74D,
            #F4D681
        ) !important;

    color:
        #071B4B !important;

}


.page-alpha .alpha-cta .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   LINK / HOVER
   ========================================================== */

.page-alpha a{

    color:
        #0347B3 !important;

}


.page-alpha a:hover{

    color:
        #B98732 !important;

}


/* ==========================================================
   ELIMINA QUALQUER VESTÍGIO DE CASTANHO ANTIGO
   ========================================================== */

.page-alpha,
.page-alpha *,
.page-alpha *::before,
.page-alpha *::after{

    --brown:
        transparent;

}


/* ==========================================================
   PROTECÇÃO CONTRA CORES ANTIGAS
   ========================================================== */

.page-alpha .card::after,
.page-alpha .service-card::after{

    background:
        linear-gradient(
            90deg,
            #0347B3,
            #D8A74D
        ) !important;

}


.page-alpha .orb{

    background:
        #D8A74D !important;

}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:700px){

    .page-alpha .alpha-hero{

        background:
            linear-gradient(
                180deg,
                #071B4B,
                #02389E
            ) !important;

    }

}
/* ==========================================================
   AD LIFESTYLE V2
   ALPHAMETA
   THEME — ORANGE / GOLD / RED / SILVER
   ========================================================== */

body[data-theme="alphameta"]{

    --alphameta-orange:
        #F1940A;

    --alphameta-orange-dark:
        #ED6407;

    --alphameta-gold:
        #FCC20C;

    --alphameta-gold-light:
        #F9D14A;

    --alphameta-red:
        #DF2107;

    --alphameta-red-dark:
        #A23404;

    --alphameta-silver:
        #B9B0B2;

    --alphameta-silver-light:
        #F0E9DF;

    --alphameta-brown:
        #471D0A;

    --alphameta-white:
        #FFFFFF;


    background:
        #FFFFFF !important;

    color:
        #471D0A !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="alphameta"]{

    background:

        radial-gradient(
            circle at 90% 5%,
            rgba(252,194,12,.10),
            transparent 28%
        ),

        radial-gradient(
            circle at 5% 45%,
            rgba(241,148,10,.07),
            transparent 30%
        ),

        #FFFFFF !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="alphameta"] .navbar{

    background:
        rgba(71,29,10,.96) !important;

    border-bottom:
        1px solid
        rgba(252,194,12,.22) !important;

}


body[data-theme="alphameta"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="alphameta"] .navbar a:hover{

    color:
        #F9D14A !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="alphameta"] .hero{

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(252,194,12,.25),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 82%,
            rgba(241,148,10,.26),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #471D0A 0%,
            #A23404 48%,
            #ED6407 100%
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="alphameta"] .hero h1,
body[data-theme="alphameta"] .hero h2,
body[data-theme="alphameta"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="alphameta"] .hero p{

    color:
        rgba(255,255,255,.84) !important;

}


body[data-theme="alphameta"] .hero-title span{

    color:
        #F9D14A !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F9D14A !important;

}


/* ==========================================================
   HERO BADGE
   ========================================================== */

body[data-theme="alphameta"] .badge{

    color:
        #F9D14A !important;

    background:
        rgba(252,194,12,.12) !important;

    border:
        1px solid
        rgba(249,209,74,.36) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="alphameta"] .hero .btn-primary,
body[data-theme="alphameta"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #FCC20C,
            #F9D14A
        ) !important;

    color:
        #471D0A !important;

    border:
        1px solid
        rgba(255,255,255,.28) !important;

}


body[data-theme="alphameta"] .hero .btn-glass,
body[data-theme="alphameta"] .showcase .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="alphameta"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(252,194,12,.48),
            rgba(241,148,10,.22) 42%,
            transparent 72%
        ) !important;

    opacity:
        .9 !important;

}


/* ==========================================================
   ORB / BLOB
   ========================================================== */

body[data-theme="alphameta"] .orb{

    background:
        #FCC20C !important;

}


body[data-theme="alphameta"] .blob{

    opacity:
        .22 !important;

}


body[data-theme="alphameta"] .blob-1{

    background:
        #FCC20C !important;

}


body[data-theme="alphameta"] .blob-2{

    background:
        #DF2107 !important;

}


body[data-theme="alphameta"] .blob-3{

    background:
        #F9D14A !important;

}


/* ==========================================================
   OLD TEXTURE
   ========================================================== */

body[data-theme="alphameta"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(252,194,12,.07) 1px,
            transparent 1px
        );

    background-size:
        36px 36px;

    opacity:
        .35;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="alphameta"] ::selection{

    background:
        #FCC20C !important;

    color:
        #471D0A !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="alphameta"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #DF2107,
            #FCC20C,
            #F1940A
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   MINOSEED
   THEME — CREAM / GOLD / RED / GREEN
   ========================================================== */

body[data-theme="minoseed"]{

    --minoseed-gold:
        #D8A62A;

    --minoseed-gold-light:
        #F1C95B;

    --minoseed-champagne:
        #E9D39A;

    --minoseed-cream:
        #FFF3D5;

    --minoseed-ivory:
        #FAF7ED;

    --minoseed-red:
        #D71920;

    --minoseed-red-dark:
        #A91418;

    --minoseed-green:
        #4D812B;

    --minoseed-green-light:
        #6B9638;

    --minoseed-brown:
        #8A5A24;

    --minoseed-dark:
        #332516;


    background:
        #FFF3D5 !important;

    color:
        #332516 !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="minoseed"]{

    background:

        radial-gradient(
            circle at 88% 5%,
            rgba(216,166,42,.10),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 45%,
            rgba(77,129,43,.08),
            transparent 30%
        ),

        #FFF3D5 !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="minoseed"] .navbar{

    background:
        rgba(51,37,22,.96) !important;

    border-bottom:
        1px solid
        rgba(241,201,91,.22) !important;

}


body[data-theme="minoseed"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="minoseed"] .navbar a:hover{

    color:
        #F1C95B !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="minoseed"] .hero{

    background:

        radial-gradient(
            circle at 82% 15%,
            rgba(241,201,91,.24),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 82%,
            rgba(77,129,43,.17),
            transparent 34%
        ),

        linear-gradient(
            135deg,
            #332516 0%,
            #8A5A24 42%,
            #D8A62A 100%
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="minoseed"] .hero h1,
body[data-theme="minoseed"] .hero h2,
body[data-theme="minoseed"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="minoseed"] .hero p{

    color:
        rgba(255,255,255,.84) !important;

}


body[data-theme="minoseed"] .hero-title span{

    color:
        #F1C95B !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F1C95B !important;

}


/* ==========================================================
   BADGE
   ========================================================== */

body[data-theme="minoseed"] .badge{

    color:
        #F1C95B !important;

    background:
        rgba(241,201,91,.12) !important;

    border:
        1px solid
        rgba(241,201,91,.34) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="minoseed"] .hero .btn-primary,
body[data-theme="minoseed"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #D8A62A,
            #F1C95B
        ) !important;

    color:
        #332516 !important;

}


body[data-theme="minoseed"] .hero .btn-glass,
body[data-theme="minoseed"] .showcase .btn-glass{

    background:
        rgba(255,255,255,.08) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="minoseed"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(241,201,91,.46),
            rgba(77,129,43,.16) 42%,
            transparent 72%
        ) !important;

    opacity:
        .9 !important;

}


/* ==========================================================
   BLOBS
   ========================================================== */

body[data-theme="minoseed"] .blob-1{

    background:
        #D8A62A !important;

}


body[data-theme="minoseed"] .blob-2{

    background:
        #4D812B !important;

}


body[data-theme="minoseed"] .blob-3{

    background:
        #F1C95B !important;

}


/* ==========================================================
   ORB
   ========================================================== */

body[data-theme="minoseed"] .orb{

    background:
        #D8A62A !important;

}


/* ==========================================================
   TEXTURE
   ========================================================== */

body[data-theme="minoseed"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(216,166,42,.08) 1px,
            transparent 1px
        );

    background-size:
        36px 36px;

    opacity:
        .28;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="minoseed"] ::selection{

    background:
        #D8A62A !important;

    color:
        #332516 !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="minoseed"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #4D812B,
            #D8A62A,
            #D71920
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   EVADOR
   THEME — BLACK / GOLD
   ========================================================== */

body[data-theme="evador"]{

    --evador-black:
        #080808;

    --evador-black-soft:
        #111111;

    --evador-black-light:
        #181818;

    --evador-gold:
        #D4AF37;

    --evador-gold-light:
        #F1D57A;

    --evador-gold-dark:
        #A67C16;

    --evador-champagne:
        #E7D39B;

    --evador-white:
        #FFFFFF;

    --evador-silver:
        #D8D8D8;


    background:
        #080808 !important;

    color:
        #FFFFFF !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="evador"]{

    background:

        radial-gradient(
            circle at 88% 6%,
            rgba(212,175,55,.10),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 50%,
            rgba(212,175,55,.06),
            transparent 30%
        ),

        #080808 !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="evador"] .navbar{

    background:
        rgba(8,8,8,.97) !important;

    border-bottom:
        1px solid
        rgba(212,175,55,.18) !important;

}


body[data-theme="evador"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="evador"] .navbar a:hover{

    color:
        #F1D57A !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="evador"] .hero{

    background:

        radial-gradient(
            circle at 80% 18%,
            rgba(212,175,55,.18),
            transparent 30%
        ),

        radial-gradient(
            circle at 12% 82%,
            rgba(255,255,255,.05),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #080808 0%,
            #181818 50%,
            #080808 100%
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="evador"] .hero h1,
body[data-theme="evador"] .hero h2,
body[data-theme="evador"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="evador"] .hero p{

    color:
        rgba(255,255,255,.78) !important;

}


body[data-theme="evador"] .hero-title span{

    color:
        #F1D57A !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #F1D57A !important;

}


/* ==========================================================
   BADGE
   ========================================================== */

body[data-theme="evador"] .badge{

    color:
        #F1D57A !important;

    background:
        rgba(212,175,55,.10) !important;

    border:
        1px solid
        rgba(241,213,122,.35) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="evador"] .hero .btn-primary,
body[data-theme="evador"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #D4AF37,
            #F1D57A
        ) !important;

    color:
        #080808 !important;

    border:
        1px solid
        rgba(255,255,255,.22) !important;

}


body[data-theme="evador"] .hero .btn-glass,
body[data-theme="evador"] .showcase .btn-glass{

    background:
        rgba(255,255,255,.05) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.18) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="evador"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(212,175,55,.45),
            rgba(212,175,55,.14) 42%,
            transparent 72%
        ) !important;

    opacity:
        .95 !important;

}


/* ==========================================================
   ORB / BLOBS
   ========================================================== */

body[data-theme="evador"] .orb{

    background:
        #D4AF37 !important;

}


body[data-theme="evador"] .blob-1{

    background:
        #D4AF37 !important;

}


body[data-theme="evador"] .blob-2{

    background:
        #F1D57A !important;

}


body[data-theme="evador"] .blob-3{

    background:
        #FFFFFF !important;

}


body[data-theme="evador"] .blob{

    opacity:
        .16 !important;

}


/* ==========================================================
   TEXTURE
   ========================================================== */

body[data-theme="evador"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(212,175,55,.075) 1px,
            transparent 1px
        );

    background-size:
        42px 42px;

    opacity:
        .20;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="evador"] ::selection{

    background:
        #D4AF37 !important;

    color:
        #080808 !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="evador"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #A67C16,
            #D4AF37,
            #F1D57A
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   ALPHASPIN ULTRA
   THEME — PURPLE / VIOLET / IRIDESCENT
   ========================================================== */

body[data-theme="alphaspin-ultra"]{

    --alphaspin-primary:
        #40225C;

    --alphaspin-secondary:
        #573475;

    --alphaspin-violet:
        #6E4790;

    --alphaspin-light:
        #885CAF;

    --alphaspin-lilac:
        #A57BCF;

    --alphaspin-silver-lilac:
        #B6BADF;

    --alphaspin-lavender:
        #D2DFAF;

    --alphaspin-lime:
        #D6E08B;

    --alphaspin-silver:
        #EEEEF1;

    --alphaspin-dark:
        #1F0E2F;


    background:
        #EEEEF1 !important;

    color:
        #1F0E2F !important;

}


/* ==========================================================
   BODY
   ========================================================== */

body[data-theme="alphaspin-ultra"]{

    background:

        radial-gradient(
            circle at 85% 5%,
            rgba(165,123,207,.14),
            transparent 30%
        ),

        radial-gradient(
            circle at 10% 45%,
            rgba(214,224,139,.12),
            transparent 28%
        ),

        #EEEEF1 !important;

}


/* ==========================================================
   NAVBAR
   ========================================================== */

body[data-theme="alphaspin-ultra"] .navbar{

    background:
        rgba(31,14,47,.96) !important;

    border-bottom:
        1px solid
        rgba(182,186,223,.20) !important;

}


body[data-theme="alphaspin-ultra"] .navbar a{

    color:
        rgba(255,255,255,.90) !important;

}


body[data-theme="alphaspin-ultra"] .navbar a:hover{

    color:
        #D6E08B !important;

}


/* ==========================================================
   HERO
   ========================================================== */

body[data-theme="alphaspin-ultra"] .hero{

    background:

        radial-gradient(
            circle at 30% 30%,
            rgba(214,224,139,.25),
            transparent 28%
        ),

        radial-gradient(
            circle at 70% 35%,
            rgba(165,123,207,.34),
            transparent 32%
        ),

        linear-gradient(
            135deg,
            #40225C 0%,
            #573475 35%,
            #885CAF 65%,
            #B6BADF 100%
        ) !important;

}


/* ==========================================================
   HERO TEXT
   ========================================================== */

body[data-theme="alphaspin-ultra"] .hero h1,
body[data-theme="alphaspin-ultra"] .hero h2,
body[data-theme="alphaspin-ultra"] .hero h3{

    color:
        #FFFFFF !important;

}


body[data-theme="alphaspin-ultra"] .hero p{

    color:
        rgba(255,255,255,.84) !important;

}


body[data-theme="alphaspin-ultra"] .hero-title span{

    color:
        #D6E08B !important;

    background:none !important;

    -webkit-background-clip:
        initial !important;

    background-clip:
        initial !important;

    -webkit-text-fill-color:
        #D6E08B !important;

}


/* ==========================================================
   BADGE
   ========================================================== */

body[data-theme="alphaspin-ultra"] .badge{

    color:
        #D6E08B !important;

    background:
        rgba(214,224,139,.10) !important;

    border:
        1px solid
        rgba(214,224,139,.34) !important;

}


/* ==========================================================
   BUTTONS
   ========================================================== */

body[data-theme="alphaspin-ultra"] .hero .btn-primary,
body[data-theme="alphaspin-ultra"] .showcase .btn-primary{

    background:

        linear-gradient(
            135deg,
            #D6E08B,
            #B6BADF
        ) !important;

    color:
        #1F0E2F !important;

    border:
        1px solid
        rgba(255,255,255,.28) !important;

}


body[data-theme="alphaspin-ultra"] .hero .btn-glass,
body[data-theme="alphaspin-ultra"] .showcase .btn-glass{

    background:
        rgba(31,14,47,.16) !important;

    color:
        #FFFFFF !important;

    border:
        1px solid
        rgba(255,255,255,.25) !important;

}


/* ==========================================================
   PRODUCT GLOW
   ========================================================== */

body[data-theme="alphaspin-ultra"] .product-glow{

    background:

        radial-gradient(
            circle,
            rgba(214,224,139,.48),
            rgba(165,123,207,.42) 36%,
            rgba(110,71,144,.22) 52%,
            transparent 72%
        ) !important;

    opacity:
        .95 !important;

}


/* ==========================================================
   BLOBS
   ========================================================== */

body[data-theme="alphaspin-ultra"] .blob-1{

    background:
        #D6E08B !important;

}


body[data-theme="alphaspin-ultra"] .blob-2{

    background:
        #A57BCF !important;

}


body[data-theme="alphaspin-ultra"] .blob-3{

    background:
        #B6BADF !important;

}


body[data-theme="alphaspin-ultra"] .blob{

    opacity:
        .25 !important;

}


/* ==========================================================
   ORB
   ========================================================== */

body[data-theme="alphaspin-ultra"] .orb{

    background:
        #D6E08B !important;

}


/* ==========================================================
   TEXTURE
   ========================================================== */

body[data-theme="alphaspin-ultra"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:

        radial-gradient(
            rgba(214,224,139,.10) 1px,
            transparent 1px
        );

    background-size:
        40px 40px;

    opacity:
        .28;

    z-index:
        -1;

}


/* ==========================================================
   SELECTION
   ========================================================== */

body[data-theme="alphaspin-ultra"] ::selection{

    background:
        #D6E08B !important;

    color:
        #1F0E2F !important;

}


/* ==========================================================
   SCROLLBAR
   ========================================================== */

body[data-theme="alphaspin-ultra"]::-webkit-scrollbar-thumb{

    background:

        linear-gradient(
            #40225C,
            #885CAF,
            #D6E08B
        ) !important;

}

/* ==========================================================
   AD LIFESTYLE V2
   iSMARTS3 THEME
   ========================================================== */

body[data-theme="ismarts3"]{

    --primary: #263A4D;
    --primary-dark: #20252B;
    --primary-light: #7894B0;

    --accent: #39D353;
    --accent-light: #67C96B;

    --secondary: #C9D9E9;

    --background: #FFFFFF;
    --surface: #F5F8FA;

    --text: #263A4D;
    --text-soft: #667585;

    --border: rgba(120,148,176,.15);

    --shadow:
        0 20px 60px rgba(38,58,77,.10);

}

/* iSMARTS3 page defaults */

body[data-theme="ismarts3"] #app{

    background:#FFFFFF;

}

body[data-theme="ismarts3"] .hero{

    color:#263A4D;

}

body[data-theme="ismarts3"] .card{

    color:#263A4D;

}

body[data-theme="ismarts3"] .text{

    color:#667585;

}

/* Ambiente tecnológico */

body[data-theme="ismarts3"]::before{

    content:"";

    position:fixed;

    inset:0;

    pointer-events:none;

    background-image:
        radial-gradient(
            rgba(59,130,246,.045) 1px,
            transparent 1px
        );

    background-size:34px 34px;

    z-index:-1;

}


/* ==========================================================
   GLASS ADAPTATIVO
   ========================================================== */

.glass{

    background:var(--glass-bg);

    backdrop-filter:blur(var(--glass-blur));

    border:1px solid var(--glass-border);

}

body[data-theme="alpha"] .glass{

    box-shadow:
        0 20px 60px rgba(0,0,0,.45);

}


/* ==========================================================
   BOTÕES TEMÁTICOS
   ========================================================== */

body[data-theme="angel"] .btn-primary{

    background:linear-gradient(135deg,#8B5CF6,#A78BFA);

}

body[data-theme="ezeno"] .btn-primary{

    background:linear-gradient(135deg,#16A34A,#4ADE80);

}

body[data-theme="zenbru"] .btn-primary{

    background:linear-gradient(135deg,#8B5A2B,#B07B45);

}

body[data-theme="alpha"] .btn-primary{

    background:linear-gradient(135deg,#D4AF37,#E7C85C);

    color:#18120E;

}


/* ==========================================================
   NOVOS BOTÕES TEMÁTICOS
   ========================================================== */

body[data-theme="alphameta"] .btn-primary{

    background:
        linear-gradient(
            135deg,
            #C6A35A,
            #E0C47A
        );

    color:#2B241A;

}

body[data-theme="minoseed"] .btn-primary{

    background:
        linear-gradient(
            135deg,
            #A67C52,
            #C5A27A
        );

    color:#FFFFFF;

}

body[data-theme="evador"] .btn-primary{

    background:
        linear-gradient(
            135deg,
            #B48A52,
            #D2B078
        );

    color:#33291F;

}

body[data-theme="alphaspin-ultra"] .btn-primary{

    background:
        linear-gradient(
            135deg,
            #4F8F8A,
            #72B5AE
        );

    color:#FFFFFF;

}

body[data-theme="ismarts3"] .btn-primary{

    background:
        linear-gradient(
            135deg,
            #3B82F6,
            #60A5FA
        );

    color:#FFFFFF;

}


/* ==========================================================
   SCROLLBAR TEMÁTICA
   ========================================================== */

body[data-theme="angel"]::-webkit-scrollbar-thumb{

    background:#8B5CF6;

}

body[data-theme="ezeno"]::-webkit-scrollbar-thumb{

    background:#16A34A;

}

body[data-theme="zenbru"]::-webkit-scrollbar-thumb{

    background:#8B5A2B;

}

body[data-theme="alpha"]::-webkit-scrollbar-thumb{

    background:#D4AF37;

}


/* ==========================================================
   NOVAS SCROLLBARS TEMÁTICAS
   ========================================================== */

body[data-theme="alphameta"]::-webkit-scrollbar-thumb{

    background:#C6A35A;

}

body[data-theme="minoseed"]::-webkit-scrollbar-thumb{

    background:#A67C52;

}

body[data-theme="evador"]::-webkit-scrollbar-thumb{

    background:#B48A52;

}

body[data-theme="alphaspin-ultra"]::-webkit-scrollbar-thumb{

    background:#4F8F8A;

}

body[data-theme="ismarts3"]::-webkit-scrollbar-thumb{

    background:#3B82F6;

}


/* ==========================================================
   SELECÇÃO DE TEXTO
   ========================================================== */

body[data-theme="angel"]::selection{

    background:rgba(139,92,246,.22);

}

body[data-theme="ezeno"]::selection{

    background:rgba(22,163,74,.22);

}

body[data-theme="zenbru"]::selection{

    background:rgba(139,90,43,.22);

}

body[data-theme="alpha"]::selection{

    background:rgba(212,175,55,.28);

    color:#FFF;

}


/* ==========================================================
   NOVAS SELECÇÕES TEMÁTICAS
   ========================================================== */

body[data-theme="alphameta"]::selection{

    background:rgba(198,163,90,.24);

    color:#2B241A;

}

body[data-theme="minoseed"]::selection{

    background:rgba(166,124,82,.22);

    color:#3A2B20;

}

body[data-theme="evador"]::selection{

    background:rgba(180,138,82,.22);

    color:#33291F;

}

body[data-theme="alphaspin-ultra"]::selection{

    background:rgba(79,143,138,.20);

    color:#183B39;

}

body[data-theme="ismarts3"]::selection{

    background:rgba(59,130,246,.20);

    color:#172554;

}

/* ==========================================================
   AD LIFESTYLE
   THEME.JS
   Dynamic Theme Engine
   ========================================================== */

const STORAGE_KEY = "ad-theme";


/* ==========================================================
   TEMAS GLOBAIS
   ========================================================== */

const themes = {

    default: {

        name:"default",

        primary:"#C6A35A",

        secondary:"#F6F1E8",

        accent:"#8A6A2F",

        surface:"#FFFFFF",

        background:"#F8F5F1",

        text:"#1F1A17",

        gradient:
            "linear-gradient(135deg,#F8F5F1,#EEE6D7)"

    },


    angel: {

        name:"angel",

        primary:"#D5B676",

        secondary:"#EFE3C8",

        accent:"#6E5930",

        surface:"#FFFFFF",

        background:"#FAF7EF",

        text:"#3E3322",

        gradient:
            "linear-gradient(135deg,#FFFDF8,#EFE3C8)"

    },


    ezeno: {

        name:"ezeno",

        primary:"#9B8354",

        secondary:"#DED7C7",

        accent:"#62563B",

        surface:"#FFFFFF",

        background:"#F8F6F0",

        text:"#3D372C",

        gradient:
            "linear-gradient(135deg,#FFFFFF,#DED7C7)"

    },


    zenbru: {

        name:"zenbru",

        primary:"#9B6B36",

        secondary:"#E3D1BB",

        accent:"#63411F",

        surface:"#FFFDF9",

        background:"#FAF6F1",

        text:"#3D2A1C",

        gradient:
            "linear-gradient(135deg,#FFF9F0,#E3D1BB)"

    },


    alpha: {

        name:"alpha",

        primary:"#897047",

        secondary:"#DDD4C4",

        accent:"#493923",

        surface:"#1B1814",

        background:"#100D0B",

        text:"#F5F2EA",

        gradient:
            "linear-gradient(135deg,#14110E,#29231C)"

    },


    alphameta: {

        name:"alphameta",

        primary:"#BC9B60",

        secondary:"#E9DFC9",

        accent:"#725A32",

        surface:"#FFFFFF",

        background:"#F9F6EF",

        text:"#403523",

        gradient:
            "linear-gradient(135deg,#FFFDF8,#E9DFC9)"

    },


    minoseed: {

        name:"minoseed",

        primary:"#AB8970",

        secondary:"#E8DDD4",

        accent:"#684E40",

        surface:"#FFFFFF",

        background:"#FAF7F4",

        text:"#40322B",

        gradient:
            "linear-gradient(135deg,#FFFFFF,#E8DDD4)"

    },


    evador: {

        name:"evador",

        primary:"#B39A70",

        secondary:"#E8DFCE",

        accent:"#68563A",

        surface:"#FFFFFF",

        background:"#FAF8F2",

        text:"#40372B",

        gradient:
            "linear-gradient(135deg,#FFFFFF,#E8DFCE)"

    },


    "alphaspin-ultra": {

        name:"alphaspin-ultra",

        primary:"#938970",

        secondary:"#DDDCD4",

        accent:"#555044",

        surface:"#FFFFFF",

        background:"#F5F4F0",

        text:"#38352F",

        gradient:
            "linear-gradient(135deg,#FFFFFF,#DDDCD4)"

    },


    ismarts3: {

        name:"ismarts3",

        primary:"#B09B6C",

        secondary:"#E7DFCD",

        accent:"#6C5A36",

        surface:"#FFFFFF",

        background:"#FAF7EF",

        text:"#403927",

        gradient:
            "linear-gradient(135deg,#FFFFFF,#E7DFCD)"

    }

};


/* ==========================================================
   TEMAS ESPECÍFICOS DO HERO
   ========================================================== */

const heroProductThemes = {

    angel: {

        tone:"#D5B676",

        atmosphere:"#EFE3C8",

        deep:"#65502A",

        surface:"#FFFDF8"

    },


    ezeno: {

        tone:"#9B8354",

        atmosphere:"#DED7C7",

        deep:"#5A4E35",

        surface:"#FDFCF8"

    },


    zenbru: {

        tone:"#9B6B36",

        atmosphere:"#E3D1BB",

        deep:"#64401F",

        surface:"#FFF9F2"

    },


    alpha: {

        tone:"#897047",

        atmosphere:"#DDD4C4",

        deep:"#55452F",

        surface:"#F7F4EC"

    },


    alphameta: {

        tone:"#BC9B60",

        atmosphere:"#E9DFC9",

        deep:"#6E572D",

        surface:"#FFFDF8"

    },


    minoseed: {

        tone:"#AB8970",

        atmosphere:"#E8DDD4",

        deep:"#654C3F",

        surface:"#FFFDFC"

    },


    evador: {

        tone:"#B39A70",

        atmosphere:"#E8DFCE",

        deep:"#675638",

        surface:"#FFFDF9"

    },


    "alphaspin-ultra": {

        tone:"#938970",

        atmosphere:"#DDDCD4",

        deep:"#555047",

        surface:"#FAFAF7"

    },


    ismarts3: {

        tone:"#B09B6C",

        atmosphere:"#E7DFCD",

        deep:"#675735",

        surface:"#FFFDF7"

    }

};


/* ==========================================================
   TEMA ACTUAL
   ========================================================== */

let currentTheme =
    "default";


/* ==========================================================
   APLICAR TEMA GLOBAL
   ========================================================== */

export function applyTheme(
    name="default"
){

    if(!themes[name]){

        name="default";

    }


    currentTheme =
        name;


    const theme =
        themes[name];


    const root =
        document.documentElement;


    root.style.setProperty(
        "--primary",
        theme.primary
    );


    root.style.setProperty(
        "--secondary",
        theme.secondary
    );


    root.style.setProperty(
        "--accent",
        theme.accent
    );


    root.style.setProperty(
        "--surface",
        theme.surface
    );


    root.style.setProperty(
        "--background",
        theme.background
    );


    root.style.setProperty(
        "--text",
        theme.text
    );


    root.style.setProperty(
        "--hero-gradient",
        theme.gradient
    );


    document.body.dataset.theme =
        name;


    saveTheme(
        name
    );


    animateTransition();

}


/* ==========================================================
   APLICAR TEMA DO HERO
   ========================================================== */

export function applyHeroProductTheme(
    name
){

    const page =
        document.querySelector(
            ".home-page"
        );


    if(!page){
        return;
    }


    if(
        !name ||
        !heroProductThemes[name]
    ){

        page.style.setProperty(
            "--home-hero-tone",
            "#B8924A"
        );


        page.style.setProperty(
            "--home-hero-atmosphere",
            "#EFE5D3"
        );


        page.style.setProperty(
            "--home-hero-deep",
            "#574423"
        );


        page.style.setProperty(
            "--home-hero-surface",
            "#FFFFFF"
        );


        return;
    }


    const theme =
        heroProductThemes[name];


    page.style.setProperty(
        "--home-hero-tone",
        theme.tone
    );


    page.style.setProperty(
        "--home-hero-atmosphere",
        theme.atmosphere
    );


    page.style.setProperty(
        "--home-hero-deep",
        theme.deep
    );


    page.style.setProperty(
        "--home-hero-surface",
        theme.surface
    );

}


/* ==========================================================
   OBTÉM TEMA
   ========================================================== */

export function getTheme(){

    return currentTheme;

}


/* ==========================================================
   TOGGLE / ALTERAÇÃO
   ========================================================== */

export function toggleTheme(
    name
){

    applyTheme(
        name
    );

}


/* ==========================================================
   GUARDAR
   ========================================================== */

function saveTheme(
    name
){

    try{

        localStorage.setItem(
            STORAGE_KEY,
            name
        );

    }catch(error){

        console.warn(
            "AD Lifestyle: não foi possível guardar o tema.",
            error
        );

    }

}


/* ==========================================================
   CARREGAR
   ========================================================== */

export function loadSavedTheme(){

    let saved =
        null;


    try{

        saved =
            localStorage.getItem(
                STORAGE_KEY
            );

    }catch(error){

        saved =
            null;

    }


    if(
        saved &&
        themes[saved]
    ){

        applyTheme(
            saved
        );

    }else{

        applyTheme(
            "default"
        );

    }

}


/* ==========================================================
   RESET
   ========================================================== */

export function resetTheme(){

    applyTheme(
        "default"
    );

}


/* ==========================================================
   ANIMAÇÃO
   ========================================================== */

function animateTransition(){

    document.body.classList.add(
        "theme-transition"
    );


    clearTimeout(
        window.__themeTimeout
    );


    window.__themeTimeout =
        setTimeout(
            ()=>{

                document.body.classList.remove(
                    "theme-transition"
                );

            },
            700
        );

}


/* ==========================================================
   PREVIEW DOS CARDS
   ========================================================== */

export function bindThemePreview(){

    const cards =
        document.querySelectorAll(
            "[data-theme-card]"
        );


    cards.forEach(
        card=>{

            const theme =
                card.dataset.themeCard;


            card.addEventListener(
                "mouseenter",
                ()=>{

                    previewTheme(
                        theme
                    );

                }
            );


            card.addEventListener(
                "mouseleave",
                ()=>{

                    applyTheme(
                        currentTheme
                    );

                }
            );

        }
    );

}


/* ==========================================================
   PREVIEW
   ========================================================== */

function previewTheme(
    name
){

    if(
        !themes[name]
    ){

        return;
    }


    const theme =
        themes[name];


    const root =
        document.documentElement;


    root.style.setProperty(
        "--primary",
        theme.primary
    );


    root.style.setProperty(
        "--secondary",
        theme.secondary
    );


    root.style.setProperty(
        "--accent",
        theme.accent
    );


    root.style.setProperty(
        "--hero-gradient",
        theme.gradient
    );

}


/* ==========================================================
   UTILITÁRIOS
   ========================================================== */

export function isDarkTheme(){

    return currentTheme === "alpha";

}


export function themeColor(){

    return themes[
        currentTheme
    ].primary;

}


export function allThemes(){

    return themes;

}


export function allHeroProductThemes(){

    return heroProductThemes;

}

           /* ==========================================================
   AD LIFESTYLE V2
   ALPHA SPIN STRAW
   PRODUCT THEME
   ========================================================== */

.page-alpha-spin-straw{

    --product-primary:#07543F;
    --product-primary-dark:#0D3F32;
    --product-primary-mid:#146B50;

    --product-accent:#C6A04D;
    --product-accent-dark:#92702F;

    --product-black:#151515;
    --product-silver:#BFC3C1;
    --product-white:#F7F7F5;

    --product-bg:#F7FAF8;
    --product-surface:#FFFFFF;
    --product-surface-soft:#EEF4F0;

    --product-text:#17382F;
    --product-muted:#64756F;

    --product-border:
        rgba(7,84,63,.13);

    background:
        var(--product-bg);

    color:
        var(--product-text);

}

/* ==========================================================
   BOTÃO PRINCIPAL
   ========================================================== */

.page-alpha-spin-straw .btn-primary{

    background:
        linear-gradient(
            135deg,
            var(--product-primary),
            var(--product-primary-mid)
        )
        !important;

    color:#FFFFFF !important;

    border-color:
        rgba(255,255,255,.06)
        !important;

}

.page-alpha-spin-straw .btn-primary:hover{

    background:
        linear-gradient(
            135deg,
            var(--product-primary-mid),
            var(--product-primary)
        )
        !important;

}

/* ==========================================================
   BOTÃO GLASS
   ========================================================== */

.page-alpha-spin-straw .btn-glass{

    background:
        rgba(255,255,255,.74)
        !important;

    color:
        var(--product-primary-dark)
        !important;

    border-color:
        rgba(7,84,63,.16)
        !important;

}

.page-alpha-spin-straw .btn-glass:hover{

    background:
        #FFFFFF
        !important;

    border-color:
        rgba(198,160,77,.38)
        !important;

}

/* ==========================================================
   SELEÇÃO DE TEXTO
   ========================================================== */

.page-alpha-spin-straw ::selection{

    background:
        rgba(198,160,77,.30);

    color:
        var(--product-primary-dark);

}

/* ==========================================================
   LINKS
   ========================================================== */

.page-alpha-spin-straw a{

    color:
        var(--product-primary);

}

.page-alpha-spin-straw a:hover{

    color:
        var(--product-accent-dark);

}

/* ==========================================================
   DARK SECTIONS
   ========================================================== */

.page-alpha-spin-straw .straw-dark-section,
.page-alpha-spin-straw .straw-cta-section{

    color:#FFFFFF;

}

/* ==========================================================
   BOTÕES DENTRO DAS ÁREAS ESCURAS
   ========================================================== */

.page-alpha-spin-straw
.straw-dark-section
.btn-primary,
.page-alpha-spin-straw
.straw-cta-section
.btn-primary{

    background:
        linear-gradient(
            135deg,
            #146B50,
            #07543F
        )
        !important;

    color:#FFFFFF !important;

    box-shadow:
        0 14px 34px
        rgba(0,0,0,.18)
        !important;

}

/* ==========================================================
   DOURADO COMO ACENTO
   ========================================================== */

.page-alpha-spin-straw .straw-label-light{

    text-shadow:
        0 0 22px
        rgba(198,160,77,.18);

}

/* ==========================================================
   ELEMENTOS METÁLICOS
   ========================================================== */

.page-alpha-spin-straw
.straw-product-caption strong,
.page-alpha-spin-straw
.straw-faq-plus{

    color:
        var(--product-accent-dark);

}

/* ==========================================================
   CARDS CLAROS
   ========================================================== */

.page-alpha-spin-straw
.straw-overview-card,
.page-alpha-spin-straw
.straw-benefit-card,
.page-alpha-spin-straw
.straw-use-step,
.page-alpha-spin-straw
.straw-faq-item{

    color:
        var(--product-text);

}

/* ==========================================================
   TEXTO NAS ÁREAS ESCURAS
   ========================================================== */

.page-alpha-spin-straw
.straw-experience-card h3,
.page-alpha-spin-straw
.straw-experience-card p{

    text-shadow:none;

}

.page-alpha-spin-straw
.straw-experience-card p{

    color:
        #C8D7D1
        !important;

}

/* ==========================================================
   TEXTOS SECUNDÁRIOS
   ========================================================== */

.page-alpha-spin-straw
.straw-overview-card p,
.page-alpha-spin-straw
.straw-benefit-card p,
.page-alpha-spin-straw
.straw-use-step p,
.page-alpha-spin-straw
.straw-faq-answer p{

    color:
        #687972
        !important;

}

/* ==========================================================
   FOCUS
   ========================================================== */

.page-alpha-spin-straw :focus-visible{

    outline-color:
        rgba(198,160,77,.60);

}

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

@media(max-width:760px){

    .page-alpha-spin-straw
    .straw-cta-section
    .straw-btn-dark{

        color:#FFFFFF !important;

        background:
            rgba(255,255,255,.07)
            !important;

        border-color:
            rgba(255,255,255,.20)
            !important;

    }

}