.elementor-kit-6{--e-global-color-primary:#0D5BD9;--e-global-color-secondary:#123A72;--e-global-color-text:#5F6B7A;--e-global-color-accent:#38BDF8;--e-global-color-8b06eff:#F7F7F7;--e-global-color-e9762b7:#00D10F;--e-global-color-dec5d20:#FFFFFF;--e-global-color-f30a144:#0D5BD90F;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-radius:6px 6px 6px 6px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{border-radius:6px 6px 6px 6px;}.elementor-kit-6 img{border-radius:15px 15px 15px 15px;}.elementor-kit-6 img:hover{border-radius:15px 15px 15px 15px;}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{border-radius:6px 6px 6px 6px;}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-radius:6px 6px 6px 6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1380px;}.e-con{--container-max-width:1380px;}.elementor-widget:not(:last-child){--kit-widget-spacing:8px;}.elementor-element{--widgets-spacing:8px 8px;--widgets-spacing-row:8px;--widgets-spacing-column:8px;}{}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 */.card-hover {
  transform: translateY(0) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

.card-hover:hover {
  transform: translateY(-6px) !important;
  box-shadow: 
    0 6px 12px rgba(0,0,0,0.05),
    0 14px 24px rgba(0,0,0,0.08) !important;
}







/* Aplicar nos 4 cards:
   card-hover glass-servico-piramidy
*/

.glass-servico-piramidy {
    position: relative;
    overflow: hidden;

    background: rgba(255, 255, 255, 0.08) !important;

    backdrop-filter: blur(18px) saturate(160%) contrast(105%);
    -webkit-backdrop-filter: blur(18px) saturate(160%) contrast(105%);

    border: 1px solid rgba(0, 94, 255, 0.16) !important;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 14px 34px rgba(0, 76, 255, 0.08) !important;
}

/* Remove o branco forte do pseudo-elemento anterior */
.glass-servico-piramidy::before{
    display:none;
}

/* Conteúdo acima do vidro */
.glass-servico-piramidy > * {
    position: relative;
    z-index: 2;
}

/* Hover preservando o card-hover */
.glass-servico-piramidy.card-hover:hover {
    background: rgba(255, 255, 255, 0.015) !important;

    backdrop-filter: blur(18px) saturate(175%);
    -webkit-backdrop-filter: blur(22px) saturate(175%);

    border-color: rgba(0, 94, 255, 0.24) !important;
}








    /* =========================================
       BOTÃO 3D PREMIUM PIRAMIDY
    ========================================= */
    
    .btn-3d .elementor-button{
        position: relative;
        overflow: hidden;
    
        background: linear-gradient(
            180deg,
            #1F7BFF 0%,
            #0757E6 100%
        ) !important;
    
        border-radius: 999px !important;
        border: 1px solid rgba(255,255,255,.35) !important;
    
        box-shadow:
            inset 0 2px 0 rgba(255,255,255,.35),
            inset 0 -4px 0 rgba(0,48,150,.35),
            0 10px 22px rgba(13,91,217,.35),
            0 18px 40px rgba(13,91,217,.18);
    
        transform: translateY(0);
        transition: all .28s ease;
    }
    
    .btn-3d .elementor-button::before{
        content: "";
        position: absolute;
        inset: 1px 1px auto 1px;
        height: 48%;
    
        background: linear-gradient(
            180deg,
            rgba(255,255,255,.34),
            rgba(255,255,255,0)
        );
    
        border-radius: 999px 999px 40px 40px;
        pointer-events: none;
    }
    
    .btn-3d .elementor-button:hover{
        transform: translateY(-3px);
    
        box-shadow:
            inset 0 2px 0 rgba(255,255,255,.42),
            inset 0 -5px 0 rgba(0,48,150,.42),
            0 14px 28px rgba(13,91,217,.42),
            0 24px 55px rgba(13,91,217,.24);
    }
    
    .btn-3d .elementor-button:active{
        transform: translateY(1px);
    
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.25),
            inset 0 -2px 0 rgba(0,48,150,.45),
            0 6px 14px rgba(13,91,217,.28);
    }






/* =========================================================
   ÍCONES 3D AZUIS E VERMELHOS — CHECKLIST PIRAMIDY
========================================================= */

.box-checklist-3d .elementor-icon-box-icon .elementor-icon {
    width: 48px !important;
    height: 48px !important;

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

    position: relative;

    border-radius: 10px !important;

    background: linear-gradient(
        180deg,
        #1F7BFF 0%,
        #0757E6 100%
    ) !important;

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

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.35),
        inset 0 -4px 0 rgba(0,48,150,.35),
        0 8px 18px rgba(13,91,217,.28);

    transition: all .28s ease;
}

/* brilho superior */
.box-checklist-3d .elementor-icon-box-icon .elementor-icon::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 45%;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.36),
        rgba(255,255,255,0)
    );

    border-radius: 10px 10px 20px 20px;
    pointer-events: none;
}

/* cor do ícone */
.box-checklist-3d .elementor-icon-box-icon svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;
    position: relative;
    z-index: 2;
}

/* hover */
.box-checklist-3d .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-2px);

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.42),
        inset 0 -5px 0 rgba(0,48,150,.42),
        0 12px 26px rgba(13,91,217,.35);
}

/* =========================================================
   ÍCONES 3D VERMELHOS — CHECKLIST DE RISCO
========================================================= */

.box-checklist-3d-danger .elementor-icon-box-icon .elementor-icon {
    width: 48px !important;
    height: 48px !important;

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

    position: relative;

    border-radius: 10px !important;

    background: linear-gradient(
        180deg,
        #FF6B6B 0%,
        #E53935 100%
    ) !important;

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

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.35),
        inset 0 -4px 0 rgba(120,0,0,.35),
        0 8px 18px rgba(229,57,53,.28);

    transition: all .28s ease;
}

/* brilho superior */
.box-checklist-3d-danger .elementor-icon-box-icon .elementor-icon::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 45%;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.36),
        rgba(255,255,255,0)
    );

    border-radius: 10px 10px 20px 20px;
    pointer-events: none;
}

/* cor do ícone */
.box-checklist-3d-danger .elementor-icon-box-icon svg {
    width: 22px !important;
    height: 22px !important;
    fill: #ffffff !important;
    position: relative;
    z-index: 2;
}

/* hover */
.box-checklist-3d-danger .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-2px);

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.42),
        inset 0 -5px 0 rgba(120,0,0,.42),
        0 12px 26px rgba(229,57,53,.35);
}




/* =========================================================
   ÍCONE 3D CENTRALIZADO — CARDS VERTICAIS
========================================================= */

.box-card-icone-centro-3d .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.box-card-icone-centro-3d .elementor-icon-box-icon {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto 5px auto !important;
}

.box-card-icone-centro-3d .elementor-icon-box-icon .elementor-icon {
    position: relative;
    width: 48px !important;
    height: 48px !important;

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

    margin: 0 auto !important;
    border-radius: 10px !important;

    background: linear-gradient(180deg, #4B97FF 0%, #0D5BD9 100%) !important;

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

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.30),
        inset 0 -4px 0 rgba(0,48,150,.35),
        0 8px 16px rgba(13,91,217,.28) !important;

    transition: all .28s ease;
}

.box-card-icone-centro-3d .elementor-icon-box-icon .elementor-icon::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 42%;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.28),
        rgba(255,255,255,0)
    );

    border-radius: 10px 10px 18px 18px;
    pointer-events: none;
}

.box-card-icone-centro-3d .elementor-icon-box-icon svg {
    width: 21px !important;
    height: 21px !important;
    fill: #ffffff !important;
    position: relative;
    z-index: 2;
}

.box-card-icone-centro-3d .elementor-icon-box-wrapper:hover .elementor-icon {
    transform: translateY(-2px);

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.35),
        inset 0 -5px 0 rgba(0,48,150,.38),
        0 10px 22px rgba(13,91,217,.32) !important;
}







/* ==================================================
   ÍCONE 3D PREMIUM
================================================== */

.icon-3d .elementor-icon {
    position: relative;

    width: 50px !important;
    height: 50px !important;

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

    border-radius: 10px !important;

    background: linear-gradient(
        180deg,
        #4B97FF 0%,
        #0D5BD9 100%
    ) !important;

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

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.35),
        inset 0 -4px 0 rgba(0,48,150,.35),
        0 8px 18px rgba(13,91,217,.28);

    transition: all .28s ease;
}

/* brilho superior */
.icon-3d .elementor-icon::before {
    content: "";
    position: absolute;

    top: 1px;
    left: 1px;
    right: 1px;

    height: 42%;

    background: linear-gradient(
        180deg,
        rgba(255,255,255,.28),
        rgba(255,255,255,0)
    );

    border-radius: 10px 10px 18px 18px;

    pointer-events: none;
}

/* ícone interno */
.icon-3d .elementor-icon svg {
    width: 22px !important;
    height: 22px !important;

    fill: #ffffff !important;

    position: relative;
    z-index: 2;
}

/* hover */
.icon-3d:hover .elementor-icon {

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.42),
        inset 0 -5px 0 rgba(0,48,150,.42),
        0 12px 26px rgba(13,91,217,.35);

}/* End custom CSS */