.elementor-6 .elementor-element.elementor-element-d5206b6{--display:flex;--min-height:0px;}.elementor-6 .elementor-element.elementor-element-9ec232c{--display:flex;--min-height:83px;}.elementor-6 .elementor-element.elementor-element-ba6eed1{--display:flex;}.elementor-6 .elementor-element.elementor-element-5792c1e{--display:flex;--min-height:0px;}.elementor-6 .elementor-element.elementor-element-e77492b{--display:flex;--min-height:15px;}.elementor-6 .elementor-element.elementor-element-bd7aed7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6 .elementor-element.elementor-element-bd7aed7.e-con{--align-self:center;}.elementor-6 .elementor-element.elementor-element-f9b451c{--display:flex;}.elementor-6 .elementor-element.elementor-element-98827a8{--display:flex;}.elementor-6 .elementor-element.elementor-element-dc50f91{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6 .elementor-element.elementor-element-dc6c69b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6 .elementor-element.elementor-element-57068dc{--display:flex;--min-height:0px;--overlay-opacity:0.5;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6 .elementor-element.elementor-element-57068dc:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-57068dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D48C79;}.elementor-6 .elementor-element.elementor-element-57068dc::before, .elementor-6 .elementor-element.elementor-element-57068dc > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-57068dc > .e-con-inner > .elementor-background-video-container::before, .elementor-6 .elementor-element.elementor-element-57068dc > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-57068dc > .e-con-inner > .elementor-background-slideshow::before, .elementor-6 .elementor-element.elementor-element-57068dc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#D48C79;--background-overlay:'';}.elementor-6 .elementor-element.elementor-element-90aa2c6{--display:flex;--margin-top:-151px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FDFCF1 0%, #FDFCF1 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-d5206b6{--content-width:1600px;}.elementor-6 .elementor-element.elementor-element-dc50f91{--width:100%;}.elementor-6 .elementor-element.elementor-element-57068dc{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-cc79f57 */.lua-gallery{
    width:100%;
    overflow:hidden;
    background:#383332;
    padding:18px 0;
    position:relative;
}

/* Agujeros superiores */

.lua-gallery::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:12px;

    background:
    repeating-linear-gradient(
        to right,
        #383332 0px,
        #383332 18px,
        transparent 7px,
        transparent 36px
    );

    z-index:10;

}

/* Agujeros inferiores */

.lua-gallery::after{

    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:12px;

    background:
    repeating-linear-gradient(
        to right,
        #383332 0px,
        #383332 18px,
        transparent 7px,
        transparent 36px
    );

    z-index:10;

}

.lua-track{

    display:flex;
    width:max-content;

    animation:scrollGallery 40s linear infinite;

    gap:10px;

}

.lua-track img{

    width:320px;

    height:200px;

    object-fit:cover;

    display:block;

    flex-shrink:0;

    border:4px solid #383332;

    box-sizing:border-box;

    transition:.4s;

}

.lua-track img:hover{

    transform:scale(1.04);

}

@keyframes scrollGallery{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}/* End custom CSS */
/* Start custom CSS *//* =====================================
   CONTENEDOR PRINCIPAL
===================================== */

.lua-services{
    display:flex;
    gap:0;
    width:100%;
    min-height:500px;
    overflow:hidden;
    background:#050505;
}

/* =====================================
   TARJETAS
===================================== */

.lua-card{
    flex:1;
    min-height:750px;

    position:relative;
    overflow:hidden;

    background-size:cover !important;
    background-position:center center !important;

    transition:
      flex 1s cubic-bezier(.22,1,.36,1),
      transform 1s ease,
      filter 1s ease;

    filter:
      saturate(.9)
      contrast(1.05);

    box-shadow:
      inset 0 0 120px rgba(255,255,255,.04),
      inset 0 0 250px rgba(255,255,255,.03);
}

/* =====================================
   OVERLAY OSCURO CINEMATOGRÁFICO
===================================== */

.lua-card::before{

    content:"";

    position:absolute;
    inset:0;

    z-index:1;

    background:
      linear-gradient(
        to top,
        rgba(0,0,0,.82),
        rgba(0,0,0,.18) 55%,
        rgba(0,0,0,.55)
      );

    animation:
      luaCinemaBreath 12s ease-in-out infinite;

    pointer-events:none;
}

/* =====================================
   LUZ BLANCA CINEMATOGRÁFICA
===================================== */

.lua-card::after{

    content:"";

    position:absolute;

    inset:-15%;

    z-index:2;

    background:
      radial-gradient(
        circle at 50% 45%,
        rgba(255,255,255,.22) 0%,
        rgba(255,255,255,.10) 25%,
        transparent 65%
      );

    mix-blend-mode:screen;

    pointer-events:none;

    animation:
      luaCinemaLight 15s ease-in-out infinite;
}

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

.lua-card:hover{

    flex:1.8;

    filter:
      saturate(1.05)
      contrast(1.12);
}

.lua-card:hover::before{

    background:
      linear-gradient(
        to top,
        rgba(0,0,0,.68),
        rgba(0,0,0,.08) 55%,
        rgba(0,0,0,.38)
      );
}

.lua-card:hover::after{

    opacity:.45;
}

/* =====================================
   ZOOM SUAVE DE FONDO
===================================== */

.lua-card:hover{

    background-size:105% !important;
}

/* =====================================
   CONTENIDO ENCIMA DE LOS EFECTOS
===================================== */

.lua-card .elementor-widget-wrap,
.lua-card .e-con-inner{

    position:relative;
    z-index:10;
}

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

.lua-card h1,
.lua-card h2,
.lua-card h3{

    color:#f7f3ee !important;

    font-family:
      "Cormorant Garamond",
      Georgia,
      serif;

    text-transform:uppercase;

    letter-spacing:.08em;

    text-shadow:
      0 12px 35px rgba(0,0,0,.6);
}

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

.lua-card p,
.lua-card span,
.lua-card a{

    color:#f7f3ee !important;
}

/* =====================================
   APARICIÓN DEL CONTENIDO
===================================== */

.lua-content{

    opacity:0;

    transform:
      translateY(40px);

    transition:
      all .8s cubic-bezier(.22,1,.36,1);
}

.lua-card:hover .lua-content{

    opacity:1;

    transform:
      translateY(0);
}

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

.lua-card .elementor-button{

    background:transparent !important;

    border:
      1px solid rgba(255,255,255,.7) !important;

    border-radius:999px !important;

    color:white !important;

    text-transform:uppercase;

    letter-spacing:.15em;

    padding:14px 28px !important;

    transition:.4s;
}

.lua-card .elementor-button:hover{

    background:white !important;

    color:black !important;
}

/* =====================================
   ANIMACIONES
===================================== */

@keyframes luaCinemaBreath{

    0%{
        opacity:.95;
    }

    50%{
        opacity:.72;
    }

    100%{
        opacity:.95;
    }
}

@keyframes luaCinemaLight{

    0%{
        opacity:.08;
        transform:scale(1);
    }

    20%{
        opacity:.16;
    }

    40%{
        opacity:.10;
    }

    60%{
        opacity:.24;
    }

    80%{
        opacity:.12;
    }

    100%{
        opacity:.08;
        transform:scale(1.08);
    }
}

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

@media(max-width:768px){

    .lua-services{

        flex-direction:column;

        min-height:auto;
    }

    .lua-card{

        min-height:500px;

        flex:none;
    }

    .lua-card:hover{

        flex:none;
    }

    .lua-content{

        opacity:1;

        transform:none;
    }
}/* End custom CSS */