.elementor-12 .elementor-element.elementor-element-7c884df{--display:flex;--min-height:645px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:70px;--padding-right:70px;}.elementor-12 .elementor-element.elementor-element-7c884df:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7c884df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7e8ad76 );}.elementor-12 .elementor-element.elementor-element-eb1269a{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-eb1269a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-f8a27d2{--display:flex;}.elementor-12 .elementor-element.elementor-element-da1e9b6{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-db6e0a4{--display:flex;}.elementor-12 .elementor-element.elementor-element-c8b64ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-fd9da81{--display:flex;}.elementor-12 .elementor-element.elementor-element-ff6d074{--display:flex;}.elementor-12 .elementor-element.elementor-element-f3d9f3f{--display:flex;}.elementor-12 .elementor-element.elementor-element-122d79c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-81a9bcc{--display:flex;}.elementor-12 .elementor-element.elementor-element-903c521{--display:flex;}.elementor-12 .elementor-element.elementor-element-6eb008b{--display:flex;}.elementor-12 .elementor-element.elementor-element-208829c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-06bcf23{--display:flex;}.elementor-12 .elementor-element.elementor-element-03f8090{--display:flex;}.elementor-12 .elementor-element.elementor-element-f35c0f8{--display:flex;}.elementor-12 .elementor-element.elementor-element-922d0d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-9861d2d{--display:flex;}.elementor-12 .elementor-element.elementor-element-835a66d{--display:flex;}.elementor-12 .elementor-element.elementor-element-69a848b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-4e44d21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-121cd7f{--display:flex;}.elementor-12 .elementor-element.elementor-element-121cd7f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-121cd7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://medinicaragua.com/wp-content/uploads/2026/07/bionica.webp");background-position:-65px 0px;background-size:cover;}.elementor-12 .elementor-element.elementor-element-d51fd9e{--display:flex;}.elementor-12 .elementor-element.elementor-element-25a541a{--display:flex;}.elementor-12 .elementor-element.elementor-element-7b96e83{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-7c48da3{--display:flex;}.elementor-12 .elementor-element.elementor-element-7c48da3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7c48da3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://medinicaragua.com/wp-content/uploads/2026/07/farmanica.webp");background-position:-57px 0px;background-size:cover;}.elementor-12 .elementor-element.elementor-element-d60ddc2{--display:flex;}.elementor-12 .elementor-element.elementor-element-c63472c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-70c82e4{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-c1baad3{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-121cd7f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-121cd7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-12 .elementor-element.elementor-element-7c48da3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7c48da3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-7c884df{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-f8a27d2{--margin-top:-41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-9861d2d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-69a848b{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-121cd7f:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-121cd7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://medinicaragua.com/wp-content/uploads/2026/07/bionica.webp");background-position:0px -286px;}.elementor-12 .elementor-element.elementor-element-121cd7f{--min-height:0px;}.elementor-12 .elementor-element.elementor-element-d51fd9e{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7c48da3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7c48da3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://medinicaragua.com/wp-content/uploads/2026/07/farmanica.webp");background-position:0px -156px;}.elementor-12 .elementor-element.elementor-element-7c48da3{--min-height:154px;}.elementor-12 .elementor-element.elementor-element-c63472c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-eb1269a{--width:55%;}.elementor-12 .elementor-element.elementor-element-f8a27d2{--width:45%;}.elementor-12 .elementor-element.elementor-element-121cd7f{--width:35%;}.elementor-12 .elementor-element.elementor-element-25a541a{--width:65%;}.elementor-12 .elementor-element.elementor-element-7c48da3{--width:35%;}.elementor-12 .elementor-element.elementor-element-d60ddc2{--width:65%;}}/* Start custom CSS for html, class: .elementor-element-61ab6df *//*=========================================
 HERO IZQUIERDO
=========================================*/

.medinica-left{

    width:100%;
    max-width:620px;

}

/*=========================================
 BADGE
=========================================*/

.hero-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 20px;

    background:#EEF4FF;

    border-radius:12px;

    margin-bottom:28px;

}

.hero-badge span{

    color:#1B3765;

    font-size:13px;

    font-weight:600;

    letter-spacing:.8px;

    text-transform:uppercase;

}

/*=========================================
 TITULO
=========================================*/

.medinica-left h1{

    margin:0 0 28px;

    font-size:clamp(46px,5vw,58px);

    line-height:1.08;

    font-weight:700;

    letter-spacing:-2px;

    color:#1B3765;

}

.medinica-left h1 span{

    display:block;

    color:#C12126;

}

/*=========================================
 DESCRIPCION
=========================================*/

.medinica-left p{

    margin:0 0 36px;

    max-width:610px;

    font-size:19px;

    line-height:1.8;

    color:#667085;

}

.medinica-left strong{

    color:#1B3765;

    font-weight:700;

}

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

.hero-buttons{

    display:flex;

    align-items:center;

    gap:16px;

    flex-wrap:wrap;

}

.btn-primary,
.btn-secondary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:16px 34px;

    border-radius:12px;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.30s ease;

}

.btn-primary{

    background:#C12126;

    color:#FFF;

    box-shadow:0 12px 30px rgba(193,33,38,.18);

}

.btn-primary:hover{

    background:#A61C21;

    transform:translateY(-3px);

}

.btn-secondary{

    background:#FFF;

    color:#1B3765;

    border:1px solid #E5E7EB;

}

.btn-secondary:hover{

    border-color:#1B3765;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transform:translateY(-3px);

}

/*=========================================
 ICONOS
=========================================*/

.btn-primary i{

    font-size:21px;

    color:#FFFFFF;

}

.btn-secondary i{

    font-size:16px;

    color:#1B3765;

    transition:.3s;

}

.btn-secondary:hover i{

    transform:translateY(3px);

}

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

@media(max-width:767px){

    .medinica-left{

        max-width:100%;

    }

    .medinica-left h1{

        font-size:40px;

        line-height:1.12;

        letter-spacing:-1px;

    }

    .medinica-left p{

        font-size:17px;

    }

    .hero-buttons{

        flex-direction:column;

        align-items:stretch;

    }

    .btn-primary,
    .btn-secondary{

        width:100%;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a83150e *//*=================================================
HERO DERECHA
=================================================*/

.hero-right{

    width:100%;

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding-top:20px;

}

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

.hero-image-wrapper{

    position:relative;

    width:100%;

    max-width:650px;

    margin-left:auto;

    border-radius:24px;

    overflow:hidden;

}

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

.hero-image{

    width:100%;

    display:block;

    aspect-ratio:4 / 5;

    object-fit:cover;

    object-position:center center;

    border-radius:24px;

    transition:all .35s ease;

    box-shadow:
        0 18px 45px rgba(15,23,42,.08);

}

/* Si Elementor sobrescribe el estilo */

.hero-image-wrapper img{

    width:100% !important;

    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    object-position:center center !important;

    border-radius:24px !important;

}

/* Hover */

.hero-image-wrapper:hover .hero-image{

    transform:scale(1.03);

}

/*=================================================
CARD FLOTANTE
=================================================*/

.hero-floating-card{

    position:absolute;

    left:26px;

    bottom:26px;

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 22px;

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

    backdrop-filter:blur(10px);

    border-radius:16px;

    box-shadow:
        0 15px 40px rgba(15,23,42,.12);

    transition:.30s ease;

}

.hero-floating-card:hover{

    transform:translateY(-4px);

}

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

.floating-icon{

    width:58px;

    height:58px;

    border-radius:14px;

    background:#EEF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.floating-icon svg{

    width:30px;

    height:30px;

}

/*=================================================
TEXTOS
=================================================*/

.hero-floating-card small{

    display:block;

    margin-bottom:5px;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    color:#98A2B3;

    text-transform:uppercase;

}

.hero-floating-card h4{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#1B3765;

    line-height:1.2;

}

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

@media(max-width:1024px){

    .hero-right{

        padding-top:0;

    }

    .hero-image-wrapper{

        max-width:560px;

        margin:auto;

    }

    .hero-image-wrapper,
    .hero-image{

        border-radius:20px;

    }

}

/*=================================================
MOVIL
=================================================*/

@media(max-width:767px){

    .hero-right{

        margin-top:45px;

        padding-top:0;

    }

    .hero-image-wrapper{

        max-width:100%;

        border-radius:18px;

    }

    .hero-image{

        aspect-ratio:4 / 5;

        border-radius:18px;

    }

    .hero-image-wrapper img{

        border-radius:18px !important;

    }

    .hero-floating-card{

        left:16px;

        right:16px;

        bottom:16px;

        padding:16px;

        gap:14px;

        border-radius:14px;

    }

    .floating-icon{

        width:48px;

        height:48px;

    }

    .floating-icon svg{

        width:24px;

        height:24px;

    }

    .hero-floating-card h4{

        font-size:18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b526ced *//*=========================================
ENCABEZADO SERVICIOS
=========================================*/

.services-header{

    width:100%;

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

/*=========================================
BADGE
=========================================*/

.services-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 22px;

    background:#EEF4FF;

    border-radius:12px;

    margin-bottom:20px;

}

.services-badge span{

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    color:#1B3765;

    text-transform:uppercase;

}

/*=========================================
TITULO
=========================================*/

.services-header h2{

    margin:0 0 18px;

    color:#1B3765;

    font-size:clamp(34px,4vw,48px);

    font-weight:700;

    line-height:1.2;

    letter-spacing:-1px;

}

/*=========================================
DESCRIPCION
=========================================*/

.services-header p{

    margin:0 auto;

    max-width:720px;

    color:#667085;

    font-size:18px;

    line-height:1.8;

}

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

@media(max-width:1024px){

    .services-header{

        margin-bottom:55px;

    }

}

/*=========================================
MOVIL
=========================================*/

@media(max-width:767px){

    .services-header{

        margin-bottom:45px;

        padding:0 10px;

    }

    .services-badge{

        padding:10px 18px;

    }

    .services-badge span{

        font-size:12px;

    }

    .services-header h2{

        font-size:30px;

        line-height:1.25;

    }

    .services-header p{

        font-size:16px;

        line-height:1.7;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b70500 *//*=========================================
CARD
=========================================*/

.service-card{

    background:#FFF;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(15,23,42,.08);

    transition:.35s ease;

    height:100%;

}

.service-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(15,23,42,.12);

}

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

.service-image{

    overflow:hidden;

    height:170px;

}

.service-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:.45s ease;

}

.service-card:hover .service-image img{

    transform:scale(1.08);

}

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

.service-content{

    padding:20px;

}

/*=========================================
TITULO
=========================================*/

.service-title{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:14px;

}

.service-title i{

    color:#C12126;

    font-size:22px;

    width:22px;

    text-align:center;

    flex-shrink:0;

}

.service-title h3{

    margin:0;

    color:#1B3765;

    font-size:22px;

    font-weight:700;

    line-height:1.2;

}

/*=========================================
DESCRIPCION
=========================================*/

.service-content p{

    margin:0;

    color:#667085;

    font-size:15px;

    line-height:1.7;

    min-height:54px;

    margin-bottom:20px;

}

/*=========================================
BOTON
=========================================*/

.service-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    width:100%;

    height:46px;

    background:#C12126;

    color:#FFF;

    text-decoration:none;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    transition:.30s ease;

}

.service-btn i{

    font-size:18px;

}

.service-btn:hover{

    background:#A61C21;

}

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

@media(max-width:1024px){

    .service-image{

        height:180px;

    }

}

@media(max-width:767px){

    .service-content{

        padding:18px;

    }

    .service-title h3{

        font-size:20px;

    }

    .service-content p{

        font-size:15px;

        min-height:auto;

    }

    .service-btn{

        height:44px;

        font-size:14px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bbff5ec *//*======================================
COLUMNA DERECHA
======================================*/

.about-content{

    max-width:470px;

    font-family:'Poppins',sans-serif;

}

/*==============================*/

.about-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:6px 14px;

    background:#EDF4FF;

    color:#1B3765;

    border-radius:50px;

    font-size:10px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:16px;

}

.about-badge i{

    color:#C12126;

    font-size:11px;

}

/*==============================*/

.about-content h2{

    margin:0 0 14px;

    font-size:30px;

    line-height:1.18;

    font-weight:700;

    color:#1B3765;

}

.about-content h2 span{

    color:#C12126;

}

/*==============================*/

.about-description{

    font-size:14px;

    line-height:1.8;

    color:#667085;

    margin-bottom:26px;

}

/*==============================*/

.about-item{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:18px;

}

.about-item:last-child{

    margin-bottom:0;

}

/*==============================*/

.about-icon{

    width:42px;

    height:42px;

    min-width:42px;

    border-radius:12px;

    background:#EDF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.3s;

}

.about-icon i{

    color:#1B3765;

    font-size:17px;

}

.about-item:hover .about-icon{

    background:#C12126;

}

.about-item:hover .about-icon i{

    color:#FFF;

}

/*==============================*/

.about-text h3{

    margin:0 0 4px;

    color:#1B3765;

    font-size:17px;

    font-weight:600;

    line-height:1.3;

}

.about-text p{

    margin:0;

    color:#667085;

    font-size:14px;

    line-height:1.6;

}

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

@media(max-width:1024px){

.about-content{

max-width:100%;

}

.about-content h2{

font-size:28px;

}

}

@media(max-width:767px){

.about-content h2{

font-size:24px;

}

.about-description{

font-size:14px;

}

.about-text h3{

font-size:16px;

}

.about-text p{

font-size:13px;

}

.about-icon{

width:40px;

height:40px;

min-width:40px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8be516 *//*==========================================
COLUMNA IMAGEN
==========================================*/

.about-image{

    position:relative;
    overflow:hidden;
    border-radius:20px;
    height:560px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);

}

.about-image img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;

}

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

.about-overlay{

    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:34px;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.38) 0%,
        rgba(0,0,0,.15) 35%,
        rgba(0,0,0,0) 70%
    );

}

.about-overlay span{

    color:#9FC5FF;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:8px;

}

.about-overlay h3{

    color:#FFF;
    font-size:21px;
    font-weight:700;
    line-height:1.28;
    max-width:240px;
    margin:0;

}

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

.about-floating-card{

    position:absolute;

    right:22px;
    bottom:22px;

    width:245px;

    background:#FFF;

    border-radius:16px;

    padding:14px 16px;

    display:flex;

    align-items:center;

    gap:12px;

    box-shadow:0 15px 40px rgba(0,0,0,.18);

    z-index:20;

}

.floating-icon{

    width:48px;

    height:48px;

    min-width:48px;

    border-radius:12px;

    background:#EDF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

}

.floating-icon i{

    color:#1B3765;

    font-size:20px;

}

.about-floating-card strong{

    color:#1B3765;

    font-size:17px;

    line-height:1.3;

    font-weight:700;

}

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

@media(max-width:1024px){

.about-image{

height:500px;

}

.about-floating-card{

width:220px;

}

.about-floating-card strong{

font-size:15px;

}

}

@media(max-width:767px){

.about-image{

height:420px;

}

.about-overlay{

padding:24px;

}

.about-overlay span{

font-size:11px;

}

.about-overlay h3{

font-size:18px;

max-width:180px;

}

.about-floating-card{

right:16px;

bottom:16px;

width:205px;

padding:12px;

gap:10px;

}

.floating-icon{

width:42px;

height:42px;

min-width:42px;

}

.floating-icon i{

font-size:18px;

}

.about-floating-card strong{

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-121cd7f */.elementor-12 .elementor-element.elementor-element-121cd7f{

    border-radius:18px 0 0 18px;

    overflow:hidden;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-807fd52 *//*=========================================
COLUMNA DERECHA BIONICA
=========================================*/

.bionica-content{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:34px;

    font-family:'Poppins',sans-serif;

}

/*==============================*/

.bionica-badge{

    display:inline-flex;

    align-self:flex-start;

    padding:7px 14px;

    background:#EDF4FF;

    color:#1B3765;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    margin-bottom:14px;

}

/*==============================*/

.bionica-title{

    margin:0 0 14px;

    font-size:24px;

    font-weight:700;

    line-height:1.25;

    color:#1B3765;

}

/*==============================*/

.bionica-description{

    margin:0 0 22px;

    font-size:14px;

    color:#667085;

    line-height:1.8;

}

/*==============================*/

.bionica-list{

    display:grid;

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

    gap:10px 18px;

    margin-bottom:28px;

}

.bionica-item{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    color:#1B3765;

    font-weight:500;

}

.bionica-item i{

    color:#C12126;

    font-size:13px;

}

/*==============================*/

.bionica-btn{

    margin-top:auto;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:fit-content;

    min-width:220px;

    height:46px;

    padding:0 24px;

    border-radius:12px;

    background:#C12126;

    color:#FFF;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.bionica-btn:hover{

    background:#A61C21;

    color:#FFF;

}

.bionica-btn i{

    font-size:17px;

}

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

@media(max-width:1024px){

    .bionica-content{

        padding:28px;

    }

}

@media(max-width:767px){

    .bionica-content{

        padding:22px;

    }

    .bionica-title{

        font-size:21px;

    }

    .bionica-list{

        grid-template-columns:1fr;

    }

    .bionica-btn{

        width:100%;

        min-width:unset;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e44d21 *//*=========================================
CONTENEDOR PRINCIPAL BIONICA
=========================================*/

.bionica-card{

    display:flex;

    flex-direction:row;

    align-items:stretch;

    gap:0;

    overflow:hidden;

    background:#FFFFFF;

    border-radius:20px;

    border-top:4px solid #C12126;

    box-shadow:0 15px 40px rgba(15,23,42,.08);

    transition:.35s ease;

}

.bionica-card:hover{

    transform:translateY(-5px);

    box-shadow:0 20px 50px rgba(15,23,42,.12);

}

/*=========================================
COLUMNAS
=========================================*/

.bionica-card > .e-con{

    min-height:380px;

}

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

@media(max-width:1024px){

.bionica-card{

    flex-direction:column;

}

.bionica-card > .e-con{

    min-height:auto;

}

}

/*=========================================
MOVIL
=========================================*/

@media(max-width:767px){

.bionica-card{

    border-radius:18px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c48da3 */.elementor-12 .elementor-element.elementor-element-7c48da3{

    border-radius:18px 0 0 18px;

    overflow:hidden;

    background-position:center;

    background-size:cover;

    background-repeat:no-repeat;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-745421f *//*=========================================
COLUMNA DERECHA BIONICA
=========================================*/

.bionica-content{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:34px;

    font-family:'Poppins',sans-serif;

}

/*==============================*/

.bionica-badge{

    display:inline-flex;

    align-self:flex-start;

    padding:7px 14px;

    background:#EDF4FF;

    color:#1B3765;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    margin-bottom:14px;

}

/*==============================*/

.bionica-title{

    margin:0 0 14px;

    font-size:24px;

    font-weight:700;

    line-height:1.25;

    color:#1B3765;

}

/*==============================*/

.bionica-description{

    margin:0 0 22px;

    font-size:14px;

    color:#667085;

    line-height:1.8;

}

/*==============================*/

.bionica-list{

    display:grid;

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

    gap:10px 18px;

    margin-bottom:28px;

}

.bionica-item{

    display:flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    color:#1B3765;

    font-weight:500;

}

.bionica-item i{

    color:#C12126;

    font-size:13px;

}

/*==============================*/

.bionica-btn{

    margin-top:auto;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:fit-content;

    min-width:220px;

    height:46px;

    padding:0 24px;

    border-radius:12px;

    background:#C12126;

    color:#FFF;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:.3s;

}

.bionica-btn:hover{

    background:#A61C21;

    color:#FFF;

}

.bionica-btn i{

    font-size:17px;

}

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

@media(max-width:1024px){

    .bionica-content{

        padding:28px;

    }

}

@media(max-width:767px){

    .bionica-content{

        padding:22px;

    }

    .bionica-title{

        font-size:21px;

    }

    .bionica-list{

        grid-template-columns:1fr;

    }

    .bionica-btn{

        width:100%;

        min-width:unset;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b96e83 *//*==================================================
FARMANICA CARD
==================================================*/

.farmanica-card{

    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:0;

    background:#FFF;

    border-radius:22px;

    overflow:hidden;

    border-top:4px solid #1F4FBF;

    box-shadow:0 15px 40px rgba(15,23,42,.08);

    transition:.3s;

}

.farmanica-card:hover{

    transform:translateY(-4px);

    box-shadow:0 22px 55px rgba(15,23,42,.12);

}

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

.farmanica-card .bionica-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

    height:100%;

    padding:34px;

    font-family:'Poppins',sans-serif;

}

/*==================================================
BADGE
==================================================*/

.farmanica-card .bionica-badge{

    display:inline-flex;

    align-self:flex-start;

    padding:8px 16px;

    border-radius:30px;

    background:#EEF4FF;

    color:#1F4FBF;

    font-size:13px;

    font-weight:600;

    margin-bottom:16px;

}

/*==================================================
TITULO
==================================================*/

.farmanica-card .bionica-title{

    margin:0 0 16px;

    font-size:24px;

    line-height:1.25;

    font-weight:700;

    color:#1B3765;

}

/*==================================================
DESCRIPCION
==================================================*/

.farmanica-card .bionica-description{

    margin:0 0 24px;

    font-size:15px;

    line-height:1.8;

    color:#667085;

}

/*==================================================
LISTA
==================================================*/

.farmanica-card .bionica-list{

    display:grid;

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

    gap:12px 20px;

    margin-bottom:28px;

}

.farmanica-card .bionica-item{

    display:flex;

    align-items:center;

    gap:10px;

    color:#1B3765;

    font-size:14px;

    font-weight:500;

}

.farmanica-card .bionica-item i{

    color:#1F4FBF;

}

/*==================================================
BOTON
==================================================*/

.farmanica-card .bionica-btn{

    margin-top:auto;

    display:inline-flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:fit-content;

    min-width:230px;

    height:48px;

    padding:0 26px;

    background:#1F4FBF;

    color:#FFF;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

.farmanica-card .bionica-btn:hover{

    background:#173E95;

    color:#FFF;

}

.farmanica-card .bionica-btn i{

    font-size:17px;

}

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

@media(max-width:1024px){

.farmanica-card{

    flex-direction:column;

}

.farmanica-card .bionica-content{

    padding:28px;

}

}

@media(max-width:767px){

.farmanica-card{

    border-radius:18px;

}

.farmanica-card .bionica-content{

    padding:22px;

}

.farmanica-card .bionica-title{

    font-size:22px;

}

.farmanica-card .bionica-list{

    grid-template-columns:1fr;

}

.farmanica-card .bionica-btn{

    width:100%;

    min-width:unset;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d40a173 *//*======================================
COLUMNA IZQUIERDA CONTACTO
======================================*/

.contact-left{

    font-family:'Poppins',sans-serif;

    max-width:470px;

}

/* Badge */

.contact-badge{

    display:inline-block;

    padding:8px 18px;

    background:#EEF4FF;

    color:#1B3765;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.8px;

    margin-bottom:18px;

}

/* Título */

.contact-title{

    font-size:38px;

    line-height:1.15;

    font-weight:700;

    color:#17396D;

    margin:0 0 18px;

}

/* Descripción */

.contact-description{

    font-size:17px;

    line-height:1.8;

    color:#667085;

    margin-bottom:34px;

}

/* Lista */

.contact-item{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:26px;

}

/* Iconos */

.contact-icon{

    width:52px;

    height:52px;

    border-radius:14px;

    background:#EEF4FF;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.contact-icon i{

    color:#1B4FBF;

    font-size:20px;

}

/* Contenido */

.contact-content h4{

    margin:0 0 6px;

    color:#17396D;

    font-size:18px;

    font-weight:600;

}

.contact-content p{

    margin:0;

    color:#667085;

    font-size:16px;

    line-height:1.7;

}

.contact-content strong{

    color:#17396D;

}

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

@media(max-width:1024px){

.contact-title{

font-size:34px;

}

}

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

@media(max-width:767px){

.contact-left{

max-width:100%;

}

.contact-title{

font-size:30px;

}

.contact-description{

font-size:16px;

}

.contact-item{

gap:14px;

margin-bottom:22px;

}

.contact-icon{

width:46px;

height:46px;

}

.contact-icon i{

font-size:18px;

}

.contact-content h4{

font-size:17px;

}

.contact-content p{

font-size:15px;

}

}/* End custom CSS */