.elementor-3935 .elementor-element.elementor-element-04a2f67{--display:flex;}.elementor-3935 .elementor-element.elementor-element-8cd56ed{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-8cd56ed *//* ==========================================================
   LOGYHUM — FORMACIÓN BONIFICADA
   FULL WIDTH REAL + RESPONSIVE
========================================================== */

.bonificada-logyhum{
    --bf-principal:#041244;
    --bf-secundario:#282554;
    --bf-dorado:#E4A900;
    --bf-dorado-claro:#FFF7E3;
    --bf-azul-claro:#EEF3FF;
    --bf-texto:#555866;
    --bf-blanco:#FFFFFF;
    --bf-claro:#F7F8FB;
    --bf-gris:#F2F4F9;
    --bf-linea:#E5E8F1;
    --bf-sombra:0 12px 28px rgba(4,18,68,.09);

    position:relative;

    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:0 !important;

    overflow:hidden;

    background:#fff;

    color:var(--bf-texto);

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

    -webkit-font-smoothing:antialiased;
}


/* ==========================================================
   RESET INTERNO
========================================================== */

.bonificada-logyhum *,
.bonificada-logyhum *::before,
.bonificada-logyhum *::after{
    box-sizing:border-box;
}

.bonificada-logyhum h1,
.bonificada-logyhum h2,
.bonificada-logyhum h3,
.bonificada-logyhum p{
    margin-top:0;
}

.bonificada-logyhum h1,
.bonificada-logyhum h2,
.bonificada-logyhum h3{
    color:var(--bf-principal);
    font-family:"Lato",Arial,sans-serif;
    font-weight:800;
}

.bonificada-logyhum a,
.bonificada-logyhum a:hover,
.bonificada-logyhum a:focus,
.bonificada-logyhum a:active,
.bonificada-logyhum a span{
    text-decoration:none !important;
}

.bonificada-logyhum svg{
    display:block;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}


/* ==========================================================
   CONTENEDOR INTERNO
========================================================== */

.bonificada-logyhum__contenedor{
    width:calc(100% - 44px);
    max-width:1360px;

    margin:0 auto;
}


/* ==========================================================
   HERO
========================================================== */

.bonificada-logyhum__hero{
    position:relative;

    width:100%;

    padding:48px 0 28px;

    background:#fff;
}


.bonificada-logyhum__hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(400px,.92fr);

    align-items:center;

    gap:42px;
}


/* ==========================================================
   HERO CONTENIDO
========================================================== */

.bonificada-logyhum__hero-contenido{
    position:relative;

    z-index:3;

    max-width:760px;
}


/* ==========================================================
   MICROTÍTULO
========================================================== */

.bonificada-logyhum__microtitulo{
    display:block;

    width:fit-content;

    margin:0 0 16px;

    padding-bottom:9px;

    border-bottom:1px solid rgba(228,169,0,.55);

    color:var(--bf-dorado);

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

    letter-spacing:.02em;

    text-transform:uppercase;
}


/* ELIMINAMOS LA ESTRELLA */
.bonificada-logyhum__microtitulo-estrella{
    display:none !important;
}


/* ==========================================================
   H1
========================================================== */

.bonificada-logyhum__hero h1{
    max-width:760px;

    margin:0 0 22px;

    color:var(--bf-principal) !important;

    font-size:48px;
    font-weight:800;
    line-height:1.06;

    letter-spacing:-1.2px;
}


.bonificada-logyhum__hero h1 strong{
    color:var(--bf-dorado) !important;

    font-weight:800;
}


/* ==========================================================
   DESCRIPCIÓN HERO
========================================================== */

.bonificada-logyhum__hero-descripcion{
    max-width:720px;

    margin:0 0 25px;

    color:var(--bf-principal);

    font-size:16px;
    font-weight:400;
    line-height:1.58;
}


/* ==========================================================
   MENSAJE ORIENTACIÓN
========================================================== */

.bonificada-logyhum__mensaje-orientacion{
    display:flex;

    align-items:center;

    gap:18px;

    width:100%;

    padding:16px 20px;

    background:#fff;

    border:1px solid var(--bf-linea);
    border-radius:11px;

    box-shadow:0 6px 18px rgba(4,18,68,.04);
}


.bonificada-logyhum__mensaje-icono{
    display:flex;

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

    width:46px;
    height:46px;

    flex:0 0 46px;

    border:2px solid var(--bf-principal);
    border-radius:50%;

    color:var(--bf-principal);
}


.bonificada-logyhum__mensaje-icono svg{
    width:21px;
    height:21px;
}


.bonificada-logyhum__mensaje-orientacion strong{
    color:var(--bf-principal);

    font-size:16px;
    font-weight:800;
    line-height:1.35;
}


/* ==========================================================
   HERO VISUAL
   SALE DEL CONTENEDOR HASTA EL BORDE DERECHO
========================================================== */

.bonificada-logyhum__hero-visual{
    position:relative;

    z-index:1;

    width:auto;
    max-width:none;

    margin-right:
        calc(
            -1 * ((100vw - min(1360px, calc(100vw - 44px))) / 2)
        );
}


/* FONDO DECORATIVO */
.bonificada-logyhum__hero-visual::before{
    content:"";

    position:absolute;

    z-index:0;

    top:-45px;
    right:0;
    bottom:-40px;
    left:20%;

    background:#F5F6FA;

    clip-path:polygon(
        12% 0,
        100% 0,
        100% 100%,
        0 100%
    );
}


/* ==========================================================
   IMAGEN HERO
========================================================== */

.bonificada-logyhum__hero-imagen{
    position:relative;

    z-index:1;

    overflow:hidden;

    width:100%;
    height:430px;

    background:var(--bf-gris);

    border-radius:0;

    clip-path:polygon(
        10% 0,
        100% 0,
        100% 100%,
        0 100%
    );

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


.bonificada-logyhum__hero-imagen img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center center;
}


/* ==========================================================
   OPCIONES
========================================================== */

.bonificada-logyhum__opciones{
    width:100%;

    padding:0 0 26px;

    background:#fff;
}


.bonificada-logyhum__opciones-grid{
    display:grid;

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

    align-items:stretch;

    gap:22px;
}


/* ==========================================================
   CARDS
========================================================== */

.bonificada-logyhum__card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;

    padding:25px 26px 24px;

    background:#fff;

    border:1px solid var(--bf-linea);
    border-radius:16px;

    box-shadow:0 7px 22px rgba(4,18,68,.05);

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


.bonificada-logyhum__card:hover{
    transform:translateY(-3px);

    box-shadow:var(--bf-sombra);
}


.bonificada-logyhum__card--persona{
    border-color:rgba(228,169,0,.20);
}


.bonificada-logyhum__card--empresa{
    border-color:rgba(4,18,68,.14);
}


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

.bonificada-logyhum__card-cabecera{
    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:15px;
}


.bonificada-logyhum__card-icono{
    display:flex;

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

    width:72px;
    height:72px;

    flex:0 0 72px;

    border-radius:50%;

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


.bonificada-logyhum__card--persona
.bonificada-logyhum__card-icono{
    background:var(--bf-dorado-claro);

    color:var(--bf-dorado);
}


.bonificada-logyhum__card--empresa
.bonificada-logyhum__card-icono{
    background:var(--bf-azul-claro);

    color:var(--bf-principal);
}


.bonificada-logyhum__card:hover
.bonificada-logyhum__card-icono{
    transform:scale(1.03);
}


.bonificada-logyhum__card-icono svg{
    width:32px;
    height:32px;
}


/* ==========================================================
   ETIQUETAS
========================================================== */

.bonificada-logyhum__etiqueta{
    display:inline-flex;

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

    width:fit-content;

    margin-bottom:7px;

    padding:4px 11px;

    background:#fff;

    border:1.5px solid currentColor;
    border-radius:30px;

    font-size:10px;
    font-weight:800;
    line-height:1.15;

    text-transform:uppercase;
}


.bonificada-logyhum__card--persona
.bonificada-logyhum__etiqueta{
    color:var(--bf-dorado);
}


.bonificada-logyhum__card--empresa
.bonificada-logyhum__etiqueta{
    color:var(--bf-principal);
}


/* ==========================================================
   TÍTULOS CARD
========================================================== */

.bonificada-logyhum__card-titulo{
    min-width:0;
}


.bonificada-logyhum__card-titulo h2{
    margin:0;

    color:var(--bf-principal);

    font-size:25px;
    font-weight:800;
    line-height:1.06;

    letter-spacing:-.5px;
}


/* ==========================================================
   INTRODUCCIÓN CARD
========================================================== */

.bonificada-logyhum__card-introduccion{
    margin:0 0 20px;

    padding-bottom:19px;

    border-bottom:1px solid var(--bf-linea);

    color:var(--bf-principal);

    font-size:13px;
    font-weight:400;
    line-height:1.56;
}


.bonificada-logyhum__card--persona
.bonificada-logyhum__card-introduccion{
    border-bottom-color:rgba(228,169,0,.35);
}


.bonificada-logyhum__card--empresa
.bonificada-logyhum__card-introduccion{
    border-bottom-color:rgba(4,18,68,.25);
}


/* ==========================================================
   CONTENIDO CARD
========================================================== */

.bonificada-logyhum__card-contenido{
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(145px,.38fr);

    align-items:start;

    gap:20px;

    margin-bottom:22px;
}


/* ==========================================================
   BENEFICIOS
========================================================== */

.bonificada-logyhum__beneficios{
    display:grid;

    gap:10px;

    margin:0;
    padding:0;

    list-style:none;
}


.bonificada-logyhum__beneficios li{
    display:flex;

    align-items:flex-start;

    gap:9px;

    min-width:0;

    color:var(--bf-principal);

    font-size:12px;
    font-weight:600;
    line-height:1.45;
}


.bonificada-logyhum__check{
    display:flex;

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

    width:18px;
    height:18px;

    flex:0 0 18px;

    margin-top:1px;

    border:1.5px solid currentColor;
    border-radius:50%;

    font-size:11px;
    font-weight:900;
    line-height:1;
}


.bonificada-logyhum__card--persona
.bonificada-logyhum__check{
    color:var(--bf-dorado);
}


.bonificada-logyhum__card--empresa
.bonificada-logyhum__check{
    background:var(--bf-principal);

    border-color:var(--bf-principal);

    color:#fff;
}


/* ==========================================================
   NOTAS LATERALES
========================================================== */

.bonificada-logyhum__nota{
    min-height:175px;

    padding:16px 15px;

    border-radius:10px;
}


.bonificada-logyhum__nota--persona{
    background:linear-gradient(
        135deg,
        #FFF8E9,
        #FFF1D5
    );
}


.bonificada-logyhum__nota--empresa{
    background:linear-gradient(
        135deg,
        #F1F5FF,
        #E9EFFC
    );
}


.bonificada-logyhum__nota-icono{
    margin-bottom:11px;

    color:var(--bf-principal);
}


.bonificada-logyhum__nota--persona
.bonificada-logyhum__nota-icono{
    color:var(--bf-dorado);
}


.bonificada-logyhum__nota-icono svg{
    width:24px;
    height:24px;
}


.bonificada-logyhum__nota p{
    margin:0;

    color:var(--bf-principal);

    font-size:11px;
    font-weight:500;
    line-height:1.52;
}


.bonificada-logyhum__nota p strong{
    font-weight:800;
}


.bonificada-logyhum__nota--persona p strong{
    color:var(--bf-dorado);
}


/* ==========================================================
   FOOTER CARD
========================================================== */

.bonificada-logyhum__card-footer{
    width:100%;

    margin-top:auto;
}


/* ==========================================================
   BOTONES BASE
========================================================== */

.bonificada-logyhum__boton{
    display:flex;

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

    gap:9px;

    width:100%;

    min-height:46px;

    padding:10px 18px;

    border:2px solid transparent;
    border-radius:8px;

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

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

    text-align:center;

    cursor:pointer;

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


.bonificada-logyhum__boton span{
    font-weight:800;
}


.bonificada-logyhum__boton svg{
    width:15px;
    height:15px;

    flex:0 0 15px;

    transition:transform .25s ease;
}


.bonificada-logyhum__boton:hover{
    transform:translateY(-2px);
}


.bonificada-logyhum__boton:hover svg{
    transform:translateX(3px);
}


/* ==========================================================
   BOTÓN CONTACTA CON NOSOTROS
   AZUL
========================================================== */

.bonificada-logyhum__boton--azul{
    background:var(--bf-principal);

    border-color:var(--bf-principal);

    color:#fff !important;

    box-shadow:0 7px 18px rgba(4,18,68,.13);
}


.bonificada-logyhum__boton--azul span{
    color:#fff !important;
}


.bonificada-logyhum__boton--azul svg{
    color:var(--bf-dorado);
}


.bonificada-logyhum__boton--azul:hover{
    background:var(--bf-principal);

    border-color:var(--bf-dorado);

    color:#fff !important;

    box-shadow:0 10px 22px rgba(4,18,68,.17);
}


.bonificada-logyhum__boton--azul:hover span{
    color:#fff !important;
}


/* ==========================================================
   BOTÓN FORMACIÓN BONIFICADA EMPRESAS
   MISMO ESTILO QUE "NO SÉ QUÉ OPOSICIÓN ELEGIR"
========================================================== */

.bonificada-logyhum__boton--dorado{
    background:#fff !important;

    border:2px solid var(--bf-principal) !important;

    color:var(--bf-principal) !important;

    box-shadow:none;
}


.bonificada-logyhum__boton--dorado span{
    color:var(--bf-principal) !important;

    font-weight:800;
}


.bonificada-logyhum__boton--dorado svg{
    color:var(--bf-principal);

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


/* HOVER */
.bonificada-logyhum__boton--dorado:hover{
    background:var(--bf-principal) !important;

    border-color:var(--bf-dorado) !important;

    color:#fff !important;

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


.bonificada-logyhum__boton--dorado:hover span{
    color:#fff !important;
}


.bonificada-logyhum__boton--dorado:hover svg{
    color:var(--bf-dorado);

    transform:translateX(3px);
}


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

.bonificada-logyhum__cta{
    width:100%;

    padding:0 0 34px;

    background:#fff;
}


.bonificada-logyhum__cta-caja{
    display:grid;

    grid-template-columns:
        auto
        minmax(0,1fr)
        minmax(240px,300px);

    align-items:center;

    gap:24px;

    width:100%;

    padding:24px 30px;

    background:#fff;

    border:1px solid var(--bf-linea);
    border-radius:15px;

    box-shadow:0 6px 20px rgba(4,18,68,.04);
}


.bonificada-logyhum__cta-icono{
    display:flex;

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

    width:66px;
    height:66px;

    border:2px solid var(--bf-principal);
    border-radius:50%;

    color:var(--bf-principal);
}


.bonificada-logyhum__cta-icono svg{
    width:29px;
    height:29px;
}


.bonificada-logyhum__cta-contenido h2{
    margin:0 0 5px;

    color:var(--bf-principal);

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


.bonificada-logyhum__cta-contenido p{
    margin:0;

    color:var(--bf-principal);

    font-size:13px;
    line-height:1.5;
}


.bonificada-logyhum__cta-accion{
    width:100%;
}


/* ==========================================================
   1024px - 1199px
   SE MANTIENEN LAS 2 CARDS JUNTAS
========================================================== */

@media (min-width:1024px) and (max-width:1199px){

    .bonificada-logyhum__contenedor{
        width:calc(100% - 36px);
    }


    .bonificada-logyhum__hero{
        padding:40px 0 26px;
    }


    .bonificada-logyhum__hero-grid{
        grid-template-columns:
            minmax(0,1.06fr)
            minmax(330px,.94fr);

        gap:26px;
    }


    .bonificada-logyhum__hero h1{
        font-size:39px;
    }


    .bonificada-logyhum__hero-descripcion{
        font-size:14px;
    }


    .bonificada-logyhum__hero-visual{
        margin-right:
            calc(
                -1 * ((100vw - min(1360px, calc(100vw - 36px))) / 2)
            );
    }


    .bonificada-logyhum__hero-imagen{
        height:370px;
    }


    .bonificada-logyhum__mensaje-orientacion{
        padding:14px 16px;
    }


    .bonificada-logyhum__mensaje-orientacion strong{
        font-size:14px;
    }


    .bonificada-logyhum__opciones-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:16px;
    }


    .bonificada-logyhum__card{
        padding:21px 19px 20px;
    }


    .bonificada-logyhum__card-cabecera{
        gap:13px;
    }


    .bonificada-logyhum__card-icono{
        width:58px;
        height:58px;

        flex-basis:58px;
    }


    .bonificada-logyhum__card-icono svg{
        width:26px;
        height:26px;
    }


    .bonificada-logyhum__card-titulo h2{
        font-size:20px;
    }


    .bonificada-logyhum__card-introduccion{
        font-size:11.5px;
    }


    .bonificada-logyhum__card-contenido{
        grid-template-columns:
            minmax(0,1fr)
            125px;

        gap:12px;
    }


    .bonificada-logyhum__beneficios{
        gap:8px;
    }


    .bonificada-logyhum__beneficios li{
        gap:7px;

        font-size:10.5px;
    }


    .bonificada-logyhum__check{
        width:16px;
        height:16px;

        flex-basis:16px;

        font-size:9px;
    }


    .bonificada-logyhum__nota{
        min-height:165px;

        padding:13px 11px;
    }


    .bonificada-logyhum__nota p{
        font-size:9.5px;
    }


    .bonificada-logyhum__boton{
        min-height:44px;

        padding:9px 11px;

        font-size:11px;
    }


    .bonificada-logyhum__cta-caja{
        grid-template-columns:
            58px
            minmax(0,1fr)
            250px;

        gap:18px;

        padding:22px 24px;
    }


    .bonificada-logyhum__cta-icono{
        width:58px;
        height:58px;
    }


    .bonificada-logyhum__cta-contenido h2{
        font-size:18px;
    }


    .bonificada-logyhum__cta-contenido p{
        font-size:12px;
    }

}


/* ==========================================================
   TABLET 768px - 1023px
========================================================== */

@media (min-width:768px) and (max-width:1023px){

    .bonificada-logyhum__contenedor{
        width:calc(100% - 36px);
    }


    .bonificada-logyhum__hero{
        padding:42px 0 28px;
    }


    .bonificada-logyhum__hero-grid{
        grid-template-columns:1fr;

        gap:27px;
    }


    .bonificada-logyhum__hero-contenido{
        max-width:720px;

        margin:0 auto;

        text-align:center;
    }


    .bonificada-logyhum__microtitulo{
        margin-right:auto;
        margin-left:auto;
    }


    .bonificada-logyhum__hero h1{
        max-width:680px;

        margin-right:auto;
        margin-left:auto;

        font-size:39px;
    }


    .bonificada-logyhum__hero-descripcion{
        max-width:650px;

        margin-right:auto;
        margin-left:auto;

        font-size:14px;
    }


    .bonificada-logyhum__mensaje-orientacion{
        max-width:650px;

        margin:0 auto;

        text-align:left;
    }


    .bonificada-logyhum__hero-visual{
        width:calc(100% + 36px);

        max-width:none;

        margin-right:-18px;
        margin-left:-18px;
    }


    .bonificada-logyhum__hero-visual::before{
        display:none;
    }


    .bonificada-logyhum__hero-imagen{
        height:370px;

        clip-path:none;

        border-radius:0;
    }


    .bonificada-logyhum__opciones-grid{
        grid-template-columns:1fr;

        gap:18px;
    }


    .bonificada-logyhum__card{
        width:100%;
        max-width:720px;

        margin:0 auto;
    }


    .bonificada-logyhum__card-contenido{
        grid-template-columns:
            minmax(0,1fr)
            190px;
    }


    .bonificada-logyhum__cta-caja{
        grid-template-columns:
            60px
            minmax(0,1fr);

        gap:18px;
    }


    .bonificada-logyhum__cta-accion{
        grid-column:1/-1;
    }

}


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

@media (max-width:767px){

    .bonificada-logyhum__contenedor{
        width:calc(100% - 28px);
    }


    .bonificada-logyhum__hero{
        padding:34px 0 22px;
    }


    .bonificada-logyhum__hero-grid{
        grid-template-columns:1fr;

        gap:24px;
    }


    .bonificada-logyhum__hero-contenido{
        text-align:center;
    }


    .bonificada-logyhum__microtitulo{
        margin-right:auto;
        margin-left:auto;

        font-size:11px;
    }


    .bonificada-logyhum__hero h1{
        margin-bottom:16px;

        font-size:30px;
        line-height:1.08;

        letter-spacing:-.6px;
    }


    .bonificada-logyhum__hero-descripcion{
        margin-bottom:20px;

        font-size:13px;
        line-height:1.5;

        text-align:center;
    }


    .bonificada-logyhum__mensaje-orientacion{
        gap:12px;

        padding:13px 14px;

        text-align:left;
    }


    .bonificada-logyhum__mensaje-icono{
        width:40px;
        height:40px;

        flex-basis:40px;
    }


    .bonificada-logyhum__mensaje-icono svg{
        width:18px;
        height:18px;
    }


    .bonificada-logyhum__mensaje-orientacion strong{
        font-size:12.5px;
    }


    /* IMAGEN FULL WIDTH MOBILE */

    .bonificada-logyhum__hero-visual{
        width:calc(100% + 28px);

        max-width:none;

        margin-right:-14px;
        margin-left:-14px;
    }


    .bonificada-logyhum__hero-visual::before{
        display:none;
    }


    .bonificada-logyhum__hero-imagen{
        height:280px;

        clip-path:none;

        border-radius:0;
    }


    /* CARDS */

    .bonificada-logyhum__opciones{
        padding-bottom:20px;
    }


    .bonificada-logyhum__opciones-grid{
        grid-template-columns:1fr;

        gap:16px;
    }


    .bonificada-logyhum__card{
        padding:20px 17px 18px;

        border-radius:14px;
    }


    .bonificada-logyhum__card-cabecera{
        flex-direction:column;

        align-items:center;

        gap:12px;

        text-align:center;
    }


    .bonificada-logyhum__card-icono{
        width:62px;
        height:62px;

        flex-basis:62px;
    }


    .bonificada-logyhum__card-icono svg{
        width:28px;
        height:28px;
    }


    .bonificada-logyhum__etiqueta{
        margin-right:auto;
        margin-left:auto;

        font-size:9px;
    }


    .bonificada-logyhum__card-titulo h2{
        font-size:22px;
        line-height:1.1;
    }


    .bonificada-logyhum__card-titulo h2 br{
        display:none;
    }


    .bonificada-logyhum__card-introduccion{
        margin-bottom:17px;

        padding-bottom:17px;

        font-size:12px;

        text-align:center;
    }


    .bonificada-logyhum__card-contenido{
        grid-template-columns:1fr;

        gap:15px;

        margin-bottom:18px;
    }


    .bonificada-logyhum__beneficios{
        gap:9px;
    }


    .bonificada-logyhum__beneficios li{
        font-size:11.5px;
    }


    .bonificada-logyhum__nota{
        min-height:auto;
    }


    .bonificada-logyhum__nota p{
        font-size:11px;
    }


    .bonificada-logyhum__boton{
        min-height:45px;

        padding:10px 12px;

        font-size:11.5px;
    }


    /* CTA */

    .bonificada-logyhum__cta{
        padding-bottom:24px;
    }


    .bonificada-logyhum__cta-caja{
        grid-template-columns:1fr;

        gap:14px;

        padding:20px 17px;

        text-align:center;
    }


    .bonificada-logyhum__cta-icono{
        width:58px;
        height:58px;

        margin:0 auto;
    }


    .bonificada-logyhum__cta-contenido h2{
        font-size:18px;

        line-height:1.2;
    }


    .bonificada-logyhum__cta-contenido p{
        font-size:11.5px;
    }


    .bonificada-logyhum__cta-contenido p br{
        display:none;
    }

}


/* ==========================================================
   MOBILE PEQUEÑO
========================================================== */

@media (max-width:480px){

    .bonificada-logyhum__contenedor{
        width:calc(100% - 24px);
    }


    .bonificada-logyhum__hero h1{
        font-size:27px;
    }


    .bonificada-logyhum__hero-imagen{
        height:240px;
    }


    .bonificada-logyhum__mensaje-orientacion{
        align-items:flex-start;
    }


    .bonificada-logyhum__card{
        padding:18px 15px;
    }


    .bonificada-logyhum__card-titulo h2{
        font-size:20px;
    }


    .bonificada-logyhum__beneficios li{
        font-size:11px;
    }


    .bonificada-logyhum__boton{
        font-size:11px;
    }

}

/* ==========================================================
   AIRE IZQUIERDO HERO
========================================================== */

.bonificada-logyhum__hero-contenido{
    padding-left:28px;
}

/* ==========================================================
   AIRE LATERAL — 2 CARDS + CTA INFERIOR
========================================================== */

.bonificada-logyhum__opciones > .bonificada-logyhum__contenedor,
.bonificada-logyhum__cta > .bonificada-logyhum__contenedor{
    width:calc(100% - 100px);
    max-width:1360px;
    margin-left:auto;
    margin-right:auto;
}


/* 1024px - 1199px */
@media (min-width:1024px) and (max-width:1199px){

    .bonificada-logyhum__opciones > .bonificada-logyhum__contenedor,
    .bonificada-logyhum__cta > .bonificada-logyhum__contenedor{
        width:calc(100% - 70px);
    }

}


/* TABLET */
@media (min-width:768px) and (max-width:1023px){

    .bonificada-logyhum__opciones > .bonificada-logyhum__contenedor,
    .bonificada-logyhum__cta > .bonificada-logyhum__contenedor{
        width:calc(100% - 40px);
    }

}


/* MOBILE */
@media (max-width:767px){

    .bonificada-logyhum__opciones > .bonificada-logyhum__contenedor,
    .bonificada-logyhum__cta > .bonificada-logyhum__contenedor{
        width:calc(100% - 28px);
    }

}

/* ==========================================================
   EVITAR QUE EL DECORADO DEL HERO PISE LAS CARDS
========================================================== */

.bonificada-logyhum__hero{
    overflow:hidden !important;
}

.bonificada-logyhum__hero-visual::before{
    bottom:0 !important;
}

/* ==========================================================
   MOBILE 426px
   NOTAS: ICONO ARRIBA + TEXTO ABAJO
========================================================== */

/* ==========================================================
   MOBILE 426px
   NOTAS: ICONO ARRIBA + TODO CENTRADO
========================================================== */

@media (max-width:426px){

    .bonificada-logyhum__nota{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;

        gap:12px;

        text-align:center;
    }

    .bonificada-logyhum__nota-icono{
        display:flex;
        align-items:center;
        justify-content:center;

        width:100%;

        margin:0 auto;
    }

    .bonificada-logyhum__nota-icono svg{
        width:26px;
        height:26px;

        margin:0 auto;
    }

    .bonificada-logyhum__nota p{
        width:100%;

        margin:0;

        text-align:center;
    }

}/* End custom CSS */