.elementor-159 .elementor-element.elementor-element-443eccf0{--display:flex;}.elementor-159 .elementor-element.elementor-element-443eccf0:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-443eccf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#063D3A;}.elementor-159 .elementor-element.elementor-element-38b14025{--display:flex;--min-height:65vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:114px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-38b14025::before, .elementor-159 .elementor-element.elementor-element-38b14025 > .elementor-background-video-container::before, .elementor-159 .elementor-element.elementor-element-38b14025 > .e-con-inner > .elementor-background-video-container::before, .elementor-159 .elementor-element.elementor-element-38b14025 > .elementor-background-slideshow::before, .elementor-159 .elementor-element.elementor-element-38b14025 > .e-con-inner > .elementor-background-slideshow::before, .elementor-159 .elementor-element.elementor-element-38b14025 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#063D3A;--background-overlay:'';}.elementor-159 .elementor-element.elementor-element-38b14025.e-con{--align-self:flex-end;}.elementor-159 .elementor-element.elementor-element-3ca02d82{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-210px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-5248c9ca{--display:flex;--min-height:805px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-159 .elementor-element.elementor-element-5248c9ca:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-5248c9ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#063D3A;}.elementor-159 .elementor-element.elementor-element-45ef6612{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:00px 0px;--row-gap:00px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-235637d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-159 .elementor-element.elementor-element-57b12572{--display:flex;--min-height:290px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-57b12572.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-159 .elementor-element.elementor-element-507a9f98{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-159 .elementor-element.elementor-element-611c3149{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-48386cd3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-30ce2e70{width:100%;max-width:100%;}.elementor-159 .elementor-element.elementor-element-6a5bd1c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-4ddab2ef{margin:1px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-159 .elementor-element.elementor-element-1d66101d{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-159 .elementor-element.elementor-element-3ca02d82{--width:100%;}.elementor-159 .elementor-element.elementor-element-45ef6612{--width:100%;}.elementor-159 .elementor-element.elementor-element-57b12572{--width:100.632%;}}@media(max-width:1024px){.elementor-159 .elementor-element.elementor-element-45ef6612{--margin-top:0px;--margin-bottom:0px;--margin-left:7px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-235637d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -8px;padding:0px 0px 0px 0px;}.elementor-159 .elementor-element.elementor-element-57b12572{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-6a5bd1c9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-159 .elementor-element.elementor-element-6a5bd1c9{--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-67ca651b */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ===========================================================
   EXTREMACRED • HEADER MENU — CSS COMPLETO
=========================================================== */

.exc-site-header,
.exc-site-header *{
    box-sizing:border-box;
}

.exc-site-header{
    position:fixed;
    top:0;
    left:0;

    width:100%;

    z-index:99999;

    background:transparent;

    font-family:'Montserrat',sans-serif;

    transition:
        background-color .32s ease,
        box-shadow .32s ease,
        backdrop-filter .32s ease;
}

body.admin-bar .exc-site-header{
    top:32px;
}

/* ===========================================================
   CONTAINER DO MENU
=========================================================== */

.exc-header-inner{
    width:min(1180px, calc(100% - 40px));

    height:86px !important;

    margin:0 auto;

    display:flex;
    align-items:center;

    gap:28px;

    transition:none !important;
}

/* ===========================================================
   LOGO COM RESPIRO
=========================================================== */

.exc-header-logo{
    position:relative;

    width:148px !important;
    height:68px !important;

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

    flex-shrink:0;

    text-decoration:none;

    overflow:visible;

    transition:none !important;
}

.exc-logo{
    position:absolute;

    left:0;
    top:50%;

    width:142px !important;
    max-height:64px !important;
    height:auto !important;

    object-fit:contain;

    transform:translateY(-50%);

    transition:
        opacity .28s ease;
}

.exc-logo-white{
    opacity:1;
}

.exc-logo-green{
    opacity:0;
}

/* ===========================================================
   DIVISOR
=========================================================== */

.exc-header-divider{
    width:1px;
    height:44px;

    background:rgba(255,255,255,.75);

    flex-shrink:0;

    transition:
        background-color .28s ease;
}

/* ===========================================================
   LINKS DO MENU
=========================================================== */

.exc-header-nav{
    display:flex;
    align-items:center;

    gap:26px;

    flex:1;
}

.exc-nav-link{
    position:relative;

    color:#ffffff;

    font-family:'Montserrat',sans-serif !important;
    font-size:14px !important;
    font-weight:500 !important;

    letter-spacing:-.12px;
    line-height:1;

    text-decoration:none;
    white-space:nowrap;

    transition:
        color .28s ease;
}

.exc-nav-link::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-9px;

    width:0;
    height:3px;

    border-radius:999px;

    background:#00e51f;

    transition:
        width .28s ease;
}

.exc-nav-link:hover::after{
    width:100%;
}

.exc-nav-link:hover{
    color:#00e51f;
}

/* Garante que nenhum item fique ativo fixo */

.exc-nav-link.exc-nav-active::after{
    width:0;
}

.exc-nav-link.exc-nav-active:hover::after{
    width:100%;
}

/* ===========================================================
   AÇÕES DO MENU
=========================================================== */

.exc-header-actions{
    display:flex;
    align-items:center;
    gap:16px;

    flex-shrink:0;
}

/* Botão WhatsApp */

.exc-header-whatsapp{
    height:46px;

    min-width:194px;

    padding:0 24px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;

    border:1.4px solid rgba(255,255,255,.88);
    border-radius:7px;

    color:#ffffff;

    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:600;

    text-decoration:none;

    background:rgba(255,255,255,.02);

    transition:
        background-color .28s ease,
        border-color .28s ease,
        color .28s ease,
        transform .28s ease,
        box-shadow .28s ease;
}

.exc-whatsapp-icon{
    width:21px;
    height:21px;

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

.exc-whatsapp-icon::before{
    content:"";

    display:block;

    width:100%;
    height:100%;

    background:currentColor;

    -webkit-mask:
        url("http://extremacred.local/wp-content/uploads/2026/06/whatsapp.svg")
        center / contain no-repeat;

    mask:
        url("http://extremacred.local/wp-content/uploads/2026/06/whatsapp.svg")
        center / contain no-repeat;
}

.exc-header-whatsapp:hover{
    transform:translateY(-2px);

    background:rgba(255,255,255,.09);

    box-shadow:
        0 10px 22px rgba(0,0,0,.11);
}

/* Botão verde */

.exc-header-cta{
    position:relative;
    overflow:hidden;

    height:46px;

    padding:0 24px;

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

    border-radius:6px;

    background:linear-gradient(
        180deg,
        #11f52c 0%,
        #00c914 100%
    );

    color:#063d3a;

    font-family:'Montserrat',sans-serif;
    font-size:15px;
    font-weight:600;

    text-decoration:none;
    white-space:nowrap;

    box-shadow:
        0 7px 16px rgba(0,214,32,.26);

    transition:
        transform .28s ease,
        filter .28s ease,
        box-shadow .28s ease;
}

.exc-header-cta::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-80%;

    width:42%;
    height:180%;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            rgba(255,255,255,.16) 32%,
            rgba(255,255,255,.62) 50%,
            rgba(255,255,255,.16) 68%,
            transparent 100%
        );

    transform:skewX(-20deg);

    pointer-events:none;
}

.exc-header-cta:hover{
    transform:translateY(-2px) scale(1.02);
    filter:brightness(1.04);

    box-shadow:
        0 11px 24px rgba(0,214,32,.34);
}

.exc-header-cta:hover::before{
    animation:exc-header-light .75s ease forwards;
}

@keyframes exc-header-light{
    from{
        left:-80%;
    }

    to{
        left:130%;
    }
}

/* ===========================================================
   ESTADO AO ROLAR — MESMO TAMANHO, SÓ MUDA COR/FUNDO
=========================================================== */

.exc-site-header.exc-header-scrolled{
    background:rgba(255,255,255,.98);

    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);

    box-shadow:
        0 8px 24px rgba(0,0,0,.07);
}

.exc-site-header.exc-header-scrolled .exc-header-inner{
    height:86px !important;
}

.exc-site-header.exc-header-scrolled .exc-header-logo{
    width:148px !important;
    height:68px !important;
}

.exc-site-header.exc-header-scrolled .exc-logo{
    width:142px !important;
    max-height:64px !important;
}

/* Troca da logo */

.exc-site-header.exc-header-scrolled .exc-logo-white{
    opacity:0;
}

.exc-site-header.exc-header-scrolled .exc-logo-green{
    opacity:1;
}

/* Divisor muda só a cor, não o tamanho */

.exc-site-header.exc-header-scrolled .exc-header-divider{
    height:44px;
    background:rgba(6,61,58,.28);
}

/* Links no menu branco */

.exc-site-header.exc-header-scrolled .exc-nav-link{
    color:#063d3a;
}

.exc-site-header.exc-header-scrolled .exc-nav-link:hover{
    color:#00c914;
}

/* Botão WhatsApp no menu branco — mesmo tamanho */

.exc-site-header.exc-header-scrolled .exc-header-whatsapp{
    color:#063d3a;

    border-color:#063d3a;

    background:rgba(6,61,58,.02);
}

.exc-site-header.exc-header-scrolled .exc-header-whatsapp:hover{
    background:rgba(6,61,58,.06);
}

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

.exc-menu-toggle{
    display:none;

    width:42px;
    height:42px;

    border:1.4px solid rgba(255,255,255,.75);
    border-radius:7px;

    background:transparent;

    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;

    cursor:pointer;

    transition:
        border-color .28s ease,
        background-color .28s ease;
}

.exc-menu-toggle span{
    width:20px;
    height:2px;

    background:#ffffff;

    border-radius:999px;

    transition:
        background-color .28s ease,
        transform .28s ease,
        opacity .28s ease;
}

.exc-site-header.exc-header-scrolled .exc-menu-toggle{
    border-color:#063d3a;
}

.exc-site-header.exc-header-scrolled .exc-menu-toggle span{
    background:#063d3a;
}

.exc-menu-toggle.exc-menu-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.exc-menu-toggle.exc-menu-open span:nth-child(2){
    opacity:0;
}

.exc-menu-toggle.exc-menu-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

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

@media(max-width:1180px){

    .exc-header-inner{
        gap:20px;
    }

    .exc-header-nav{
        gap:18px;
    }

    .exc-nav-link{
        font-size:13px !important;
        font-weight:500 !important;
    }

    .exc-header-whatsapp{
        min-width:170px;
        padding:0 18px;

        font-size:13px;
    }

    .exc-header-cta{
        padding:0 18px;

        font-size:13px;
    }

}

@media(max-width:1024px){

    .exc-header-inner{
        width:min(100% - 32px, 1180px);
        height:74px !important;
    }

    .exc-site-header.exc-header-scrolled .exc-header-inner{
        height:74px !important;
    }

    .exc-header-logo,
    .exc-site-header.exc-header-scrolled .exc-header-logo{
        width:122px !important;
        height:56px !important;
    }

    .exc-logo,
    .exc-site-header.exc-header-scrolled .exc-logo{
        width:118px !important;
        max-height:52px !important;
    }

    .exc-header-divider{
        display:none;
    }

    .exc-menu-toggle{
        display:flex;
        margin-left:auto;
    }

    .exc-header-nav{
        position:absolute;

        top:100%;
        left:16px;
        right:16px;

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

        padding:18px;

        background:#ffffff;

        border-radius:12px;

        box-shadow:
            0 18px 40px rgba(0,0,0,.16);

        opacity:0;
        visibility:hidden;

        transform:translateY(14px);

        transition:
            opacity .28s ease,
            visibility .28s ease,
            transform .28s ease;
    }

    .exc-header-nav.exc-nav-open{
        opacity:1;
        visibility:visible;

        transform:translateY(0);
    }

    .exc-header-nav .exc-nav-link{
        width:100%;

        color:#063d3a;

        padding:14px 4px;

        font-size:14.5px !important;
        font-weight:500 !important;
    }

    .exc-header-nav .exc-nav-link::after{
        bottom:6px;
    }

    .exc-header-actions{
        display:none;
    }

}

@media(max-width:767px){

    body.admin-bar .exc-site-header{
        top:46px;
    }

    .exc-header-inner{
        height:68px !important;
    }

    .exc-site-header.exc-header-scrolled .exc-header-inner{
        height:68px !important;
    }

    .exc-header-logo,
    .exc-site-header.exc-header-scrolled .exc-header-logo{
        width:112px !important;
        height:50px !important;
    }

    .exc-logo,
    .exc-site-header.exc-header-scrolled .exc-logo{
        width:108px !important;
        max-height:46px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-436e1017 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* ===========================================================
   EXTREMACRED • PRODUTOS
=========================================================== */

.ext-products{
    position:relative;
    overflow:hidden;
    width:100%;
    background:#f3f3f3;
    padding:82px 20px 95px;
    font-family:'Montserrat',sans-serif;

    --ext-circle-size:2400px;
    --ext-circle-top:-720px;
    --ext-circle-reveal-height:0px;
    --ext-circle-opacity:0;
}

/* ===========================================================
   LINHA CIRCULAR CONTROLADA PELO SCROLL
=========================================================== */

.ext-products::before{
    content:"";
    position:absolute;

    width:var(--ext-circle-size);
    height:var(--ext-circle-size);

    left:50%;
    top:var(--ext-circle-top);

    transform:
        translateX(-50%)
        scale(1);

    border:2px solid #00d620;
    border-radius:50%;

    opacity:var(--ext-circle-opacity);

    clip-path:
        inset(
            0
            0
            calc(var(--ext-circle-size) - var(--ext-circle-reveal-height))
            0
        );

    transition:
        clip-path .13s linear,
        opacity .13s linear;

    z-index:1;
    pointer-events:none;

    will-change:
        clip-path,
        opacity;
}

/* ===========================================================
   MOEDAS ANIMADAS NA LINHA CIRCULAR
=========================================================== */

.ext-coin{
    position:absolute;
    z-index:5;

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

    opacity:0;
    visibility:hidden;

    pointer-events:auto;
    cursor:pointer;

    transition:
        opacity .55s ease,
        visibility .55s ease,
        transform .65s cubic-bezier(.22,.61,.36,1),
        filter .35s ease;

    will-change:
        opacity,
        transform,
        filter;
}

.ext-coin-inner{
    position:relative;

    width:100%;
    aspect-ratio:1 / 1;

    border-radius:50%;
    overflow:hidden;

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

    clip-path:circle(50% at 50% 50%);

    transition:
        filter .35s ease;

    will-change:
        transform,
        filter;
}

/* Light sweep mascarado dentro da moeda */

.ext-coin-inner::after{
    content:"";
    position:absolute;

    top:-10%;
    left:-72%;

    width:42%;
    height:120%;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            rgba(255,255,255,.10) 25%,
            rgba(255,255,255,.78) 50%,
            rgba(255,255,255,.10) 75%,
            transparent 100%
        );

    transform:
        skewX(-18deg)
        translateX(0);

    opacity:0;

    pointer-events:none;

    z-index:3;
}

.ext-coin-img{
    display:block;
    width:100%;
    height:100%;

    object-fit:contain;

    position:relative;
    z-index:1;

    user-select:none;
    -webkit-user-drag:none;
}

/* Moeda esquerda — maior */

.ext-coin-left{
    width:144px;

    left:13.05%;
    top:22.35%;

    --ext-coin-rotate:-7deg;
    --ext-coin-visible-rotate:0deg;

    transform:
        translateY(18px)
        scale(.68)
        rotate(var(--ext-coin-rotate));
}

/* Moeda direita — maior, rotacionada e um pouco mais para a direita */

.ext-coin-right{
    width:150px;

    right:12.55%;
    bottom:32.8%;

    --ext-coin-rotate:7deg;
    --ext-coin-visible-rotate:18deg;

    transform:
        translateY(18px)
        scale(.68)
        rotate(var(--ext-coin-rotate));
}

.ext-coin.ext-coin-visible{
    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1)
        rotate(var(--ext-coin-visible-rotate));
}

.ext-coin.ext-coin-visible .ext-coin-inner{
    animation:
        ext-coin-float 3.4s ease-in-out infinite;
}

.ext-coin.ext-coin-visible:hover{
    transform:
        translateY(-3px)
        scale(1.105)
        rotate(var(--ext-coin-visible-rotate));

    filter:
        brightness(1.035);
}

.ext-coin.ext-coin-visible:hover .ext-coin-inner::after{
    animation:
        ext-coin-shine .85s ease forwards;
}

@keyframes ext-coin-float{
    0%{
        transform:
            translateY(0)
            rotate(0deg);
    }

    50%{
        transform:
            translateY(-6px)
            rotate(1.8deg);
    }

    100%{
        transform:
            translateY(0)
            rotate(0deg);
    }
}

@keyframes ext-coin-shine{
    0%{
        opacity:0;
        left:-72%;
    }

    16%{
        opacity:1;
    }

    100%{
        opacity:0;
        left:128%;
    }
}

/* ===========================================================
   CONTAINER
=========================================================== */

.ext-container{
    position:relative;
    z-index:2;
    max-width:1120px;
    margin:0 auto;
}

/* ===========================================================
   HEADER
=========================================================== */

.ext-products-header{
    text-align:center;
    margin-bottom:52px;
}

.ext-products-subtitle{
    display:inline-block;

    color:#063d3a;

    font-size:14px;
    font-weight:800;

    text-transform:uppercase;

    border-bottom:3px solid #00d620;

    padding-bottom:3px;
    margin-bottom:44px;
}

.ext-products-title{
    max-width:560px;
    margin:auto;

    color:#063d3a;

    font-size:34px;
    line-height:1.12;
    font-weight:800;
}

/* ===========================================================
   GRID SUPERIOR
=========================================================== */

.ext-products-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:34px;
    margin-bottom:32px;
}

.ext-product-card{
    position:relative;

    color:#063d3a;

    font-family:'Montserrat',sans-serif;

    transform-origin:center;
    will-change:transform, box-shadow;

    cursor:pointer;
}

/* ===========================================================
   CARD GRANDE
=========================================================== */

.ext-product-card-large{
    background:#fff;
    border-radius:6px;
    overflow:hidden;

    box-shadow:0 13px 28px rgba(0,0,0,.12);

    transition:
        box-shadow .42s ease;
}

.ext-product-image{
    height:225px;
    background:#d9d9d9;
    overflow:hidden;
}

.ext-product-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

    transition:
        transform .55s cubic-bezier(.22,.61,.36,1),
        filter .55s ease;
}

.ext-product-content{
    min-height:142px;
    padding:20px;
}

/* ===========================================================
   ÍCONE + TÍTULO
=========================================================== */

.ext-product-heading{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:16px;
    min-height:36px;
}

.ext-product-icon{
    width:35px;
    height:35px;
    min-width:35px;

    border-radius:6px;

    background:#063d3a;

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

.ext-product-icon::after{
    content:"$";

    color:#00e51f;

    font-size:19px;
    font-weight:800;
}

.ext-product-card h3{
    margin:0;

    color:#063d3a;

    font-size:19px;
    line-height:1.08;
    font-weight:800;

    letter-spacing:-.3px;

    display:flex;
    align-items:center;
}

.ext-product-card p{
    margin:0;

    color:#063d3a;

    font-size:15px;
    line-height:1.17;
    font-weight:500;
}

/* ===========================================================
   GRID INFERIOR
=========================================================== */

.ext-products-grid-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

    max-width:830px;

    margin:0 auto 46px;
}

.ext-product-card-small{
    min-height:190px;

    padding:24px 22px 26px;

    border:1.4px solid #063d3a;
    border-radius:5px;

    background:transparent;

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

.ext-product-card-small .ext-product-icon{
    margin-bottom:20px;
}

.ext-product-card-small h3{
    margin-bottom:18px;
    font-size:19px;
}

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

.ext-products-footer{
    text-align:center;
}

.ext-products-button{
    position:relative;
    overflow:hidden;

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

    width:288px;
    height:54px;

    background:linear-gradient(
        90deg,
        #00dd17 0%,
        #49ef57 100%
    );

    color:#063d3a;

    font-family:'Montserrat',sans-serif;

    font-size:13.8px;
    font-weight:600;

    letter-spacing:0;
    line-height:1;

    text-transform:uppercase;
    text-decoration:none;

    border-radius:999px;

    transition:
        transform .28s ease,
        filter .28s ease,
        box-shadow .28s ease;
}

.ext-products-button::before{
    content:"";

    position:absolute;

    top:-45%;
    left:-80%;

    width:45%;
    height:190%;

    background:
        linear-gradient(
            115deg,
            transparent 0%,
            rgba(255,255,255,.18) 35%,
            rgba(255,255,255,.75) 50%,
            rgba(255,255,255,.18) 65%,
            transparent 100%
        );

    transform:skewX(-22deg);

    pointer-events:none;
}

.ext-products-button:hover{
    transform:scale(1.05);
    filter:brightness(1.05);

    box-shadow:
        0 14px 28px rgba(0,214,32,.22);
}

.ext-products-button:hover::before{
    animation:ext-light-sweep .75s ease forwards;
}

@keyframes ext-light-sweep{
    from{
        left:-80%;
    }

    to{
        left:130%;
    }
}

/* ===========================================================
   FADE IN UP
=========================================================== */

.ext-reveal{
    opacity:0;

    transform:
        translate3d(0, 40px, 0);

    transition:
        opacity 1.25s ease,
        transform 1.25s ease,
        box-shadow .42s ease,
        border-color .42s ease,
        background-color .42s ease;

    transition-delay:0s;

    will-change:
        opacity,
        transform;
}

.ext-reveal.ext-visible{
    opacity:1;

    transform:
        translate3d(0, 0, 0);
}

/* ===========================================================
   HOVER DOS CARDS
=========================================================== */

.ext-product-card-large:hover,
.ext-product-card-large.ext-visible:hover{
    transform:
        translateY(-9px)
        scale(1.038);

    box-shadow:
        0 26px 52px rgba(0,0,0,.20);

    transition:
        transform .42s cubic-bezier(.22,.61,.36,1),
        box-shadow .42s ease !important;

    transition-delay:0s !important;
}

.ext-product-card-large:hover .ext-product-image img,
.ext-product-card-large.ext-visible:hover .ext-product-image img{
    transform:scale(1.065);
    filter:brightness(1.045);
}

.ext-product-card-small:hover,
.ext-product-card-small.ext-visible:hover{
    transform:
        translateY(-9px)
        scale(1.038);

    box-shadow:
        0 22px 40px rgba(0,0,0,.12);

    border-color:#00d620;

    background-color:rgba(255,255,255,.28);

    transition:
        transform .42s cubic-bezier(.22,.61,.36,1),
        box-shadow .42s ease,
        border-color .42s ease,
        background-color .42s ease !important;

    transition-delay:0s !important;
}

/* ===========================================================
   ELEMENTOR EDITOR
=========================================================== */

body.elementor-editor-active .ext-reveal,
.elementor-editor-active .ext-reveal,
.elementor-editor-preview .ext-reveal{
    opacity:1 !important;
    transform:translate3d(0, 0, 0) !important;
    visibility:visible !important;
}

body.elementor-editor-active .ext-products,
.elementor-editor-active .ext-products,
.elementor-editor-preview .ext-products{
    --ext-circle-reveal-height:var(--ext-circle-size);
    --ext-circle-opacity:1;
}

body.elementor-editor-active .ext-coin,
.elementor-editor-active .ext-coin,
.elementor-editor-preview .ext-coin{
    opacity:1 !important;
    visibility:visible !important;
    transform:translateY(0) scale(1) rotate(0deg) !important;
}

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

@media(max-width:1024px){

    .ext-container{
        max-width:520px;
    }

    .ext-products{
        --ext-circle-size:1700px;
        --ext-circle-top:-470px;
        --ext-circle-reveal-height:0px;
    }

    .ext-coin-left{
        width:108px;
        left:11.85%;
        top:22.6%;
    }

    .ext-coin-right{
        width:114px;
        right:11.8%;
        bottom:31%;
    }

    .ext-products-grid,
    .ext-products-grid-bottom{
        grid-template-columns:1fr;
    }

    .ext-products-grid-bottom{
        max-width:100%;
    }

}

@media(max-width:767px){

    .ext-products{
        padding:65px 18px 75px;
    }

    .ext-products::before{
        display:none;
    }

    .ext-coin{
        display:none;
    }

    .ext-products-title{
        font-size:26px;
    }

    .ext-product-image{
        height:210px;
    }

    .ext-products-button{
        width:250px;
        height:50px;
        font-size:13px;
    }

    .ext-reveal{
        transform:
            translate3d(0, 32px, 0);
    }

    .ext-product-card-large:hover,
    .ext-product-card-large.ext-visible:hover,
    .ext-product-card-small:hover,
    .ext-product-card-small.ext-visible:hover{
        transform:
            translateY(-5px)
            scale(1.02);
    }

}/* End custom CSS */