.elementor-3845 .elementor-element.elementor-element-641d304{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3845 .elementor-element.elementor-element-4b3fd84{--display:flex;}.elementor-3845 .elementor-element.elementor-element-e112d94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e112d94 *//* ==================================================
PROMOCIÓN LOGYHUM
================================================== */

.logyhum-promo-info{
    width:100%;
    max-width:1200px;

    margin:0 auto;
    padding:55px 20px 65px;

    font-family:"Lato",Arial,sans-serif;

    box-sizing:border-box;
}


/* ==================================================
CABECERA
================================================== */

.logyhum-promo-info__header{
    text-align:center;
    margin-bottom:38px;
}

.logyhum-promo-info__header > span{
    display:block;

    margin-bottom:8px;

    color:#E4A900;

    font-size:14px;
    font-weight:800;
    line-height:1.3;

    text-transform:uppercase;
    letter-spacing:.8px;
}

.logyhum-promo-info__header h2{
    margin:0;

    color:#041244;

    font-family:"Lato",Arial,sans-serif;

    font-size:32px;
    font-weight:800;
    line-height:1.2;
}


/* ==================================================
LÍNEA + ESTRELLA
================================================== */

.logyhum-promo-info__linea{
    display:flex;
    align-items:center;
    justify-content:center;

    width:165px;

    margin:17px auto 0;

    color:#E4A900;

    font-size:11px;

    background:
        linear-gradient(#E4A900,#E4A900)
        left center / calc(50% - 14px) 1px no-repeat,

        linear-gradient(#E4A900,#E4A900)
        right center / calc(50% - 14px) 1px no-repeat;
}

.logyhum-promo-info__linea i{
    color:#E4A900 !important;
}


/* ==================================================
GRID TARJETAS
================================================== */

.logyhum-promo-info__grid{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:24px;

    margin-bottom:24px;
}


/* ==================================================
TARJETA
================================================== */

.logyhum-promo-card{
    display:flex;
    align-items:flex-start;

    gap:20px;

    padding:30px;

    background:#FFFFFF;

    border:1px solid #ECE9F7;
    border-radius:12px;

    box-shadow:0 8px 26px rgba(4,18,68,.07);

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


/* ==================================================
HOVER TARJETA
================================================== */

.logyhum-promo-card:hover{
    transform:translateY(-3px);

    border-color:#E4A900;

    box-shadow:0 14px 32px rgba(4,18,68,.11);
}


/* ==================================================
ICONOS TARJETAS
BLANCO NORMAL / DORADO HOVER
================================================== */

.logyhum-promo-card__icono{
    flex:0 0 auto;

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

    width:55px;
    height:55px;

    background:#041244;

    border:2px solid #E4A900;
    border-radius:50%;

    color:#FFFFFF !important;

    font-size:21px;

    transition:
        color .25s ease,
        transform .25s ease,
        background .25s ease;
}

.logyhum-promo-card__icono i{
    color:#FFFFFF !important;

    transition:color .25s ease;
}


/* ICONO DORADO EN HOVER */

.logyhum-promo-card:hover .logyhum-promo-card__icono,
.logyhum-promo-card:hover .logyhum-promo-card__icono i{
    color:#E4A900 !important;
}


/* ==================================================
CONTENIDO TARJETAS
================================================== */

.logyhum-promo-card__contenido{
    flex:1;
}

.logyhum-promo-card__contenido h3{
    margin:0 0 11px;

    color:#041244;

    font-family:"Lato",Arial,sans-serif;

    font-size:18px;
    font-weight:800;
    line-height:1.3;

    text-transform:uppercase;
}

.logyhum-promo-card__contenido h3 span{
    display:block;

    color:#E4A900;
}

.logyhum-promo-card__contenido p{
    margin:0 0 8px;

    color:#3F4965;

    font-family:"Lato",Arial,sans-serif;

    font-size:15px;
    font-weight:400;
    line-height:1.65;
}

.logyhum-promo-card__contenido p:last-child{
    margin-bottom:0;
}

.logyhum-promo-card__contenido strong{
    color:#041244;
    font-weight:800;
}


/* ==================================================
AVISO IMPORTANTE
================================================== */

.logyhum-promo-aviso{
    display:flex;
    align-items:center;

    gap:18px;

    margin-bottom:28px;

    padding:22px 26px;

    background:#FFF9E8;

    border:1px solid rgba(228,169,0,.35);
    border-radius:10px;
}


/* ==================================================
ICONO AVISO
================================================== */

.logyhum-promo-aviso__icono{
    flex:0 0 auto;

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

    width:44px;
    height:44px;

    background:#041244;

    border:2px solid #E4A900;
    border-radius:50%;

    color:#FFFFFF !important;

    font-size:16px;

    transition:color .25s ease;
}

.logyhum-promo-aviso__icono i{
    color:#FFFFFF !important;

    transition:color .25s ease;
}


/* HOVER ICONO AVISO */

.logyhum-promo-aviso:hover .logyhum-promo-aviso__icono,
.logyhum-promo-aviso:hover .logyhum-promo-aviso__icono i{
    color:#E4A900 !important;
}


/* ==================================================
TEXTO AVISO
================================================== */

.logyhum-promo-aviso__contenido h3{
    margin:0 0 4px;

    color:#041244;

    font-family:"Lato",Arial,sans-serif;

    font-size:15px;
    font-weight:800;
    line-height:1.3;

    text-transform:uppercase;
}

.logyhum-promo-aviso__contenido p{
    margin:0;

    color:#3F4965;

    font-family:"Lato",Arial,sans-serif;

    font-size:14px;
    font-weight:400;
    line-height:1.6;
}


/* ==================================================
CTA FINAL GRANDE
================================================== */

.logyhum-promo-cta{
    position:relative;

    display:grid;

    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:30px;

    width:100%;

    min-height:220px;

    padding:42px 48px;

    background:#041244;

    border:1px solid #E4A900;
    border-radius:22px;

    box-sizing:border-box;

    box-shadow:0 18px 45px rgba(4,18,68,.18);

    overflow:hidden;
}


/* RAYITA DORADA SUPERIOR */

.logyhum-promo-cta::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:135px;
    height:4px;

    background:#E4A900;

    border-radius:0 0 10px 10px;

    transform:translateX(-50%);
}


/* ==================================================
ICONO CTA GRANDE
BLANCO NORMAL / DORADO HOVER
================================================== */

.logyhum-promo-cta__icono{
    flex:0 0 auto;

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

    width:95px;
    height:95px;

    border:2px solid #E4A900;
    border-radius:50%;

    color:#FFFFFF !important;

    font-size:34px;

    transition:
        color .25s ease,
        transform .25s ease;
}

.logyhum-promo-cta__icono i{
    color:#FFFFFF !important;

    transition:color .25s ease;
}


/* ICONO DORADO AL PASAR POR CTA */

.logyhum-promo-cta:hover .logyhum-promo-cta__icono,
.logyhum-promo-cta:hover .logyhum-promo-cta__icono i{
    color:#E4A900 !important;
}

.logyhum-promo-cta:hover .logyhum-promo-cta__icono{
    transform:translateY(-2px);
}


/* ==================================================
CONTENIDO CTA
================================================== */

.logyhum-promo-cta__contenido{
    min-width:0;
}

.logyhum-promo-cta__contenido h3{
    margin:0 0 12px;

    color:#FFFFFF;

    font-family:"Lato",Arial,sans-serif;

    font-size:30px;
    font-weight:800;
    line-height:1.2;
}

.logyhum-promo-cta__contenido p{
    max-width:690px;

    margin:0;

    color:#FFFFFF;

    font-family:"Lato",Arial,sans-serif;

    font-size:17px;
    font-weight:400;
    line-height:1.7;
}


/* ==================================================
BOTÓN CTA
================================================== */

.logyhum-promo-cta__boton{
    flex:0 0 auto;
}

.logyhum-promo-cta__boton a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:18px;

    min-width:330px;
    min-height:76px;

    padding:18px 34px;

    background:#FFF9E8;

    border:2px solid #E4A900;
    border-radius:10px;

    color:#041244 !important;

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

    font-family:"Lato",Arial,sans-serif;

    font-size:17px;
    font-weight:800;
    line-height:1.2;

    text-decoration:none !important;

    box-sizing:border-box;

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


/* ==================================================
FLECHA BOTÓN
================================================== */

.logyhum-promo-cta__boton a i{
    color:#E4A900 !important;

    font-size:20px;

    transition:
        color .25s ease,
        transform .25s ease;
}


/* ==================================================
HOVER BOTÓN
================================================== */

.logyhum-promo-cta__boton a:hover{
    background:#E4A900 !important;

    color:#041244 !important;

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

    transform:translateY(-2px);

    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.logyhum-promo-cta__boton a:hover i{
    color:#041244 !important;

    transform:translateX(5px);
}


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

@media (max-width:1024px){

    .logyhum-promo-info{
        padding:45px 20px 55px;
    }

    .logyhum-promo-info__header h2{
        font-size:28px;
    }

    .logyhum-promo-card{
        padding:24px;
    }

    .logyhum-promo-cta{
        grid-template-columns:auto 1fr;

        gap:22px;

        min-height:auto;

        padding:35px;
    }

    .logyhum-promo-cta__icono{
        width:80px;
        height:80px;

        font-size:28px;
    }

    .logyhum-promo-cta__contenido h3{
        font-size:26px;
    }

    .logyhum-promo-cta__contenido p{
        font-size:16px;
    }

    .logyhum-promo-cta__boton{
        grid-column:1 / -1;

        width:100%;

        text-align:center;
    }

    .logyhum-promo-cta__boton a{
        min-width:340px;
    }

}


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

@media (max-width:767px){

    .logyhum-promo-info{
        padding:35px 15px 45px;
    }


    /* CABECERA */

    .logyhum-promo-info__header{
        margin-bottom:28px;
    }

    .logyhum-promo-info__header h2{
        font-size:24px;
    }


    /* TARJETAS */

    .logyhum-promo-info__grid{
        grid-template-columns:1fr;

        gap:16px;
    }

    .logyhum-promo-card{
        padding:21px 18px;

        gap:15px;
    }

    .logyhum-promo-card__icono{
        width:48px;
        height:48px;

        font-size:18px;
    }

    .logyhum-promo-card__contenido h3{
        font-size:15px;
    }

    .logyhum-promo-card__contenido p{
        font-size:14px;
    }


    /* AVISO */

    .logyhum-promo-aviso{
        align-items:flex-start;

        padding:19px;

        gap:14px;
    }

    .logyhum-promo-aviso__icono{
        width:40px;
        height:40px;
    }


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

    .logyhum-promo-cta{
        display:flex;
        flex-direction:column;

        align-items:center;

        gap:18px;

        min-height:auto;

        padding:36px 22px 28px;

        text-align:center;

        border-radius:16px;
    }


    .logyhum-promo-cta::before{
        width:90px;
        height:3px;
    }


    .logyhum-promo-cta__icono{
        width:74px;
        height:74px;

        font-size:26px;
    }


    .logyhum-promo-cta__contenido h3{
        font-size:23px;
    }


    .logyhum-promo-cta__contenido p{
        font-size:15px;
        line-height:1.6;
    }


    .logyhum-promo-cta__boton{
        width:100%;

        margin-top:4px;
    }


    .logyhum-promo-cta__boton a{
        width:100%;

        min-width:0;
        min-height:62px;

        padding:15px 18px;

        font-size:15px;
    }

}/* End custom CSS */