.elementor-6456 .elementor-element.elementor-element-e3ea1dd{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-6456 .elementor-element.elementor-element-806e678{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6456 .elementor-element.elementor-element-806e678:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-806e678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6456 .elementor-element.elementor-element-806e678.e-con{--align-self:flex-start;}.elementor-6456 .elementor-element.elementor-element-c186bdc{width:var( --container-widget-width, 1.341% );max-width:1.341%;--container-widget-width:1.341%;--container-widget-flex-grow:0;}.elementor-6456 .elementor-element.elementor-element-c186bdc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6456 .elementor-element.elementor-element-69da577{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-6456 .elementor-element.elementor-element-69da577:not(.elementor-motion-effects-element-type-background), .elementor-6456 .elementor-element.elementor-element-69da577 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-6456 .elementor-element.elementor-element-69da577.e-con{--align-self:flex-start;}@media(max-width:1024px){.elementor-6456 .elementor-element.elementor-element-806e678{--margin-top:-1vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}}@media(min-width:768px){.elementor-6456 .elementor-element.elementor-element-e3ea1dd{--width:100%;}.elementor-6456 .elementor-element.elementor-element-806e678{--width:100%;}.elementor-6456 .elementor-element.elementor-element-69da577{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-933fae9 */.usuario-banner{
  width:100vw;
  height:31.25vw;
  max-height:31.25vw;
  background:#fff;
  display:flex;
  overflow:hidden;
  margin-left:calc(-50vw + 50%);
  margin-right:calc(-50vw + 50%);
  isolation:isolate;
}

.usuario-content{
  width:50%;
  padding:3.47vw 4.17vw 3.47vw 17vw !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  position:relative;
  z-index:2;
  color:#090250;
  font-family:'Roboto',sans-serif;
}

.usuario-content::before,
.usuario-content::after{
  position:absolute;
  font-family:Arial Black;
  font-weight:900;
  color:#F5F5F5;
  pointer-events:none;
  user-select:none;
  z-index:-1;
}

.usuario-content::before{
  content:"✧";
  font-size:14vw;
  left:5vw;
  top:1vw;
  transform:rotate(-15deg);
}

.usuario-content::after{
  content:"✧✧";
  font-size:9vw;
  left:12vw;
  top:15vw;
  transform:rotate(12deg);
  letter-spacing:.5vw;
}

.usuario-title{
  font-size:3vw;
  line-height:1.2;
  margin-bottom:1.5vw;
  color:#090250;
  font-family:'Roboto',sans-serif;
}

.usuario-kavirt{
  color:#F3CB4E;
  position:relative;
  display:inline-block;
}

.usuario-kavirt::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-0.3vw;
  width:100%;
  height:0.3vw;
  background:#F3CB4E;
  border-radius:5vw;
}

.kavirt-text-usuario{
  font-size:1vw;
  line-height:1.5;
  max-width:28vw;
  color:#090250;
  margin-bottom:2vw;
}

.usuario-button{
  background:#000075;
  color:#fff;
  border:none;
  border-radius:5vw;
  padding:.9vw 1.8vw;
  font-size:.85vw;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.6vw;
  width:fit-content;
  transition:.3s;
}

.usuario-button:hover{
  background:#C9D6FB;
  color:#000075;
  transform:scale(1.05);
}

.usuario-button-arrow{
  font-size:.85vw;
}

.usuario-image{
  width:50%;
  overflow:hidden;
}

.usuario-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-top-left-radius:50% 100%;
  border-bottom-left-radius:50% 100%;
  box-shadow:0 0 2vw rgba(0,0,117,.18);
}



/* ==========================
   RESPONSIVE
========================== */

/* ==========================================
   PANTALLAS GRANDES / DESKTOP XL
   2400pxpx en adelante
   Monitores Full HD, superiores
========================================== */


@media (min-width:2400px){

  .usuario-title{
    font-size:5rem;
  }

  .kavirt-text-usuario{
    font-size:2rem;
    max-width:36rem;
    line-height:1.6;
  }

  .usuario-button{
    font-size:1.5rem;
    padding:1rem 2rem;
    gap:1rem;
  }

  .usuario-button-arrow{
    font-size:1.5rem;
  }

  .usuario-kavirt::after{
    height:.35rem;
    bottom:-.4rem;
  }

}




/* ==========================================
   TABLETS Y PORTÁTILES PEQUEÑOS
   881px - 1024px
   iPads, tablets horizontales y laptops compactos
========================================== */



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

  .usuario-banner{
    display:flex;
    flex-direction:row;
    min-height:550px;
    max-height:none !important;
    overflow:hidden;
    align-items:stretch;
  }

  .usuario-content{
    width:55%;
    height:100%;
    padding:3rem 4rem 3rem 8rem !important;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

  }

  .usuario-image{
    width:45%;
    height:100%;
    flex-shrink:0;
    overflow:hidden;
  }

  .usuario-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
    border:none !important;
    box-shadow:none !important;
    border-radius:25% 0 0 0 / 100px 0 0 0 !important;
  }

  .usuario-title{
    font-size:4rem;
    line-height:1.05;
    margin-bottom:1.2rem;
       


  }

  .kavirt-text-usuario{
    font-size:1.2rem;
    line-height:1.6;
    max-width:90%;
    margin-bottom:2rem;
  }

  .usuario-button{
    font-size:1rem;
    padding:1rem 2rem;
  }
}

/* ==========================================
   MÓVILES Y TABLETS PEQUEÑAS
   880px abajo
   Smartphones en vertical y horizontal
========================================== */



@media (max-width:880px){

  .usuario-banner{
    display:flex;
    flex-direction:column;
    height:auto;
    max-height:none;
    min-height:auto;
    margin-top:-20px;
    overflow:visible;
  }

  .usuario-image{
    width:100%;
    height:40vh;
    min-height:320px;
    max-height:450px;
    order:1;
    overflow:hidden;
  }

  .usuario-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 0 50% 50% / 0 0 40px 40px !important;
  }

  .usuario-content{
    width:100%;
    order:2;
    padding:0 6% 2rem 6% !important;
    text-align:center;
    align-items:center;
    margin-top:.5;
  }

  .usuario-title{
    font-size:3.3rem;
    line-height:1.05;
    margin-bottom:1rem;
  }

  .kavirt-text-usuario{
    font-size:1.1rem;
    line-height:1.6;
    max-width:600px;
    margin-bottom:1.8rem;
  }

  .usuario-button{
    font-size:1rem;
    padding:.95rem 1.8rem;
  }

  .usuario-content::before,
  .usuario-content::after{
    font-size:25vw;
    opacity:.05;
  }

  .usuario-kavirt::after{
    height:.3rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c186bdc */@media (max-width:1024px){
    .linea-azul{
        display:none;
    }
}

@media (min-width:2400px){
    .linea-azul{
       left: 20rem;
      
    
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acbecd0 *//* ===================================
   USER SECURITY
=================================== */

.user-security{
    width:100%;
    
    padding:90px 6%;
    display:flex;
    align-items:center;
    gap:50px;
    box-sizing:border-box;
}

/* TITULO */

.user-security-title{
    flex:0 0 280px;
}

.user-security-title h2{
    margin:0;
    color:#fff;
    font-size:3rem;
    font-weight:800;
    line-height:0.95;
    text-transform:uppercase;
}

.user-security-title span{
    color:#f3cb4e;
}

.user-security-line{
    width:60%;
    height:.3REM;
    background:#f3cb4e;
    margin:0 0 22PX 0;
    border-radius:50px;
}

.user-security-title p{
    margin:0;
    color:#fff;
    font-size:1rem;
}

/* GRID */

.user-security-grid{
        display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    width:100%;
}

/* CARD */

.user-security-card{
    border:2px solid #c9d6fb;
    border-radius:14px;
    padding:35px 24px;
    text-align:center;
    min-height:320px;
    background: #000075;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.user-security-icon{
    width:70px;
    height:70px;
    border:2px solid #c9d6fb;
    border-radius:50%;

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

    margin-bottom:25px;
}

.user-security-icon i{
    color:#c9d6fb;
    font-size:28px;
}

.user-security-card h3{
    color:#fff;
    font-size:1.4rem;
    font-weight:700;
    margin:0 0 18px;
    line-height:1.2;
}

.user-security-card p{
    color:#fff;
    font-size:0.95rem;
    line-height:1.45;
    margin:0;
}



/* ==========================
   RESPONSIVE
========================== */



/* ==========================================
   PANTALLAS GRANDES / DESKTOP XL
   2400pxpx en adelante
   Monitores Full HD, superiores
========================================== */


@media (min-width:2400px){

    .user-security-title h2{
        font-size:3.5rem;
    }

    .user-security-title p{
        font-size:1.3rem;
        line-height:1.8;
    }

    .user-security-line{
         width:60%;
        height:.3REM;
    }

    .user-security-card{
        padding:50px 35px;
    }

    .user-security-icon{
        width:110px;
        height:110px;
    }

    .user-security-icon i{
        font-size:45px;
    }

    .user-security-card h3{
        font-size:1.8rem;
    }

    .user-security-card p{
        font-size:1.3rem;
        line-height:1.8;
    }

}




/* ==========================================
   TABLETS Y PORTÁTILES PEQUEÑOS
   881px - 1024px
   iPads, tablets horizontales y laptops compactos
========================================== */

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

    .user-security{
        flex-direction:column;
        text-align:center;
        padding:60px 30px;
    }

    .user-security-title{
        flex:none;
    }

    .user-security-title h2{
        font-size:3rem;
    }

    .user-security-title p{
        font-size:.95rem;
        line-height:1.6;
        max-width:700px;
        margin:auto;
    }

    .user-security-line{
    width:60%;
    height:.3REM;
    margin:0 0 20PX 20%;
    }

    .user-security-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:20px;
        width:100%;
    }

    .user-security-card{
        min-height:auto;
        padding:25px 20px;
    }

    .user-security-icon{
        width:65px;
        height:65px;
    }

    .user-security-icon i{
        font-size:24px;
    }

    .user-security-card h3{
        font-size:1.2rem;
    }

    .user-security-card p{
        font-size:.85rem;
        line-height:1.5;
    }
}




/* ==========================================
   MÓVILES Y TABLETS PEQUEÑAS
   880px abajo
   Smartphones en vertical y horizontal
========================================== */


@media (max-width:880px){

    .user-security{
        flex-direction:column;
        text-align:center;
        padding:70px 20px;
    }

    .user-security-title{
        flex:none;
    }

    .user-security-title h2{
        font-size:2rem;
    }

    .user-security-title p{
        font-size:1.1rem;
        line-height:1.8;
    }

    .user-security-line{
         width:60%;
    height:.3REM;
        margin:0 0 20PX 20%;
    }

    .user-security-grid{
        width:100%;
        grid-template-columns:1fr;
    }

    .user-security-card{
        min-height:auto;
        padding:30px 20px;
    }

    .user-security-card h3{
        font-size:1.3rem;
    }

    .user-security-card p{
        font-size:1.1rem;
        line-height:1.7;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-806e678 */@media (max-width:880px){

    .benefits-parent{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
    }

    .user-benefits-phone{
        display:none !important;
    }

    .user-benefits-section{
        width:100% !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a479b1 */.user-benefits-section{

    width:100%;

    padding:4vw 3vw;

    overflow:hidden;

    font-family:'Roboto',sans-serif;
}

.user-benefits-container{

    display:flex;
    align-items:stretch;
    justify-content:space-between;
    gap:2vw;

}




/* INTRO */




.user-benefits-intro{

    width:25%;

    color:#FFFFFF;

    display:flex;

    flex-direction:column;

    justify-content:center;

    min-height:22vw;

    position:relative;
    
}

.user-benefits-heading{

    font-size:2vw;

    line-height:1;

    margin:0;

    font-weight:700;
    color: #FFFFFF;
}

.user-benefits-heading span{

    color: #f3cb4e;
    font-size:2.5VW;
}

.user-benefits-line{

     width:4vw;
    height:.35vw;
    background:#f3cb4e;
    border-radius:5vw;
    position:relative;
    overflow:hidden;
    margin-top:.7vw;
    margin-bottom: 1VW;
}

.user-benefits-text{

    font-size:1vw;

    line-height:1.4;

    margin:0;
    color: #fff;
}

/* TARJETAS */

.user-benefit-card{

    width:20%;


    position:relative;

    padding-left:2vw;
}

.user-benefit-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:.15vw;

    height:100%;

    background:#FFFFFF;
}

.user-benefit-top{

    display:flex;

    align-items:center;

    gap:1vw;

    margin-bottom:1.5vw;
}

.user-benefit-top i{

    width:5vw;

    height:5vw;

    border: .24vw solid #C9D6FB;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2.5vw;

    color:#C9D6FB;
}

.user-benefit-top span{

    font-size:2vw;

    font-weight:700;

    color:#C9D6FB;
}


.user-benefit-card h3{
    font-size:1.5vw;
    line-height:1.1;
    margin:0 0 1vw 0;
    color:#f3cb4e;
}

.user-benefit-card p{
    font-size:1vw;
    line-height:1.4;
    margin:0;
    color:#FFFFFF;
}



/* IMAGEN*/

.user-benefits-phone{
    width:18%;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    
}

.user-benefits-phone img{
    width:100%;
    max-width:260px;
    height:auto;
    display:block;
    transform: scale(2);
}



/* ==========================
   RESPONSIVE
========================== */



/* ==========================================
   PANTALLAS GRANDES / DESKTOP XL
   2400pxpx en adelante
   Monitores Full HD, superiores
========================================== */


@media (min-width:2400px){

    .user-benefits-heading{
        font-size:3.5rem;
    }

    .user-benefits-heading span{
        font-size:3.5rem;
    }

    .user-benefits-line{
        width:100px;
        height:6px;
        margin-top:1rem;
        margin-bottom:1.2rem;
    }

    .user-benefits-text{
        font-size:1.3rem;
        line-height:1.8;
    }

    .user-benefit-top i{
        width:110px;
        height:110px;
        font-size:3rem;
    }

    .user-benefit-top span{
        font-size:2.5rem;
    }

    .user-benefit-card h3{
        font-size:1.8rem;
        margin-bottom:1rem;
    }

    .user-benefit-card p{
        font-size:1.3rem;
        line-height:1.8;
    }

    .user-benefits-phone img{
        max-width:420px;
    }

}




/* ==========================================
   TABLETS Y PORTÁTILES PEQUEÑOS
   881px - 1024px
   iPads, tablets horizontales y laptops compactos
========================================== */




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

    .user-benefits-container{
        display:flex;
        align-items:stretch;
        gap:0;
        overflow:visible !important;
        border-radius:18px;
        background:transparent;
        box-shadow:0 6px 20px rgba(0,0,0,.12);
    }

    /* PANEL AZUL */
    .user-benefits-intro{
        width:30%;
        background:transparent !important;
        padding:30px 20px;
        color:#fff;
        min-height:auto;
    }

    .user-benefits-heading{
        font-size:2rem;
        line-height:1;
    }

    .user-benefits-heading span{
        font-size:1.7rem;
    }

    .user-benefits-line{
        width:50%;
        height:.3REM;
        margin:0 0 20PX 0;
    }

    .user-benefits-text{
        font-size:.95rem;
        line-height:1.6;
    }

    /* ESPACIO PARA LA IMAGEN */
    .user-benefits-intro::after{
        content:"";
        display:block;
        height:140px;
    }

    /* BENEFICIOS */
    .user-benefit-card{
        width:17.5%;
        background:#000075;
        padding:10% 2%;
    }

    .user-benefit-card::before{
        background:#c9d6fb;
        width:1px;
    }

    .user-benefit-top{
        justify-content:center;
        margin-bottom:12px;
    }

    .user-benefit-top span{
        display:none;
    }

    .user-benefit-top i{
        width:58px;
        height:58px;
        font-size:1.5em;
        border:none;
        background:#c9d6fb;
        color:#000075;
    }

    .user-benefit-card h3{
        font-size:1.1rem;
        text-align:center;
        margin-bottom:8px;
        color:#f3cb4e;
    }

    .user-benefit-card p{
        font-size:.85rem;
        line-height:1.5;
        text-align:center;
        color:#fff;
    }

    .user-benefits-section{
        position:relative;
    }

    .user-benefits-phone{
        position:absolute;
        left:1%;
        bottom:-3rem;
        width:auto;
        z-index:1;
        transform:scale(.5);
    }

}



/* ==========================================
   MÓVILES Y TABLETS PEQUEÑAS
   880px abajo
   Smartphones en vertical y horizontal
========================================== */



@media (max-width:880px){
    

    
    /* OCULTA LA IMAGEN */
    .user-benefits-phone{
        display:none !important;
    }

    /* SECCIÓN */
    .user-benefits-section{
        width:100% !important;
        padding:40px 20px;
        box-sizing:border-box;
    }

    /* CONTENEDOR PRINCIPAL */
    .user-benefits-container{
        width:100% !important;
        max-width:100% !important;

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

        margin:0 auto;
        gap:12px;
    }

    /* INTRO */
    .user-benefits-intro{
        width:100%;
        min-height:auto;
        margin:0 auto 10px auto;

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

        text-align:center;
    }

    .user-benefits-heading{
        font-size:2rem;
        line-height:.95;
        text-align:center;
        margin:0;
    }

    .user-benefits-heading span{
        font-size:1.5rem;
    }

    .user-benefits-line{
        width:15%;
        height:4px;
        margin:0 0 20PX 0;
    }

    .user-benefits-text{
        font-size:1.3rem;
        text-align:center;
        margin:0;
    }

    /* TARJETAS */
    .user-benefit-card{
        width:80%;
        background:#fff;
        border-radius:14px;
        padding:16px;

        display:flex;
        align-items:center;
        gap:14px;

        color:#111;
        box-sizing:border-box;
    }

    .user-benefit-card::before{
        display:none;
    }

    .user-benefit-top{
        margin:0;
        flex-shrink:0;

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

    .user-benefit-top span{
        display:none;
    }

    .user-benefit-top i{
        width:42px;
        height:42px;

        border:none;
        border-radius:10px;

        background:#eef0ff;
        color:#000075;

        font-size:1.5rem;

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

    .user-benefit-content{
        flex:1;
    }

    .user-benefit-card h3{
        font-size:1.3rem;
        margin:0 0 6px 0;
        color:#000075;
    }

    .user-benefit-card p{
        font-size:1rem;
        line-height:1.4;
        margin:0;
        color:#090250;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69da577 */.benefits-parent{
    position:relative;
}

@media (max-width:880px){

    .benefits-parent{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        max-width:100% !important;
    }

    .user-benefits-phone{
        display:none !important;
    }

    .user-benefits-section{
        width:100% !important;
    }

}/* End custom CSS */