.elementor-8054 .elementor-element.elementor-element-95ee954{--display:flex;--min-height:90vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8054 .elementor-element.elementor-element-95ee954:not(.elementor-motion-effects-element-type-background), .elementor-8054 .elementor-element.elementor-element-95ee954 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8054 .elementor-element.elementor-element-95ee954.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-8054 .elementor-element.elementor-element-37262fb{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8054 .elementor-element.elementor-element-37262fb.e-con{--align-self:center;}.elementor-8054 .elementor-element.elementor-element-16c9413.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:18px;}.elementor-8054 .elementor-element.elementor-element-16c9413{width:100%;max-width:100%;}.elementor-8054 .elementor-element.elementor-element-16c9413 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-8054 .elementor-element.elementor-element-16c9413.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-main-swiper:not(.elementor-thumbnails-swiper){height:100vh;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:1 / 1;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-main-swiper .swiper-slide{border-width:0px 0px 0px 0px;border-radius:0px;border-color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-swiper-button{font-size:15px;}#elementor-lightbox-slideshow-16c9413 .elementor-video-container{width:50%;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-custom-embed-play i{font-size:20px;}@media(max-width:1024px){.elementor-8054 .elementor-element.elementor-element-16c9413.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(min-width:768px){.elementor-8054 .elementor-element.elementor-element-95ee954{--width:100%;}.elementor-8054 .elementor-element.elementor-element-37262fb{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8054 .elementor-element.elementor-element-37262fb{--width:61%;}}@media(max-width:767px){.elementor-8054 .elementor-element.elementor-element-37262fb{--width:100%;}.elementor-8054 .elementor-element.elementor-element-16c9413.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-8054 .elementor-element.elementor-element-16c9413 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:15px 0px 0px 0px;}.elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-main-swiper:not(.elementor-thumbnails-swiper){height:350px;}}/* Start custom CSS for media-carousel, class: .elementor-element-16c9413 *//* ========================================================= ATMOS — GALERÍA BASE VISUAL 1 PRINCIPAL + 3 PREVIEWS POR CADA LADO ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413{ /* FOTO PRINCIPAL */ --ATMOS-main-size: 460px; /* PREVISUALIZACIONES */ --ATMOS-preview-1-size: 120px; --ATMOS-preview-2-size: 95px; --ATMOS-preview-3-size: 70px; /* POSICIONES HORIZONTALES */ --ATMOS-x-1: 300px; --ATMOS-x-2: 430px; --ATMOS-x-3: 540px; /* POSICIONES VERTICALES */ --ATMOS-y-top: -150px; --ATMOS-y-center: 0px; --ATMOS-y-bottom: 150px; /* OPACIDADES */ --ATMOS-opacity-1: .65; --ATMOS-opacity-2: .42; --ATMOS-opacity-3: .25; position: relative; width: 100%; height: 100vh; height: 100dvh; overflow: hidden; } /* ========================================================= ÁREA DEL SWIPER ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .elementor-swiper{ position: relative; width: 100%; height: 100%; overflow: visible; } /* ========================================================= WRAPPER ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-wrapper{ position: relative; width: 100%; height: 100%; transform: none !important; } /* ========================================================= TODAS LAS DIAPOSITIVAS ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide{ position: absolute !important; left: 50%; top: 50%; width: var(--ATMOS-preview-3-size) !important; height: var(--ATMOS-preview-3-size) !important; margin: 0 !important; transform: translate(-50%, -50%); opacity: .25; overflow: visible; box-sizing: border-box; pointer-events: auto; transition: left .7s cubic-bezier(.22,.61,.36,1), top .7s cubic-bezier(.22,.61,.36,1), width .7s cubic-bezier(.22,.61,.36,1), height .7s cubic-bezier(.22,.61,.36,1), opacity .7s ease, transform .7s cubic-bezier(.22,.61,.36,1); z-index: 2; } /* ========================================================= IMAGEN ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide .elementor-carousel-image{ display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; aspect-ratio: 1 / 1; border-radius: 50% !important; overflow: hidden; background-size: cover; background-position: center; border: 1px solid rgba(255,255,255,.25); box-sizing: border-box; filter: brightness(.68) saturate(.70); transition: filter .7s ease, border-color .7s ease; } /* ========================================================= FOTOGRAFÍA PRINCIPAL ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-active, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-main{ width: var(--ATMOS-main-size) !important; height: var(--ATMOS-main-size) !important; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; z-index: 10; } .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-active .elementor-carousel-image{ filter: brightness(1) saturate(1); border-color: rgba(255,255,255,.45); } /* ========================================================= PREVISUALIZACIÓN CENTRAL IZQUIERDA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-prev, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-center{ width: var(--ATMOS-preview-1-size) !important; height: var(--ATMOS-preview-1-size) !important; left: calc(50% - var(--ATMOS-x-1)); top: 50%; transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-1); z-index: 7; } /* ========================================================= PREVISUALIZACIÓN CENTRAL DERECHA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-next, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-center{ width: var(--ATMOS-preview-1-size) !important; height: var(--ATMOS-preview-1-size) !important; left: calc(50% + var(--ATMOS-x-1)); top: 50%; transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-1); z-index: 7; } /* ========================================================= IZQUIERDA — ARRIBA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-top{ width: var(--ATMOS-preview-2-size) !important; height: var(--ATMOS-preview-2-size) !important; left: calc(50% - var(--ATMOS-x-2)); top: calc(50% + var(--ATMOS-y-top)); transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-2); z-index: 5; } /* ========================================================= IZQUIERDA — ABAJO ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-bottom{ width: var(--ATMOS-preview-2-size) !important; height: var(--ATMOS-preview-2-size) !important; left: calc(50% - var(--ATMOS-x-2)); top: calc(50% + var(--ATMOS-y-bottom)); transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-2); z-index: 5; } /* ========================================================= DERECHA — ARRIBA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-top{ width: var(--ATMOS-preview-2-size) !important; height: var(--ATMOS-preview-2-size) !important; left: calc(50% + var(--ATMOS-x-2)); top: calc(50% + var(--ATMOS-y-top)); transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-2); z-index: 5; } /* ========================================================= DERECHA — ABAJO ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-bottom{ width: var(--ATMOS-preview-2-size) !important; height: var(--ATMOS-preview-2-size) !important; left: calc(50% + var(--ATMOS-x-2)); top: calc(50% + var(--ATMOS-y-bottom)); transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-2); z-index: 5; } /* ========================================================= TERCERA POSICIÓN IZQUIERDA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-far{ width: var(--ATMOS-preview-3-size) !important; height: var(--ATMOS-preview-3-size) !important; left: calc(50% - var(--ATMOS-x-3)); top: 50%; transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-3); z-index: 3; } /* ========================================================= TERCERA POSICIÓN DERECHA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-far{ width: var(--ATMOS-preview-3-size) !important; height: var(--ATMOS-preview-3-size) !important; left: calc(50% + var(--ATMOS-x-3)); top: 50%; transform: translate(-50%, -50%); opacity: var(--ATMOS-opacity-3); z-index: 3; } /* ========================================================= HOVER ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-prev:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-next:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-top:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-bottom:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-top:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-bottom:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-left-far:hover .elementor-carousel-image, .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide.ATMOS-right-far:hover .elementor-carousel-image{ filter: brightness(.9) saturate(.9); border-color: rgba(255,255,255,.55); } /* ========================================================= MÓVIL ========================================================= */ @media (max-width: 767px){ .elementor-8054 .elementor-element.elementor-element-16c9413{ --ATMOS-main-size: 280px; --ATMOS-preview-1-size: 72px; --ATMOS-preview-2-size: 55px; --ATMOS-preview-3-size: 40px; --ATMOS-x-1: 155px; --ATMOS-x-2: 230px; --ATMOS-x-3: 295px; --ATMOS-y-top: -105px; --ATMOS-y-bottom: 105px; height: 100dvh; } } /* ========================================================= ATMOS — BURBUJA ELIMINAR BORDE DE LA FOTOGRAFÍA ========================================================= */ .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide .elementor-carousel-image{ border: none !important; outline: none !important; } .elementor-8054 .elementor-element.elementor-element-16c9413 .swiper-slide-active .elementor-carousel-image{ border: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-95ee954 */.elementor-8054 .elementor-element.elementor-element-95ee954{ position: relative; }/* End custom CSS */