.elementor-37371 .elementor-element.elementor-element-6338aad{--display:flex;}.elementor-37371 .elementor-element.elementor-element-8f27405{text-align:center;}.elementor-37371 .elementor-element.elementor-element-8f27405 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:2vw;font-weight:200;font-style:normal;color:#F7EEE7;}.elementor-37371 .elementor-element.elementor-element-f78f38b{--display:flex;}.elementor-37371 .elementor-element.elementor-element-abdaa0a{--e-image-carousel-slides-to-show:4;}.elementor-37371 .elementor-element.elementor-element-abdaa0a .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#F7EEE740;opacity:1;}.elementor-37371 .elementor-element.elementor-element-abdaa0a .swiper-pagination-bullet{background:var( --e-global-color-61d3104 );}.elementor-37371 .elementor-element.elementor-element-abdaa0a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-61d3104 );border-radius:20px 20px 20px 20px;}.elementor-37371 .elementor-element.elementor-element-16b31ef{--display:flex;}.elementor-37371 .elementor-element.elementor-element-ace834f{font-family:"Inter", Sans-serif;}.elementor-37371 .elementor-element.elementor-element-0cc0cef{--display:flex;}.elementor-37371 .elementor-element.elementor-element-1c69885 img{border-style:solid;border-color:#E4A63EE3;}.elementor-37371 .elementor-element.elementor-element-65f400c{--display:flex;}.elementor-37371 .elementor-element.elementor-element-0e3e4c7{text-align:center;}.elementor-37371 .elementor-element.elementor-element-0e3e4c7 .elementor-heading-title{color:#F7EEE7;}.elementor-37371 .elementor-element.elementor-element-fc782db{--display:flex;}.elementor-37371 .elementor-element.elementor-element-f2b8f9f img{border-style:solid;border-color:#E4A63EDB;}.elementor-37371 .elementor-element.elementor-element-4348af8f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:560px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-4348af8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-37371 .elementor-element.elementor-element-a965c98{--display:flex;}.elementor-37371 .elementor-element.elementor-element-6fe1516{--display:flex;}.elementor-37371 .elementor-element.elementor-element-332e543 img{border-style:solid;border-color:#E4A63EE3;}.elementor-37371 .elementor-element.elementor-element-95889dc{--display:flex;}.elementor-37371 .elementor-element.elementor-element-a5fac75{--display:flex;}@media(max-width:767px){.elementor-37371 .elementor-element.elementor-element-6338aad{--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-37371 .elementor-element.elementor-element-8f27405{text-align:center;}.elementor-37371 .elementor-element.elementor-element-8f27405 .elementor-heading-title{font-size:1rem;line-height:1.1em;letter-spacing:0.04em;}.elementor-37371 .elementor-element.elementor-element-f78f38b{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-abdaa0a{--e-image-carousel-slides-to-show:1;}.elementor-37371 .elementor-element.elementor-element-abdaa0a .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-37371 .elementor-element.elementor-element-16b31ef{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-ace834f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-37371 .elementor-element.elementor-element-ace834f{text-align:center;font-size:13px;letter-spacing:0.21px;}.elementor-37371 .elementor-element.elementor-element-1c69885 img{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-37371 .elementor-element.elementor-element-65f400c{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-0e3e4c7{text-align:center;}.elementor-37371 .elementor-element.elementor-element-fc782db{--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-f2b8f9f img{border-width:1px 1px 01px 1px;border-radius:20px 20px 20px 20px;}.elementor-37371 .elementor-element.elementor-element-4348af8f{--width:38.732px;--margin-top:0px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}.elementor-37371 .elementor-element.elementor-element-229f3211 > .elementor-widget-container{margin:-20px 0px 0px -30px;}.elementor-37371 .elementor-element.elementor-element-a965c98{--padding-top:40px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-37371 .elementor-element.elementor-element-ae89ca9 > .elementor-widget-container{padding:0px 0px 0px 05px;}.elementor-37371 .elementor-element.elementor-element-332e543 img{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-37371 .elementor-element.elementor-element-95889dc{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-37371 .elementor-element.elementor-element-196b3f3 > .elementor-widget-container{padding:0px 0px 0px 05px;}}@media(min-width:768px){.elementor-37371 .elementor-element.elementor-element-6338aad{--content-width:70%;}.elementor-37371 .elementor-element.elementor-element-65f400c{--content-width:70%;}.elementor-37371 .elementor-element.elementor-element-4348af8f{--width:13.591%;}}/* Start custom CSS for container, class: .elementor-element-f78f38b */.elementor-37371 .elementor-element.elementor-element-f78f38b {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
    align-self: stretch !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    --width: 100% !important;
    --content-width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16b31ef *//* ========================= */
/* TEXTO INFERIOR - SECCIÓN CASAS */

.elementor-37371 .elementor-element.elementor-element-16b31ef {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;

    /* Negro arriba → azul Vitalium abajo */
    background: linear-gradient(
        180deg,
        #000000 0%,
        #02050A 12%,
        rgba(7, 16, 31, 0.65) 35%,
        #07101F 65%,
        #07101F 100%
    );

    /* Bordes Vitalium */
    border-top: none;
    border-left: 1px solid #F4A725;
    border-right: 1px solid #F4A725;
    border-bottom: 1px solid #F4A725;

    /* Arriba recto / abajo redondeado */
    border-radius: 0 0 18px 18px;

    /* Espaciado del texto */
    padding: 45px 35px 38px;

    margin: 0;
}


/* ========================= */
/* COLOR DEL TEXTO */

.elementor-37371 .elementor-element.elementor-element-16b31ef p {
    color: #F7EEE7;
    margin-bottom: 0;
}


/* ========================= */
/* VERSIÓN MÓVIL */

@media (max-width: 767px) {

    .elementor-37371 .elementor-element.elementor-element-16b31ef {
        width: 97%;
        max-width: 97%;

        /* Centrado horizontal */
        margin-left: auto;
        margin-right: auto;

        /* Desplazamiento hacia arriba */
        margin-top: -30px;

        padding: 1px 14px 10px;

        /* Bordes Vitalium */
        border-top: none;
        border-left: 1px solid #F4A725;
        border-right: 1px solid #F4A725;
        border-bottom: 1px solid #F4A725;

        border-radius: 0 0 40px 40px;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65f400c *//* =========================================================
   VITALIUM — CONTENEDOR TIPO LÁMINA
   Clase Elementor: vitalium-lamina

   VERSIÓN CORREGIDA:
   - Bordes superiores completos
   - Línea fina como en la referencia original
   - Laterales degradados hacia negro
   - Fondo azul petróleo profundo
   - Sombra inferior suave
   - Altura automática según contenido
   ========================================================= */


/* =========================================================
   AJUSTES RÁPIDOS
   ========================================================= */

.vitalium-lamina {

    /* -----------------------------------------
       ESPESOR DEL BORDE
       Referencia aproximada original: 1.15px

       Puedes probar:
       0.9px  = más fino
       1px    = fino
       1.15px = recomendado
       1.3px  = ligeramente más marcado
       ----------------------------------------- */

    --vitalium-borde: 1.15px;


    /* -----------------------------------------
       RADIO
       ----------------------------------------- */

    --vitalium-radio: 30px;


    /* =====================================================
       GEOMETRÍA
       ===================================================== */

    position: relative !important;

    isolation: isolate !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    border-radius: var(--vitalium-radio) !important;

    padding: 32px 28px !important;

    border: none !important;


    /* =====================================================
       FONDO INTERIOR
       ===================================================== */

    background:

        /* Leve iluminación azul superior */
        radial-gradient(
            ellipse 95% 48% at 50% -8%,
            rgba(18, 76, 108, 0.24) 0%,
            rgba(8, 53, 82, 0.14) 38%,
            rgba(3, 30, 49, 0.05) 67%,
            rgba(0, 0, 0, 0) 100%
        ),

        /* Profundidad central */
        radial-gradient(
            ellipse 85% 80% at 50% 34%,
            rgba(4, 31, 49, 0.16) 0%,
            rgba(1, 18, 30, 0.08) 55%,
            rgba(0, 0, 0, 0) 100%
        ),

        /* Degradado principal */
        linear-gradient(
            180deg,

            #031d31 0%,
            #021a2c 10%,
            #021725 22%,
            #01131f 38%,
            #01101b 55%,
            #000d17 70%,
            #000a12 84%,
            #00070d 94%,
            #00050a 100%
        ) !important;


    /* =====================================================
       SOMBRAS
       ===================================================== */

    box-shadow:

        /* Suavísimo reflejo interior superior */
        inset 0 1px 0 rgba(170, 210, 232, 0.035),

        /* Oscurecimiento inferior interior */
        inset 0 -22px 35px rgba(0, 0, 0, 0.20),

        /* Sombra exterior inmediata */
        0 4px 8px rgba(0, 0, 0, 0.34),

        /* Sombra ligeramente desplazada hacia abajo */
        0 12px 26px rgba(0, 0, 0, 0.46),

        /* Fusión con el fondo negro */
        0 25px 45px rgba(0, 0, 0, 0.30)

        !important;


    /*
       Se mantiene visible para impedir
       que Elementor recorte el arco del borde.
    */

    overflow: visible !important;
}



/* =========================================================
   BORDE PERIMETRAL FINO
   ========================================================= */

.vitalium-lamina::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;


    /* =====================================================
       ESPESOR

       Antes: 2px
       Ahora: 1.15px

       Esto recupera el aspecto fino de tu segunda imagen.
       ===================================================== */

    padding: var(--vitalium-borde);


    /* =====================================================
       COLOR DEL BORDE

       Superior azul grisáceo.
       Pierde intensidad progresivamente hacia abajo.
       ===================================================== */

    background:

        linear-gradient(
            180deg,

            rgba(104, 164, 198, 0.67) 0%,

            rgba(91, 150, 184, 0.62) 5%,

            rgba(71, 130, 164, 0.52) 17%,

            rgba(51, 103, 136, 0.40) 34%,

            rgba(34, 77, 106, 0.28) 52%,

            rgba(20, 50, 72, 0.17) 68%,

            rgba(10, 28, 42, 0.08) 82%,

            rgba(3, 12, 19, 0.025) 93%,

            rgba(0, 0, 0, 0) 100%
        );


    /* =====================================================
       MÁSCARA

       Genera un verdadero anillo alrededor del contenedor.
       Así el borde sigue completamente el border-radius.
       ===================================================== */

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;

    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    mask-composite: exclude;


    pointer-events: none;

    z-index: 5;
}



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

   Ya NO añadimos un segundo borde horizontal arriba.

   El código anterior tenía un ::after de 1px que,
   sumado al anillo de 2px, hacía que la zona superior
   pareciera mucho más gruesa.

   Aquí dejamos ::after completamente desactivado.
   ========================================================= */

.vitalium-lamina::after {

    content: none !important;

}



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

.vitalium-lamina > * {

    position: relative;

    z-index: 10;

}



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

@media (max-width: 767px) {

    .vitalium-lamina {

        --vitalium-radio: 28px;

        /*
           Se conserva el mismo espesor visual
           también en celular.
        */

        --vitalium-borde: 1.15px;

        border-radius: var(--vitalium-radio) !important;

        padding: 28px 22px !important;

        width: 100% !important;

        height: auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a965c98 *//* ==========================================
   CONTENEDOR ESTILO VITALIUM
========================================== */

.mi-contenedor {

    /* ======================================
       CONTROLES RÁPIDOS DEL BORDE
    ====================================== */

    /* Color normal del borde superior y lateral */
    --borde-normal: rgba(120, 158, 185, 0.62);

    /* Color que tendrá el borde en la parte inferior */
    --borde-inferior: rgba(35, 65, 85, 0.90);

    /* ALTURA de la transición en los bordes laterales */
    /* A mayor valor, el cambio comienza más arriba */
    --altura-transicion-borde: 805px;

    /* Grosor del borde */
    --grosor-borde: 2px;


    /* ======================================
       BORDE TRANSPARENTE
       El color real lo genera el background
    ====================================== */

    border: var(--grosor-borde) solid transparent;

    border-radius: 30px;


    /* ======================================
       FONDO INTERIOR + BORDE DEGRADADO
    ====================================== */

    background:

        /* FONDO INTERIOR */
        linear-gradient(
            180deg,
            #01172f 0%,
            #01152b 12%,
            #010f21 38%,
            #010c1b 58%,
            #010917 78%,
            #010713 100%
        ) padding-box,

        /* BORDE */
        linear-gradient(
            to bottom,

            var(--borde-normal) 0%,

            var(--borde-normal)
            calc(100% - var(--altura-transicion-borde)),

            var(--borde-inferior) 100%

        ) border-box;


    /* ======================================
       OTROS AJUSTES
    ====================================== */

    overflow: hidden;

    box-sizing: border-box;

    box-shadow:
        inset 0 1px 0 rgba(210, 230, 245, 0.10),
        inset 0 0 22px rgba(0, 15, 32, 0.18),
        0 4px 18px rgba(0, 0, 0, 0.35);
}/* End custom CSS */