.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =======================================================
   QUADROS DOBRA 02 - ALLEGRI DESIGN
   (Borda ultrafina, hover coordenado e pílula 100% arredondada)
======================================================= */

/* 1. Estrutura Base do Quadro */
.allegri-card {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.35s ease !important;
    will-change: transform;
}

/* 2. Transições dos Elementos Internos */
.allegri-card .allegri-num,
.allegri-card .allegri-num * {
    transition: color 0.35s ease, transform 0.35s ease !important;
}

/* Força o raio arredondado (pílula) em todas as camadas da tag */
.allegri-card .allegri-badge,
.allegri-card .allegri-badge *,
.allegri-card .allegri-badge .elementor-widget-container {
    border-radius: 999px !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 3. Efeito Hover no Desktop */
@media (hover: hover) and (pointer: fine) {

    /* Elevação e borda geral do quadro */
    .allegri-card:hover {
        transform: translateY(-4px) !important;
        border-color: rgba(1, 184, 175, 0.45) !important;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.04) !important;
    }

    /* O número acende no tom laranja da marca */
    .allegri-card:hover .allegri-num,
    .allegri-card:hover .allegri-num * {
        color: #01b8af !important;
        transform: translateX(2px);
    }

    /* A pílula ganha preenchimento sólido, escala e cantos travados */
    .allegri-card:hover .allegri-badge,
    .allegri-card:hover .allegri-badge .elementor-widget-container {
        background-color: #01b8af !important;
        border-color: #fd6f2f !important;
        border-radius: 999px !important;
        transform: scale(1.04);
        box-shadow: 0 4px 12px rgba(253, 111, 47, 0.25);
    }

    /* O texto da pílula fica branco em contraste */
    .allegri-card:hover .allegri-badge * {
        color: #01b8af !important;
    }

    /* Microinteração individual nos itens da lista */
    .allegri-card .elementor-icon-list-item {
        transition: transform 0.2s ease, color 0.2s ease !important;
    }

    .allegri-card .elementor-icon-list-item:hover {
        transform: translateX(4px);
        color: #01b8af !important;
    }
}

/* Compatibilidade do Lenis com HTML/Body */
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}/* End custom CSS */