.elementor-kit-5{--e-global-color-primary:#1A3A6B;--e-global-color-secondary:#B88917;--e-global-color-text:#F4F9FF;--e-global-color-accent:#FFFFFF;--e-global-color-552b9ea:#000000;--e-global-color-8a58ce9:#575757;--e-global-color-0c3f9db:#A3A3A3;--e-global-color-1663494:#0A1D3A;--e-global-color-b796c26:#DADADA;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter Tight";--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;--e-global-typography-c8891d3-font-family:"Lato";--e-global-typography-c8891d3-font-size:15px;--e-global-typography-c8891d3-font-weight:500;}.elementor-kit-5 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 *//*==================================================
PRELOADER INSTITUCIONAL PREMIUM
==================================================*/

#preloader{
    position:fixed;
    inset:0;

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

    width:100%;
    height:100%;

    overflow:hidden;

    background:#031733;

    opacity:1;
    visibility:visible;

    z-index:999999999;

    transition:
        opacity .9s cubic-bezier(.4,0,.2,1),
        visibility .9s cubic-bezier(.4,0,.2,1);
}

/*==================================================
FONDO JURÍDICO
==================================================*/

#preloader .preloader-background{
    position:absolute;
    inset:-3%;

    background-image:url("https://cvoabogados.com/wp-content/uploads/2026/07/PROLE.webp");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

    transform:scale(1.02);

    animation:
        preloaderBackgroundZoom 4.2s
        cubic-bezier(.25,.46,.45,.94)
        forwards;
}

/*==================================================
OVERLAY INSTITUCIONAL
==================================================*/

#preloader .preloader-overlay{
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(3,23,51,.58) 0%,
            rgba(3,23,51,.75) 55%,
            rgba(1,12,29,.92) 100%
        ),
        linear-gradient(
            180deg,
            rgba(3,23,51,.58) 0%,
            rgba(3,23,51,.82) 100%
        );

    z-index:2;
}

/*==================================================
CONTENIDO CENTRAL
==================================================*/

#preloader .preloader-content{
    position:relative;
    z-index:5;

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

    width:min(90vw, 620px);

    text-align:center;

    transform:translateY(-5px);
}

/*==================================================
LOGO
==================================================*/

#preloader .preloader-logo{
    display:block;

    width:430px;
    max-width:80vw;
    height:auto;

    opacity:0;

    filter:blur(7px);

    transform:
        translateY(14px)
        scale(.96);

    animation:
        preloaderLogoAppear
        1.15s
        cubic-bezier(.22,1,.36,1)
        .18s
        forwards;
}

/*==================================================
LÍNEA DORADA PREMIUM
==================================================*/

#preloader .preloader-gold-line{
    position:relative;

    width:145px;
    height:2px;

    margin-top:44px;

    overflow:hidden;

    opacity:0;

    background:linear-gradient(
        90deg,
        rgba(184,137,23,0),
        rgba(184,137,23,.95),
        rgba(184,137,23,0)
    );

    transform:scaleX(0);
    transform-origin:center;

    animation:
        preloaderLineAppear
        1.15s
        cubic-bezier(.22,1,.36,1)
        .18s
        forwards;
}

/* Brillo que recorre la línea */

#preloader .preloader-gold-line span{
    position:absolute;
    top:0;
    left:-45%;

    display:block;

    width:45%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,225,146,.15) 25%,
        rgba(255,225,146,1) 50%,
        rgba(255,225,146,.15) 75%,
        transparent 100%
    );

    filter:blur(.2px);

    animation:
        preloaderLineShine
        1.4s
        ease-in-out
        1.15s
        forwards;
}

/*==================================================
ANIMACIONES
==================================================*/

@keyframes preloaderLogoAppear{

    0%{
        opacity:0;

        filter:blur(7px);

        transform:
            translateY(14px)
            scale(.96);
    }

    100%{
        opacity:1;

        filter:blur(0);

        transform:
            translateY(0)
            scale(1);
    }

}

@keyframes preloaderLineAppear{

    0%{
        opacity:0;
        transform:scaleX(0);
    }

    100%{
        opacity:1;
        transform:scaleX(1);
    }

}

@keyframes preloaderLineShine{

    0%{
        left:-45%;
    }

    100%{
        left:145%;
    }

}

@keyframes preloaderBackgroundZoom{

    0%{
        transform:scale(1.02);
    }

    100%{
        transform:scale(1.08);
    }

}

/*==================================================
SALIDA DEL PRELOADER
==================================================*/

#preloader.preloader-hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

/* El contenido baja y pierde enfoque al salir */

#preloader.preloader-hide .preloader-content{
    opacity:0;

    filter:blur(3px);

    transform:
        translateY(8px)
        scale(.99);

    transition:
        opacity .65s ease,
        filter .65s ease,
        transform .65s ease;
}

/*==================================================
TABLET
==================================================*/

@media(max-width:1024px){

    #preloader .preloader-logo{
        width:360px;
    }

    #preloader .preloader-gold-line{
        width:125px;
        margin-top:38px;
    }

}

/*==================================================
MÓVIL
==================================================*/

@media(max-width:767px){

    #preloader .preloader-background{
        background-position:center center;
    }

    #preloader .preloader-logo{
        width:255px;
        max-width:78vw;
    }

    #preloader .preloader-gold-line{
        width:95px;
        height:1.5px;
        margin-top:30px;
    }

}

/*==================================================
ACCESIBILIDAD
==================================================*/

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

    #preloader .preloader-background,
    #preloader .preloader-logo,
    #preloader .preloader-gold-line,
    #preloader .preloader-gold-line span{
        animation:none;
    }

    #preloader .preloader-logo,
    #preloader .preloader-gold-line{
        opacity:1;
        filter:none;
        transform:none;
    }

}

/* Animación suave */

.area-practica{
    transition:transform .35s cubic-bezier(.22,1,.36,1);
}

.area-practica .elementor-icon{
    transition:transform .35s cubic-bezier(.22,1,.36,1);
}

.area-practica:hover{
    transform:translateY(-6px);
}

.area-practica:hover .elementor-icon{
    animation:iconFloat .6s ease;
}

@keyframes iconFloat{

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

    40%{
        transform:translateY(-4px) scale(1.08);
    }

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

}/* End custom CSS */