.elementor-2125 .elementor-element.elementor-element-3fe472b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2125 .elementor-element.elementor-element-1569d59{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2125 .elementor-element.elementor-element-1569d59.e-con{--align-self:flex-end;}.elementor-2125 .elementor-element.elementor-element-cf2b553{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;text-align:start;}.elementor-2125 .elementor-element.elementor-element-cf2b553.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2125 .elementor-element.elementor-element-cf2b553 .elementor-heading-title{font-family:var( --e-global-typography-2de80d3-font-family ), Sans-serif;font-size:var( --e-global-typography-2de80d3-font-size );font-weight:var( --e-global-typography-2de80d3-font-weight );line-height:var( --e-global-typography-2de80d3-line-height );color:#282554;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button span{gap:12px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:11px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-11px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2125 .elementor-element.elementor-element-0765932 .elementor-labels-inline .elementor-field-group > label{padding-left:12px;}body:not(.rtl) .elementor-2125 .elementor-element.elementor-element-0765932 .elementor-labels-inline .elementor-field-group > label{padding-right:12px;}body .elementor-2125 .elementor-element.elementor-element-0765932 .elementor-labels-above .elementor-field-group > label{padding-bottom:12px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group > label, .elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-subgroup label{color:#000000;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group > label{font-weight:800;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-type-html{padding-bottom:0px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#D5D5D5;border-color:#D5D5D5;border-radius:20px 20px 20px 20px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group .elementor-select-wrapper select{background-color:#D5D5D5;border-color:#D5D5D5;border-radius:20px 20px 20px 20px;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-field-group .elementor-select-wrapper::before{color:#D5D5D5;}.elementor-2125 .elementor-element.elementor-element-0765932 .e-form__buttons__wrapper__button-next{background-color:#041244;color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button[type="submit"]{background-color:#041244;color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .e-form__buttons__wrapper__button-next:hover{background-color:#1F09C9;color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button[type="submit"]:hover{background-color:#1F09C9;color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2125 .elementor-element.elementor-element-0765932 .elementor-button{border-radius:16px 16px 16px 16px;padding:15px 0px 15px 0px;}.elementor-2125 .elementor-element.elementor-element-0765932{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2125 .elementor-element.elementor-element-96eeae8{--spacer-size:14px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2125 .elementor-element.elementor-element-cf2b553{width:100%;max-width:100%;text-align:center;}.elementor-2125 .elementor-element.elementor-element-cf2b553 .elementor-heading-title{font-size:var( --e-global-typography-2de80d3-font-size );line-height:var( --e-global-typography-2de80d3-line-height );}}@media(max-width:767px){.elementor-2125 .elementor-element.elementor-element-1569d59{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2125 .elementor-element.elementor-element-cf2b553{width:100%;max-width:100%;}.elementor-2125 .elementor-element.elementor-element-cf2b553 .elementor-heading-title{font-size:var( --e-global-typography-2de80d3-font-size );line-height:var( --e-global-typography-2de80d3-line-height );}}/* Start custom CSS for html, class: .elementor-element-3fe472b *//* ==========================================================
   LOGYHUM 360 — VERSIÓN COMPACTA
   MISMO CRITERIO VISUAL QUE OPOSICIONES
   - Menos scroll
   - Tipografías / iconos / cards más compactos
   - Corte diagonal responsive
   - 1024px: 3 niveles juntos + 4 pasos juntos
   - Desktop/1024: imagen a sangre arriba/abajo/derecha
   HTML SIN MODIFICAR
========================================================== */


/* ==========================================================
   VARIABLES / BASE
========================================================== */

.logyhum360{
    --lg-principal:#041244;
    --lg-secundario:#282554;
    --lg-dorado:#E4A900;

    --lg-texto:#555866;

    --lg-blanco:#FFFFFF;
    --lg-claro:#F7F8FB;
    --lg-gris:#F2F4F9;
    --lg-linea:#E5E8F1;

    --lg-sombra:0 12px 28px rgba(4,18,68,.10);

    width:100%;
    margin:0;

    overflow:hidden;

    background:#FFFFFF;

    color:var(--lg-texto);

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

    -webkit-font-smoothing:antialiased;
}


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


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


.logyhum360 h1,
.logyhum360 h2,
.logyhum360 h3{
    color:var(--lg-principal);

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

    font-weight:800;
}


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


.logyhum360 svg{
    display:block;

    fill:none;

    stroke:currentColor;
    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


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

.logyhum360 .logyhum360__contenedor{
    width:calc(100% - 44px);

    max-width:1360px;

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


/* ==========================================================
   MICROTÍTULOS
========================================================== */

.logyhum360 .logyhum360__microtitulo{
    display:flex;

    align-items:center;

    gap:8px;

    width:fit-content;

    margin-bottom:11px;

    color:var(--lg-principal);

    font-size:13px;
    font-weight:800;

    line-height:1.3;
}


.logyhum360 .logyhum360__microtitulo-linea{
    display:none !important;
}


.logyhum360 .logyhum360__microtitulo--centrado{
    justify-content:center;

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


/* ==========================================================
   SECCIONES
========================================================== */

.logyhum360 .logyhum360__seccion{
    width:100%;

    padding:56px 0;

    background:#FFFFFF;
}


.logyhum360 .logyhum360__seccion--clara{
    background:var(--lg-claro);
}


/* ==========================================================
   ENCABEZADOS GENERALES
========================================================== */

.logyhum360 .logyhum360__encabezado{
    width:100%;

    max-width:730px;

    margin-bottom:30px;
}


.logyhum360 .logyhum360__encabezado--centrado{
    margin-right:auto;
    margin-left:auto;

    text-align:center;
}


.logyhum360 .logyhum360__encabezado h2{
    margin:0 0 12px;

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

    font-size:32px;
    font-weight:800;

    line-height:1.12;

    letter-spacing:-.7px;
}


.logyhum360 .logyhum360__encabezado p{
    width:100%;

    max-width:620px;

    margin:0 auto;

    color:var(--lg-texto);

    font-size:14px;

    line-height:1.55;
}


/* ==========================================================
   BOTONES GENERALES
========================================================== */

.logyhum360 .logyhum360__boton{
    display:inline-flex;

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

    gap:9px;

    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;

    text-decoration:none !important;

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


.logyhum360 .logyhum360__boton span{
    font-weight:800;
}


.logyhum360 .logyhum360__boton svg{
    width:14px;
    height:14px;

    flex:0 0 14px;

    transition:transform .25s ease;
}


.logyhum360 .logyhum360__boton:hover{
    transform:translateY(-2px);
}


.logyhum360 .logyhum360__boton:hover svg{
    transform:translateX(3px);
}


/* BOTÓN PRINCIPAL */

.logyhum360 .logyhum360__boton--principal{
    color:#FFFFFF !important;

    background:var(--lg-principal);

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

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


.logyhum360 .logyhum360__boton--principal svg{
    color:var(--lg-dorado);
}


.logyhum360 .logyhum360__boton--principal:hover{
    color:#FFFFFF !important;

    background:var(--lg-principal);

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

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


/* BOTÓN SECUNDARIO */

.logyhum360 .logyhum360__boton--secundario{
    color:var(--lg-principal) !important;

    background:#FFFFFF;

    border-color:var(--lg-principal);
}


.logyhum360 .logyhum360__boton--secundario:hover{
    color:#FFFFFF !important;

    background:var(--lg-principal);

    border-color:var(--lg-dorado);
}


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

.logyhum360 .logyhum360__hero{
    position:relative;

    display:flex;

    align-items:center;

    width:100%;

    min-height:510px;

    padding:40px 0 44px;

    background:
        linear-gradient(
            108deg,
            #FFFFFF 0%,
            #FFFFFF 58%,
            #F7F8FB 58%,
            #F7F8FB 100%
        );
}


.logyhum360 .logyhum360__hero-grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(320px,.95fr);

    align-items:center;

    gap:34px;
}


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

.logyhum360 .logyhum360__hero-contenido{
    position:relative;

    z-index:2;

    max-width:600px;
}


/* ==========================================================
   HERO — TÍTULO
========================================================== */

.logyhum360 .logyhum360__hero h1{
    max-width:570px;

    margin:0 0 18px;

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

    font-size:42px;
    font-weight:800;

    line-height:1.06;

    letter-spacing:-1px;
}


.logyhum360 .logyhum360__hero h1 strong{
    position:relative;

    display:inline;

    color:var(--lg-dorado) !important;

    font-weight:800;
}


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

.logyhum360 .logyhum360__hero-descripcion{
    max-width:545px;

    margin:0 0 21px;

    color:var(--lg-texto);

    font-size:14.5px;

    line-height:1.58;
}


/* ==========================================================
   HERO — BOTONES
========================================================== */

.logyhum360 .logyhum360__hero-botones{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:24px;
}


/* ==========================================================
   HERO — BENEFICIOS PEQUEÑOS
========================================================== */

.logyhum360 .logyhum360__hero-beneficios{
    display:grid;

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

    gap:12px;

    padding-top:19px;

    border-top:1px solid var(--lg-linea);
}


.logyhum360 .logyhum360__hero-beneficio{
    display:flex;

    flex-direction:column;

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

    min-width:0;

    text-align:center;
}


.logyhum360 .logyhum360__hero-beneficio-icono{
    display:flex;

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

    width:40px;
    height:40px;

    margin:0 auto 8px;

    background:var(--lg-gris);

    border-radius:50%;

    color:var(--lg-principal);

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


.logyhum360 .logyhum360__hero-beneficio-icono svg{
    width:18px;
    height:18px;
}


.logyhum360 .logyhum360__hero-beneficio:hover
.logyhum360__hero-beneficio-icono{
    background:var(--lg-principal);

    color:#FFFFFF;

    transform:translateY(-2px);
}


.logyhum360 .logyhum360__hero-beneficio strong{
    display:block;

    width:100%;

    margin-bottom:2px;

    color:var(--lg-principal);

    font-size:12px;
    font-weight:800;

    line-height:1.3;

    text-align:center;
}


.logyhum360 .logyhum360__hero-beneficio span{
    display:block;

    width:100%;

    color:var(--lg-texto);

    font-size:10.5px;

    line-height:1.4;

    text-align:center;
}


/* ==========================================================
   HERO — VISUAL
========================================================== */

.logyhum360 .logyhum360__hero-visual{
    position:relative;

    width:100%;

    max-width:460px;

    justify-self:end;
}


.logyhum360 .logyhum360__hero-visual::before{
    content:"";

    position:absolute;

    z-index:0;

    right:-14px;
    bottom:-14px;

    width:75%;
    height:75%;

    background:rgba(4,18,68,.06);

    border-radius:22px;
}


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

.logyhum360 .logyhum360__hero-imagen{
    position:relative;

    z-index:1;

    overflow:hidden;

    width:100%;
    height:430px;

    background:var(--lg-gris);

    border-radius:20px;

    box-shadow:0 16px 34px rgba(4,18,68,.12);

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


.logyhum360 .logyhum360__hero-imagen img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center center;
}


/* ==========================================================
   HERO — TARJETA FLOTANTE
========================================================== */

.logyhum360 .logyhum360__hero-tarjeta{
    position:absolute;

    z-index:3;

    right:-10px;
    bottom:22px;

    display:flex;

    align-items:center;

    gap:9px;

    width:min(245px,84%);

    padding:11px 12px;

    background:rgba(255,255,255,.97);

    border:1px solid var(--lg-linea);

    border-radius:12px;

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


.logyhum360 .logyhum360__hero-tarjeta-icono{
    display:flex;

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

    width:36px;
    height:36px;

    flex:0 0 36px;

    border-radius:50%;

    background:var(--lg-principal);

    color:#FFFFFF;
}


.logyhum360 .logyhum360__hero-tarjeta-icono svg{
    width:17px;
    height:17px;

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


.logyhum360 .logyhum360__hero-tarjeta strong{
    display:block;

    margin-bottom:2px;

    color:var(--lg-principal);

    font-size:11.5px;
    font-weight:800;

    line-height:1.3;
}


.logyhum360 .logyhum360__hero-tarjeta span{
    display:block;

    color:var(--lg-texto);

    font-size:9.5px;

    line-height:1.35;
}


/* ==========================================================
   ORIENTACIÓN DESTACADA
========================================================== */

.logyhum360 .logyhum360__orientacion-destacada{
    position:relative;

    display:grid;

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

    align-items:center;

    gap:22px;

    padding:26px 30px;

    overflow:hidden;

    background:var(--lg-principal);

    border:1px solid rgba(228,169,0,.34);

    border-radius:16px;

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


.logyhum360 .logyhum360__orientacion-destacada::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:86px;
    height:3px;

    background:var(--lg-dorado);

    border-radius:0 0 10px 10px;

    transform:translateX(-50%);
}


/* ==========================================================
   ORIENTACIÓN — ICONO
========================================================== */

.logyhum360 .logyhum360__orientacion-icono{
    display:flex;

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

    width:62px;
    height:62px;

    border:2px solid var(--lg-dorado);

    border-radius:50%;

    background:rgba(255,255,255,.06);

    color:#FFFFFF;
}


.logyhum360 .logyhum360__orientacion-icono svg{
    width:25px;
    height:25px;
}


/* ==========================================================
   ORIENTACIÓN — CONTENIDO
========================================================== */

.logyhum360 .logyhum360__orientacion-destacada
.logyhum360__microtitulo{
    margin-bottom:6px;

    color:var(--lg-dorado);

    font-size:11px;

    letter-spacing:.05em;

    text-transform:uppercase;
}


.logyhum360 .logyhum360__orientacion-contenido h2{
    margin:0 0 7px;

    color:#FFFFFF !important;

    font-size:23px;
    font-weight:800;

    line-height:1.18;

    letter-spacing:-.4px;
}


.logyhum360 .logyhum360__orientacion-contenido p{
    max-width:620px;

    margin:0;

    color:rgba(255,255,255,.82);

    font-size:13px;

    line-height:1.5;
}


/* ==========================================================
   ORIENTACIÓN — ACCIÓN
========================================================== */

.logyhum360 .logyhum360__orientacion-accion{
    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    width:100%;

    max-width:280px;
}


.logyhum360 .logyhum360__orientacion-gratis{
    display:flex;

    flex-direction:column;

    align-items:center;

    color:#FFFFFF;

    font-size:25px;
    font-weight:800;

    line-height:1;
}


.logyhum360 .logyhum360__orientacion-gratis small{
    margin-top:5px;

    color:rgba(255,255,255,.68);

    font-size:9px;
    font-weight:400;

    line-height:1.3;

    text-align:center;
}


.logyhum360 .logyhum360__orientacion-accion
.logyhum360__boton{
    width:100%;

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

    background:#FFFFFF;

    border-color:#FFFFFF;
}


.logyhum360 .logyhum360__orientacion-accion
.logyhum360__boton svg{
    color:var(--lg-dorado);
}


.logyhum360 .logyhum360__orientacion-accion
.logyhum360__boton:hover{
    color:#FFFFFF !important;

    background:transparent;

    border-color:var(--lg-dorado);
}


/* ==========================================================
   NIVELES
========================================================== */

.logyhum360 .logyhum360__niveles{
    display:grid;

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

    align-items:stretch;

    gap:16px;
}


/* ==========================================================
   NIVEL — CARD
========================================================== */

.logyhum360 .logyhum360__nivel{
    position:relative;

    display:flex;

    flex-direction:column;

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

    padding:24px 20px 20px;

    background:#FFFFFF;

    border:1px solid var(--lg-linea);

    border-radius:15px;

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

    overflow:visible;

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


.logyhum360 .logyhum360__nivel:hover{
    transform:translateY(-4px);

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

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


.logyhum360 .logyhum360__nivel--destacado{
    border:2px solid var(--lg-dorado);

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


/* ==========================================================
   NIVEL — ETIQUETA
========================================================== */

.logyhum360 .logyhum360__nivel-etiqueta{
    position:absolute;

    top:-12px;
    left:50%;

    padding:5px 12px;

    background:var(--lg-principal);

    color:#FFFFFF;

    border:2px solid var(--lg-dorado);
    border-radius:22px;

    font-size:9px;
    font-weight:800;

    letter-spacing:.04em;

    text-transform:uppercase;

    white-space:nowrap;

    transform:translateX(-50%);
}


/* ==========================================================
   NIVEL — ICONO
========================================================== */

.logyhum360 .logyhum360__nivel-icono{
    display:flex;

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

    width:52px;
    height:52px;

    margin:0 auto 12px;

    background:var(--lg-gris);

    color:var(--lg-principal);

    border-radius:50%;

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


.logyhum360 .logyhum360__nivel-icono svg{
    width:21px;
    height:21px;
}


.logyhum360 .logyhum360__nivel:hover
.logyhum360__nivel-icono{
    background:var(--lg-principal);

    color:#FFFFFF;

    transform:scale(1.03);
}


.logyhum360 .logyhum360__nivel--destacado
.logyhum360__nivel-icono{
    background:var(--lg-principal);

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


/* ==========================================================
   NIVEL — NÚMERO
========================================================== */

.logyhum360 .logyhum360__nivel-numero{
    position:absolute;

    top:18px;
    right:18px;

    color:rgba(4,18,68,.09);

    font-size:27px;
    font-weight:800;

    line-height:1;
}


/* ==========================================================
   NIVEL — TEXTOS
========================================================== */

.logyhum360 .logyhum360__nivel h3{
    margin:0 0 5px;

    color:var(--lg-principal);

    font-size:18px;
    font-weight:800;

    line-height:1.25;

    text-align:center;
}


.logyhum360 .logyhum360__nivel-subtitulo{
    display:block;

    margin-bottom:11px;

    color:var(--lg-dorado);

    font-size:10.5px;
    font-weight:800;

    line-height:1.35;

    text-align:center;
}


.logyhum360 .logyhum360__nivel p{
    margin:0 0 14px;

    color:var(--lg-texto);

    font-size:12px;

    line-height:1.5;
}


.logyhum360 .logyhum360__nivel ul{
    display:grid;

    gap:7px;

    margin:0 0 16px;

    padding:0;

    list-style:none;
}


.logyhum360 .logyhum360__nivel li{
    position:relative;

    padding-left:19px;

    color:var(--lg-texto);

    font-size:11px;

    line-height:1.4;
}


.logyhum360 .logyhum360__nivel li::before{
    content:"✓";

    position:absolute;

    top:0;
    left:0;

    color:var(--lg-dorado);

    font-weight:900;
}


/* ==========================================================
   NIVEL — PRECIO
========================================================== */

.logyhum360 .logyhum360__nivel-precio{
    margin:0 0 14px;

    text-align:center;
}


.logyhum360 .logyhum360__nivel-precio strong{
    display:block;

    margin-bottom:3px;

    color:var(--lg-principal);

    font-size:25px;
    font-weight:800;

    line-height:1;
}


.logyhum360 .logyhum360__nivel-precio span{
    display:block;

    color:var(--lg-texto);

    font-size:9.5px;
}


/* ==========================================================
   NIVEL — BOTÓN
========================================================== */

.logyhum360 .logyhum360__nivel-boton{
    display:flex;

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

    gap:8px;

    min-height:44px;

    margin-top:auto;

    padding:9px 13px;

    background:#FFFFFF;

    border:2px solid var(--lg-principal);
    border-radius:8px;

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

    font-size:12px;
    font-weight:800;

    text-align:center;

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


.logyhum360 .logyhum360__nivel-boton svg{
    width:14px;
    height:14px;

    color:var(--lg-dorado);

    transition:transform .25s ease;
}


.logyhum360 .logyhum360__nivel-boton:hover{
    color:#FFFFFF !important;

    background:var(--lg-principal);

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

    transform:translateY(-2px);

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


.logyhum360 .logyhum360__nivel-boton:hover svg{
    transform:translateX(3px);
}


.logyhum360 .logyhum360__nivel--destacado
.logyhum360__nivel-boton{
    color:#FFFFFF !important;

    background:var(--lg-principal);

    border-color:var(--lg-principal);
}


.logyhum360 .logyhum360__nivel--destacado
.logyhum360__nivel-boton:hover{
    border-color:var(--lg-dorado);
}


/* ==========================================================
   PASOS
========================================================== */

.logyhum360 .logyhum360__pasos{
    display:grid;

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

    gap:16px;
}


/* ==========================================================
   PASO — CARD
========================================================== */

.logyhum360 .logyhum360__paso{
    position:relative;

    min-height:190px;

    padding:22px 18px;

    overflow:hidden;

    background:#FFFFFF;

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

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

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


.logyhum360 .logyhum360__paso::before{
    content:"";

    position:absolute;

    top:0;
    left:50%;

    width:58px;
    height:3px;

    background:var(--lg-dorado);

    border-radius:0 0 20px 20px;

    transform:translateX(-50%);
}


.logyhum360 .logyhum360__paso:hover{
    transform:translateY(-4px);

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

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


.logyhum360 .logyhum360__paso-numero{
    position:absolute;

    top:17px;
    right:16px;

    color:rgba(4,18,68,.09);

    font-size:28px;
    font-weight:800;

    line-height:1;
}


.logyhum360 .logyhum360__paso-icono{
    display:flex;

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

    width:50px;
    height:50px;

    margin-bottom:14px;

    background:var(--lg-gris);

    border-radius:50%;

    color:var(--lg-principal);

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


.logyhum360 .logyhum360__paso-icono svg{
    width:21px;
    height:21px;
}


.logyhum360 .logyhum360__paso:hover
.logyhum360__paso-icono{
    background:var(--lg-principal);

    color:#FFFFFF;

    transform:scale(1.03);
}


.logyhum360 .logyhum360__paso h3{
    margin:0 0 8px;

    color:var(--lg-principal);

    font-size:15px;
    font-weight:800;

    line-height:1.3;
}


.logyhum360 .logyhum360__paso p{
    margin:0;

    color:var(--lg-texto);

    font-size:11.5px;

    line-height:1.5;
}


/* ==========================================================
   RECURSOS
========================================================== */

.logyhum360 .logyhum360__recursos{
    display:grid;

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

    gap:16px;
}


.logyhum360 .logyhum360__recurso{
    position:relative;

    min-height:185px;

    padding:22px 20px;

    background:#FFFFFF;

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

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

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


.logyhum360 .logyhum360__recurso:hover{
    transform:translateY(-4px);

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

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


.logyhum360 .logyhum360__recurso-icono{
    display:flex;

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

    width:50px;
    height:50px;

    margin-bottom:13px;

    background:var(--lg-gris);

    border-radius:50%;

    color:var(--lg-principal);

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


.logyhum360 .logyhum360__recurso-icono svg{
    width:21px;
    height:21px;
}


.logyhum360 .logyhum360__recurso:hover
.logyhum360__recurso-icono{
    background:var(--lg-principal);

    color:#FFFFFF;

    transform:scale(1.03);
}


.logyhum360 .logyhum360__recurso h3{
    margin:0 0 7px;

    color:var(--lg-principal);

    font-size:16px;
    font-weight:800;
}


.logyhum360 .logyhum360__recurso p{
    margin:0 0 11px;

    color:var(--lg-texto);

    font-size:12px;

    line-height:1.5;
}


.logyhum360 .logyhum360__recurso > a{
    display:inline-flex;

    align-items:center;

    gap:6px;

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

    font-size:11.5px;
    font-weight:800;

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


.logyhum360 .logyhum360__recurso > a span{
    color:var(--lg-dorado);

    transition:transform .25s ease;
}


.logyhum360 .logyhum360__recurso > a:hover{
    color:var(--lg-principal) !important;
}


.logyhum360 .logyhum360__recurso > a:hover span{
    transform:translateX(3px);
}


/* ==========================================================
   DESKTOP + 1024PX
   IMAGEN A SANGRE ARRIBA / ABAJO / DERECHA
   NO TOCA LA COLUMNA IZQUIERDA
========================================================== */

@media (min-width:1024px){

    .logyhum360 .logyhum360__hero-grid{
        align-items:stretch;
    }


    .logyhum360 .logyhum360__hero-visual{
        position:relative !important;

        width:calc(100% + 22px) !important;
        max-width:none !important;

        min-height:430px;
        height:100% !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
        margin-left:0 !important;
        margin-right:-22px !important;

        padding:0 !important;

        align-self:stretch !important;
        justify-self:stretch !important;

        transform:none !important;

        overflow:hidden !important;

        background:transparent !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }


    .logyhum360 .logyhum360__hero-visual::before{
        content:none !important;
        display:none !important;
    }


    .logyhum360 .logyhum360__hero-imagen{
        position:absolute !important;

        top:0 !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;

        width:100% !important;
        max-width:none !important;

        height:100% !important;
        min-height:100% !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        background:transparent !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;

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


    .logyhum360 .logyhum360__hero-imagen img{
        position:absolute !important;

        inset:0 !important;

        display:block !important;

        width:100% !important;
        max-width:none !important;

        height:100% !important;
        min-height:100% !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        border:0 !important;
        border-radius:0 !important;

        box-shadow:none !important;
    }


    /* Tarjeta flotante más compacta sobre la imagen */
    .logyhum360 .logyhum360__hero-tarjeta{
        right:14px;
        bottom:16px;
    }
}


/* ==========================================================
   1024PX — 1199PX
   3 NIVELES JUNTOS + 4 PASOS JUNTOS
========================================================== */

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

    .logyhum360 .logyhum360__contenedor{
        width:calc(100% - 40px);
    }


    .logyhum360 .logyhum360__seccion{
        padding:46px 0;
    }


    .logyhum360 .logyhum360__hero{
        min-height:465px;

        padding:32px 0 36px;
    }


    .logyhum360 .logyhum360__hero-grid{
        grid-template-columns:
            minmax(0,1fr)
            minmax(300px,.92fr);

        gap:22px;

        align-items:stretch;
    }


    .logyhum360 .logyhum360__hero h1{
        font-size:36px;

        letter-spacing:-.7px;
    }


    .logyhum360 .logyhum360__hero-descripcion{
        max-width:500px;

        font-size:13px;

        line-height:1.52;
    }


    .logyhum360 .logyhum360__boton{
        min-height:42px;

        padding:9px 14px;

        font-size:11.5px;
    }


    .logyhum360 .logyhum360__hero-beneficios{
        gap:8px;

        padding-top:15px;
    }


    .logyhum360 .logyhum360__hero-beneficio-icono{
        width:35px;
        height:35px;
    }


    .logyhum360 .logyhum360__hero-beneficio-icono svg{
        width:16px;
        height:16px;
    }


    .logyhum360 .logyhum360__hero-beneficio strong{
        font-size:10.5px;
    }


    .logyhum360 .logyhum360__hero-beneficio span{
        font-size:9px;
    }


    /* Imagen: recuperamos solamente el margen derecho de 20px */
    .logyhum360 .logyhum360__hero-visual{
        width:calc(100% + 20px) !important;

        min-height:400px;

        margin-right:-20px !important;
    }


    .logyhum360 .logyhum360__hero-imagen{
        clip-path:polygon(
            12% 0,
            100% 0,
            100% 100%,
            0 100%
        ) !important;
    }


    .logyhum360 .logyhum360__hero-tarjeta{
        right:10px;
        bottom:12px;

        width:min(215px,82%);

        padding:9px 10px;
    }


    .logyhum360 .logyhum360__hero-tarjeta-icono{
        width:31px;
        height:31px;

        flex:0 0 31px;
    }


    .logyhum360 .logyhum360__hero-tarjeta-icono svg{
        width:15px;
        height:15px;
    }


    .logyhum360 .logyhum360__hero-tarjeta strong{
        font-size:10px;
    }


    .logyhum360 .logyhum360__hero-tarjeta span{
        font-size:8.5px;
    }


    .logyhum360 .logyhum360__encabezado{
        margin-bottom:24px;
    }


    .logyhum360 .logyhum360__encabezado h2{
        font-size:27px;
    }


    .logyhum360 .logyhum360__encabezado p{
        font-size:12.5px;
    }


    /* ORIENTACIÓN */
    .logyhum360 .logyhum360__orientacion-destacada{
        grid-template-columns:52px minmax(0,1fr) minmax(215px,245px);

        gap:16px;

        padding:22px 24px;
    }


    .logyhum360 .logyhum360__orientacion-icono{
        width:52px;
        height:52px;
    }


    .logyhum360 .logyhum360__orientacion-icono svg{
        width:21px;
        height:21px;
    }


    .logyhum360 .logyhum360__orientacion-contenido h2{
        font-size:20px;
    }


    .logyhum360 .logyhum360__orientacion-contenido p{
        font-size:11.5px;
    }


    .logyhum360 .logyhum360__orientacion-gratis{
        font-size:22px;
    }


    /* LOS 3 NIVELES JUNTOS */
    .logyhum360 .logyhum360__niveles{
        grid-template-columns:repeat(3,minmax(0,1fr));

        gap:10px;
    }


    .logyhum360 .logyhum360__nivel{
        min-height:375px;

        padding:20px 14px 15px;
    }


    .logyhum360 .logyhum360__nivel-icono{
        width:45px;
        height:45px;

        margin-bottom:10px;
    }


    .logyhum360 .logyhum360__nivel-icono svg{
        width:18px;
        height:18px;
    }


    .logyhum360 .logyhum360__nivel-numero{
        top:15px;
        right:12px;

        font-size:23px;
    }


    .logyhum360 .logyhum360__nivel h3{
        font-size:15px;
    }


    .logyhum360 .logyhum360__nivel-subtitulo{
        margin-bottom:9px;

        font-size:9px;
    }


    .logyhum360 .logyhum360__nivel p{
        margin-bottom:11px;

        font-size:10px;
    }


    .logyhum360 .logyhum360__nivel ul{
        gap:5px;

        margin-bottom:12px;
    }


    .logyhum360 .logyhum360__nivel li{
        padding-left:16px;

        font-size:9px;
    }


    .logyhum360 .logyhum360__nivel-precio strong{
        font-size:22px;
    }


    .logyhum360 .logyhum360__nivel-boton{
        min-height:39px;

        padding:8px 8px;

        font-size:9.5px;
    }


    /* LOS 4 PASOS JUNTOS */
    .logyhum360 .logyhum360__pasos{
        grid-template-columns:repeat(4,minmax(0,1fr));

        gap:10px;
    }


    .logyhum360 .logyhum360__paso{
        min-height:165px;

        padding:18px 12px;
    }


    .logyhum360 .logyhum360__paso-icono{
        width:43px;
        height:43px;

        margin-bottom:11px;
    }


    .logyhum360 .logyhum360__paso-icono svg{
        width:18px;
        height:18px;
    }


    .logyhum360 .logyhum360__paso-numero{
        top:14px;
        right:11px;

        font-size:23px;
    }


    .logyhum360 .logyhum360__paso h3{
        font-size:12.5px;
    }


    .logyhum360 .logyhum360__paso p{
        font-size:9.5px;

        line-height:1.45;
    }


    /* RECURSOS */
    .logyhum360 .logyhum360__recursos{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:12px;
    }


    .logyhum360 .logyhum360__recurso{
        min-height:160px;

        padding:18px 16px;
    }
}


/* ==========================================================
   TABLET — 768PX A 1023PX
   CORTE DIAGONAL TAMBIÉN EN TABLET
========================================================== */

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

    .logyhum360 .logyhum360__contenedor{
        width:calc(100% - 40px);
    }


    .logyhum360 .logyhum360__seccion{
        padding:50px 0;
    }


    .logyhum360 .logyhum360__hero{
        min-height:auto;

        padding:44px 0 50px;

        background:#FFFFFF;
    }


    .logyhum360 .logyhum360__hero-grid{
        grid-template-columns:1fr;

        gap:30px;
    }


    .logyhum360 .logyhum360__hero-contenido{
        max-width:700px;

        margin:0 auto;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero-contenido
    .logyhum360__microtitulo{
        margin-right:auto;
        margin-left:auto;
    }


    .logyhum360 .logyhum360__hero h1{
        max-width:620px;

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

        font-size:38px;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero-descripcion{
        max-width:600px;

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

        font-size:14px;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero-botones{
        justify-content:center;
    }


    .logyhum360 .logyhum360__hero-beneficios{
        max-width:620px;

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


    .logyhum360 .logyhum360__hero-visual{
        width:100%;

        max-width:620px;

        margin:0 auto;

        justify-self:center;
    }


    .logyhum360 .logyhum360__hero-visual::before{
        display:none;
    }


    .logyhum360 .logyhum360__hero-imagen{
        width:100%;

        height:400px;

        border-radius:0;

        box-shadow:none;

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


    .logyhum360 .logyhum360__hero-tarjeta{
        right:14px;
        bottom:14px;
    }


    .logyhum360 .logyhum360__encabezado h2{
        font-size:29px;
    }


    /* ORIENTACIÓN */
    .logyhum360 .logyhum360__orientacion-destacada{
        grid-template-columns:58px minmax(0,1fr);

        gap:18px;

        padding:24px;
    }


    .logyhum360 .logyhum360__orientacion-accion{
        grid-column:1 / -1;

        max-width:none;
    }


    /* NIVELES */
    .logyhum360 .logyhum360__niveles{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:14px;
    }


    .logyhum360 .logyhum360__nivel:last-child{
        grid-column:1 / -1;

        width:calc(50% - 7px);

        justify-self:center;
    }


    /* PASOS */
    .logyhum360 .logyhum360__pasos{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:14px;
    }


    /* RECURSOS */
    .logyhum360 .logyhum360__recursos{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}


/* ==========================================================
   MOBILE — HASTA 767PX
   CORTE DIAGONAL TAMBIÉN EN MOBILE
========================================================== */

@media (max-width:767px){

    .logyhum360 .logyhum360__contenedor{
        width:calc(100% - 30px);
    }


    .logyhum360 .logyhum360__seccion{
        padding:42px 0;
    }


    /* ENCABEZADOS */
    .logyhum360 .logyhum360__encabezado{
        margin-bottom:25px;
    }


    .logyhum360 .logyhum360__encabezado h2{
        font-size:25px;

        line-height:1.15;

        letter-spacing:-.4px;
    }


    .logyhum360 .logyhum360__encabezado p{
        font-size:13px;

        line-height:1.55;
    }


    .logyhum360 .logyhum360__microtitulo{
        justify-content:center;

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

        font-size:11.5px;
    }


    /* HERO */
    .logyhum360 .logyhum360__hero{
        min-height:auto;

        padding:38px 0 44px;

        background:#FFFFFF;
    }


    .logyhum360 .logyhum360__hero-grid{
        grid-template-columns:1fr;

        gap:26px;
    }


    .logyhum360 .logyhum360__hero-contenido{
        max-width:none;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero h1{
        margin-right:auto;
        margin-left:auto;

        font-size:31px;

        line-height:1.08;

        letter-spacing:-.6px;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero-descripcion{
        margin-right:auto;
        margin-left:auto;

        font-size:13px;

        line-height:1.55;

        text-align:center;
    }


    .logyhum360 .logyhum360__hero-botones{
        flex-direction:column;

        gap:9px;
    }


    .logyhum360 .logyhum360__hero-botones
    .logyhum360__boton{
        width:100%;
    }


    /* HERO BENEFICIOS — LOS 3 JUNTOS */
    .logyhum360 .logyhum360__hero-beneficios{
        grid-template-columns:repeat(3,minmax(0,1fr));

        gap:6px;

        max-width:100%;

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

        padding-top:16px;
    }


    .logyhum360 .logyhum360__hero-beneficio-icono{
        width:34px;
        height:34px;

        margin-bottom:7px;
    }


    .logyhum360 .logyhum360__hero-beneficio-icono svg{
        width:15px;
        height:15px;
    }


    .logyhum360 .logyhum360__hero-beneficio strong{
        font-size:9.5px;
    }


    .logyhum360 .logyhum360__hero-beneficio span{
        font-size:8px;
    }


    /* HERO IMAGEN */
    .logyhum360 .logyhum360__hero-visual{
        width:100%;

        max-width:100%;

        margin:0;

        justify-self:stretch;
    }


    .logyhum360 .logyhum360__hero-visual::before{
        display:none;
    }


    .logyhum360 .logyhum360__hero-imagen{
        width:100%;

        height:340px;

        border-radius:0;

        box-shadow:none;

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


    .logyhum360 .logyhum360__hero-tarjeta{
        right:10px;
        bottom:10px;

        width:min(220px,82%);

        padding:9px 10px;
    }


    .logyhum360 .logyhum360__hero-tarjeta-icono{
        width:31px;
        height:31px;

        flex:0 0 31px;
    }


    .logyhum360 .logyhum360__hero-tarjeta-icono svg{
        width:14px;
        height:14px;
    }


    .logyhum360 .logyhum360__hero-tarjeta strong{
        font-size:10px;
    }


    .logyhum360 .logyhum360__hero-tarjeta span{
        font-size:8.5px;
    }


    /* ORIENTACIÓN */
    .logyhum360 .logyhum360__orientacion-destacada{
        display:flex;

        flex-direction:column;

        align-items:center;

        gap:15px;

        padding:22px 18px;

        border-radius:15px;

        text-align:center;
    }


    .logyhum360 .logyhum360__orientacion-icono{
        width:52px;
        height:52px;

        margin:0 auto;
    }


    .logyhum360 .logyhum360__orientacion-icono svg{
        width:21px;
        height:21px;
    }


    .logyhum360 .logyhum360__orientacion-contenido{
        width:100%;

        text-align:center;
    }


    .logyhum360 .logyhum360__orientacion-destacada
    .logyhum360__microtitulo{
        margin-right:auto;
        margin-left:auto;

        font-size:10px;
    }


    .logyhum360 .logyhum360__orientacion-contenido h2{
        font-size:21px;

        text-align:center;
    }


    .logyhum360 .logyhum360__orientacion-contenido p{
        margin:0 auto;

        font-size:12px;

        text-align:center;
    }


    .logyhum360 .logyhum360__orientacion-accion{
        width:100%;

        max-width:none;

        align-items:center;
    }


    .logyhum360 .logyhum360__orientacion-accion
    .logyhum360__boton{
        width:100%;
    }


    /* NIVELES */
    .logyhum360 .logyhum360__niveles{
        grid-template-columns:1fr;

        gap:13px;
    }


    .logyhum360 .logyhum360__nivel{
        min-height:auto;

        padding:22px 18px 18px;
    }


    .logyhum360 .logyhum360__nivel-icono{
        width:48px;
        height:48px;
    }


    .logyhum360 .logyhum360__nivel-icono svg{
        width:19px;
        height:19px;
    }


    .logyhum360 .logyhum360__nivel h3{
        font-size:17px;
    }


    .logyhum360 .logyhum360__nivel p{
        font-size:11.5px;
    }


    .logyhum360 .logyhum360__nivel li{
        font-size:10.5px;
    }


    /* PASOS */
    .logyhum360 .logyhum360__pasos{
        grid-template-columns:1fr;

        gap:12px;
    }


    .logyhum360 .logyhum360__paso{
        min-height:auto;

        padding:20px 17px;

        text-align:center;
    }


    .logyhum360 .logyhum360__paso-icono{
        width:46px;
        height:46px;

        margin:0 auto 12px;
    }


    .logyhum360 .logyhum360__paso-numero{
        font-size:24px;
    }


    .logyhum360 .logyhum360__paso h3{
        font-size:15px;

        text-align:center;
    }


    .logyhum360 .logyhum360__paso p{
        font-size:11.5px;

        text-align:center;
    }


    /* RECURSOS */
    .logyhum360 .logyhum360__recursos{
        grid-template-columns:1fr;

        gap:12px;
    }


    .logyhum360 .logyhum360__recurso{
        min-height:auto;

        padding:20px 18px;

        text-align:center;
    }


    .logyhum360 .logyhum360__recurso-icono{
        margin-right:auto;
        margin-left:auto;
    }
}


/* ==========================================================
   MOBILE PEQUEÑO — HASTA 480PX
========================================================== */

@media (max-width:480px){

    .logyhum360 .logyhum360__contenedor{
        width:calc(100% - 24px);
    }


    .logyhum360 .logyhum360__hero h1{
        font-size:29px;
    }


    .logyhum360 .logyhum360__hero-imagen{
        height:300px;

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


    .logyhum360 .logyhum360__hero-beneficios{
        grid-template-columns:1fr;

        gap:12px;

        max-width:300px;
    }


    .logyhum360 .logyhum360__hero-beneficio{
        display:grid;

        grid-template-columns:34px 1fr;

        align-items:center;

        gap:10px;

        text-align:left;
    }


    .logyhum360 .logyhum360__hero-beneficio-icono{
        margin:0;
    }


    .logyhum360 .logyhum360__hero-beneficio strong,
    .logyhum360 .logyhum360__hero-beneficio span{
        text-align:left;
    }


    .logyhum360 .logyhum360__hero-beneficio strong{
        font-size:10px;
    }


    .logyhum360 .logyhum360__hero-beneficio span{
        font-size:8.5px;
    }


    .logyhum360 .logyhum360__hero-tarjeta{
        position:relative;

        right:auto;
        bottom:auto;

        width:calc(100% - 18px);

        margin:-24px auto 0;
    }


    .logyhum360 .logyhum360__boton{
        padding-right:14px;
        padding-left:14px;

        font-size:12px;
    }
}


/* ==========================================================
   RECURSOS — TODO CENTRADO
========================================================== */

.logyhum360 .logyhum360__recurso{
    display:flex !important;
    flex-direction:column !important;

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

    text-align:center !important;
}


/* ICONO */
.logyhum360 .logyhum360__recurso-icono{
    margin-left:auto !important;
    margin-right:auto !important;
}


/* TÍTULO */
.logyhum360 .logyhum360__recurso h3{
    width:100% !important;

    text-align:center !important;
}


/* DESCRIPCIÓN */
.logyhum360 .logyhum360__recurso p{
    width:100% !important;

    text-align:center !important;
}


/* ENLACE */
.logyhum360 .logyhum360__recurso > a{
    display:inline-flex !important;

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

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
}

/* ==========================================================
   LOGYHUM 360 — 3 BENEFICIOS EN UNA SOLA FILA
========================================================== */

.logyhum360__hero-beneficios{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;

    width:100% !important;
}


/* CADA BENEFICIO */
.logyhum360__hero-beneficio{
    display:flex !important;
    flex-direction:column !important;

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

    min-width:0 !important;

    text-align:center !important;
}


/* ICONO */
.logyhum360__hero-beneficio-icono{
    margin-left:auto !important;
    margin-right:auto !important;
}


/* TEXTO */
.logyhum360__hero-beneficio strong,
.logyhum360__hero-beneficio span{
    display:block !important;
    width:100% !important;
    text-align:center !important;
}


/* ==========================================================
   1024PX — MANTENER LOS 3 EN UNA FILA
========================================================== */

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

    .logyhum360__hero-beneficios{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:10px !important;
    }

}


/* ==========================================================
   MOBILE
   TAMBIÉN LOS 3 EN UNA FILA
========================================================== */

@media (max-width:767px){

    .logyhum360__hero-beneficios{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
        gap:6px !important;
    }

    .logyhum360__hero-beneficio strong{
        font-size:10.5px !important;
    }

    .logyhum360__hero-beneficio span{
        font-size:9px !important;
    }

}


/* ==========================================
   NIVELES — ACHICAR CARDS SIN BOTONES
========================================== */

.logyhum360 .logyhum360__nivel{
    min-height: 0 !important;
    height: auto !important;
    padding-bottom: 22px !important;
}



/* ==========================================================
   HERO — BOTONES SUPERIORES + TERCER BOTÓN
========================================================== */

/* MISMO ANCHO PARA EL GRUPO DE ARRIBA Y EL DE ABAJO */
.logyhum360 .logyhum360__hero-botones,
.logyhum360 .logyhum360__hero-itinerario{
    width:480px !important;
    max-width:100% !important;
}


/* ==========================================================
   BOTONES SUPERIORES
========================================================== */

.logyhum360 .logyhum360__hero-botones{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    gap:10px !important;

    margin-bottom:10px !important;
}

.logyhum360 .logyhum360__hero-botones .logyhum360__boton{
    width:100% !important;
}


/* ==========================================================
   TERCER BOTÓN
========================================================== */

.logyhum360 .logyhum360__hero-itinerario{
    margin:0 0 24px !important;
}

.logyhum360 .logyhum360__hero-itinerario a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    width:100% !important;
    min-height:46px !important;

    padding:11px 18px !important;

    background:#FFF9E8 !important;

    border:1px solid #E4A900 !important;
    border-radius:8px !important;

    color:#041244 !important;

    font-family:"Lato",Arial,sans-serif !important;
    font-size:13px !important;
    font-weight:800 !important;

    text-decoration:none !important;

    box-sizing:border-box !important;

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


/* TEXTO */

.logyhum360 .logyhum360__hero-itinerario a span{
    color:#041244 !important;
    font-weight:800 !important;
}


/* FLECHA */

.logyhum360 .logyhum360__hero-itinerario a svg{
    width:14px !important;
    height:14px !important;

    flex:0 0 14px !important;

    color:#E4A900 !important;

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


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

.logyhum360 .logyhum360__hero-itinerario a:hover{
    background:#E4A900 !important;

    border-color:#E4A900 !important;

    color:#041244 !important;

    transform:translateY(-2px) !important;

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


/* TEXTO SIGUE AZUL */

.logyhum360 .logyhum360__hero-itinerario a:hover span{
    color:#041244 !important;
}


/* FLECHA PASA A AZUL */

.logyhum360 .logyhum360__hero-itinerario a:hover svg{
    color:#041244 !important;

    transform:translateX(3px) !important;
}

/* ==========================================
   TABLET — CENTRAR LOS 3 BOTONES DEL HERO
========================================== */

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

    .logyhum360 .logyhum360__hero-botones,
    .logyhum360 .logyhum360__hero-itinerario{
        width:600px !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .logyhum360 .logyhum360__hero-botones{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;

        gap:10px !important;

        margin-bottom:10px !important;
    }

    .logyhum360 .logyhum360__hero-botones .logyhum360__boton{
        width:100% !important;
    }

    .logyhum360 .logyhum360__hero-itinerario{
        margin-bottom:24px !important;
    }

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

@media (max-width:767px){

    .logyhum360 .logyhum360__hero-botones,
    .logyhum360 .logyhum360__hero-itinerario{
        width:100% !important;
        max-width:100% !important;
    }

    .logyhum360 .logyhum360__hero-botones{
        grid-template-columns:1fr !important;
    }

    .logyhum360 .logyhum360__hero-itinerario a{
        justify-content:center !important;
    }

}

/* ==========================================
   HERO 360 — EVITAR RECORTE EN PANTALLAS GRANDES
========================================== */

@media (min-width:1200px){

    .logyhum360 .logyhum360__hero-visual{
        min-height:520px !important;
    }

    .logyhum360 .logyhum360__hero-imagen{
        min-height:520px !important;
        height:100% !important;
    }

    .logyhum360 .logyhum360__hero-imagen img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
        object-position:center top !important;
    }

}

/* ==========================================
   HERO 360 — AJUSTE IMAGEN EN 1024PX
========================================== */

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

    .logyhum360 .logyhum360__hero-visual{
        min-height:430px !important;
        height:430px !important;
    }

    .logyhum360 .logyhum360__hero-imagen{
        width:100% !important;
        height:430px !important;
        min-height:430px !important;

        overflow:hidden !important;
    }

    .logyhum360 .logyhum360__hero-imagen img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        /* PRIORIZA LA PARTE SUPERIOR */
        object-position:center top !important;

        transform:none !important;
    }

}

/* ==========================================
   HERO 360 — IMAGEN MOBILE
   HASTA 426PX
========================================== */

@media (max-width:426px){

    .logyhum360 .logyhum360__hero-visual{
        min-height:0 !important;
        height:auto !important;
    }

    .logyhum360 .logyhum360__hero-imagen{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        overflow:visible !important;
    }

    .logyhum360 .logyhum360__hero-imagen img{
        display:block !important;

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

        height:auto !important;
        min-height:0 !important;

        object-fit:initial !important;
        object-position:initial !important;

        transform:none !important;

        margin:0 !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cf2b553 *//* =====================================
   TÍTULO — SOLICITAR INFORMACIÓN
   WIDGET: cf2b553
===================================== */

.elementor-element-cf2b553{
    width:100% !important;
    margin:0 0 24px !important;
}

.elementor-element-cf2b553 .elementor-heading-title{
    margin:0 !important;
    padding:0 !important;

    color:#041244 !important;

    font-family:"Lato",Arial,sans-serif !important;
    font-size:20px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    text-align:left !important;
}


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

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

    .elementor-element-cf2b553 .elementor-heading-title{
        font-size:20px !important;
        text-align:center !important;
    }

}


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

@media (max-width:767px){

    .elementor-element-cf2b553{
        margin-bottom:20px !important;
    }

    .elementor-element-cf2b553 .elementor-heading-title{
        font-size:20px !important;
        text-align:center !important;
    }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-0765932 */.elementor-2125 .elementor-field-type-acceptance label a{
    font-size:12px !important;
}

#formulario1{
    position: sticky !important;
    top: 20px !important;
    align-self: flex-start !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1569d59 *//* ==================================================
   FORMULARIO OPOSICIONES / SIDEBAR
   MISMO TAMAÑO — ESTILO ACTUALIZADO
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59{
    width:100% !important;
    font-family:"Lato", sans-serif !important;
}


/* ==================================================
   CONTENEDOR CAMPOS
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-form-fields-wrapper{
    display:flex !important;
    flex-wrap:wrap !important;

    row-gap:12px !important;

    margin:0 !important;
    padding:0 !important;
}


/* ==================================================
   TODOS A UNA COLUMNA
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-group{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-col-50,
.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-col-100{
    width:100% !important;
}


/* ==================================================
   LABELS
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-label{
    display:block !important;

    width:100% !important;

    margin:0 0 5px 0 !important;

    padding:0 0 0 10px !important;

    color:#041244 !important;

    font-family:"Lato", sans-serif !important;

    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:800 !important;

    text-align:left !important;
}


/* ==================================================
   INPUTS
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input.elementor-field-textual,
.elementor-2125 .elementor-element.elementor-element-1569d59 textarea.elementor-field-textual,
.elementor-2125 .elementor-element.elementor-element-1569d59 select.elementor-field-textual{
    width:100% !important;

    background:#ffffff !important;

    color:#041244 !important;

    border:1.5px solid #CBD0DA !important;

    box-shadow:none !important;
    outline:none !important;

    font-family:"Lato", sans-serif !important;

    font-size:14px !important;
    font-weight:400 !important;

    box-sizing:border-box !important;

    transition:
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* ==================================================
   INPUT NORMAL
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input.elementor-field-textual,
.elementor-2125 .elementor-element.elementor-element-1569d59 select.elementor-field-textual{
    min-height:45px !important;

    padding:10px 18px !important;

    border-radius:24px !important;
}


/* ==================================================
   MENSAJE
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 textarea.elementor-field-textual{
    min-height:105px !important;
    height:105px !important;

    padding:13px 16px !important;

    border-radius:12px !important;

    resize:vertical !important;
}


/* ==================================================
   PLACEHOLDER
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input::placeholder,
.elementor-2125 .elementor-element.elementor-element-1569d59 textarea::placeholder{
    color:#686b76 !important;

    opacity:1 !important;
}


/* ==================================================
   HOVER CAMPOS
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input.elementor-field-textual:hover,
.elementor-2125 .elementor-element.elementor-element-1569d59 textarea.elementor-field-textual:hover,
.elementor-2125 .elementor-element.elementor-element-1569d59 select.elementor-field-textual:hover{
    border-color:#9EA5B3 !important;
}


/* ==================================================
   FOCUS
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input.elementor-field-textual:focus,
.elementor-2125 .elementor-element.elementor-element-1569d59 textarea.elementor-field-textual:focus,
.elementor-2125 .elementor-element.elementor-element-1569d59 select.elementor-field-textual:focus{
    border-color:#041244 !important;

    box-shadow:
        0 0 0 3px rgba(4,18,68,.08) !important;
}


/* ==================================================
   CHECKBOXES
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-acceptance{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-acceptance
+ .elementor-field-type-acceptance{
    margin-top:-6px !important;
}


.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-option{
    display:flex !important;

    align-items:flex-start !important;

    gap:8px !important;

    margin:0 !important;
    padding:0 !important;
}


/* ==================================================
   CASILLA
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input[type="checkbox"].elementor-acceptance-field{
    -webkit-appearance:none !important;
    appearance:none !important;

    position:relative !important;

    flex:0 0 17px !important;

    width:17px !important;
    height:17px !important;

    margin:1px 0 0 0 !important;
    padding:0 !important;

    background:#ffffff !important;

    border:1.5px solid #8f95a2 !important;

    border-radius:3px !important;

    cursor:pointer !important;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease !important;
}


/* ==================================================
   HOVER CHECKBOX
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input[type="checkbox"].elementor-acceptance-field:hover{
    border-color:#041244 !important;

    box-shadow:
        0 0 0 3px rgba(4,18,68,.05) !important;
}


/* ==================================================
   CHECKBOX MARCADO
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input[type="checkbox"].elementor-acceptance-field:checked{
    background:#041244 !important;

    border-color:#041244 !important;
}


/* ==================================================
   TICK
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 input[type="checkbox"].elementor-acceptance-field:checked::after{
    content:"" !important;

    position:absolute !important;

    left:5px !important;
    top:1px !important;

    width:4px !important;
    height:9px !important;

    border:solid #ffffff !important;

    border-width:0 2px 2px 0 !important;

    transform:rotate(45deg) !important;
}


/* ==================================================
   TEXTO CHECKBOX
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-acceptance label{
    margin:0 !important;
    padding:0 !important;

    color:#4F5360 !important;

    font-family:"Lato", sans-serif !important;

    font-size:11px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
}


/* ==================================================
   ENLACES CHECKBOX
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-acceptance label a{
    color:#041244 !important;

    font-weight:700 !important;

    text-decoration:underline !important;

    text-underline-offset:2px !important;
}


.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-acceptance label a:hover{
    color:#E4A900 !important;
}


/* ==================================================
   BOTÓN — CONTENEDOR
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-field-type-submit{
    width:100% !important;

    margin-top:2px !important;
}


/* ==================================================
   BOTÓN
   MISMO TAMAÑO ORIGINAL
================================================== */

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-button{
    width:100% !important;

    min-height:46px !important;

    padding:0 18px !important;

    background:#041244 !important;

    border:2px solid #041244 !important;

    border-radius:30px !important;

    color:#ffffff !important;

    font-family:"Lato", sans-serif !important;

    font-size:14px !important;
    font-weight:700 !important;

    box-shadow:
        0 6px 18px rgba(4,18,68,.12) !important;

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


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

.elementor-2125 .elementor-element.elementor-element-1569d59 .elementor-button:hover{
    background:#041244 !important;

    border-color:#E4A900 !important;

    color:#ffffff !important;

    transform:translateY(-2px) !important;

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


/* ==================================================
   CAJA GENERAL
   MISMO TAMAÑO ORIGINAL
================================================== */

#formulario1{
    background:#F5F6FA !important;

    padding:25px 22px !important;

    border-radius:18px !important;

    border:1px solid #E6E7EE !important;

    box-shadow:
        0 8px 25px rgba(40,37,84,.06) !important;
}


/* ==================================================
   STICKY
================================================== */

#formulario1{
    position:sticky !important;

    top:20px !important;

    align-self:flex-start !important;
}

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

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

    #formulario1{
        margin-left:20px !important;
        margin-right:40px !important;
        width:calc(100% - 50px) !important;
    }

}


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

@media (max-width:767px){

    #formulario1{
        margin-left:10px !important;
        margin-right:10px !important;
        width:calc(100% - 20px) !important;
    }

}/* End custom CSS */