.elementor-33585 .elementor-element.elementor-element-1addd1c{--display:flex;}.elementor-33585 .elementor-element.elementor-global-36052{text-align:right;}.elementor-33585 .elementor-element.elementor-global-36052 img{width:70%;border-radius:0px 0px 30px 30px;}.elementor-33585 .elementor-element.elementor-element-902eab9{--display:flex;}.elementor-33585 .elementor-element.elementor-element-b7cd662{--display:flex;}.elementor-33585 .elementor-element.elementor-element-3c762b6 > .elementor-widget-container{border-style:none;}.elementor-33585 .elementor-element.elementor-element-3c762b6 .item{border-style:none;}.elementor-33585 .elementor-element.elementor-element-3c762b6 .owl-thumb img{border-style:solid;border-color:var( --e-global-color-69b2c29 );}.elementor-33585 .elementor-element.elementor-element-5d9b698{--display:flex;}.elementor-33585 .elementor-element.elementor-element-a249bcc{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-661446b{--display:flex;}.elementor-33585 .elementor-element.elementor-element-3ac73f3 img{border-style:solid;border-color:#E4A63EE3;}.elementor-33585 .elementor-element.elementor-element-2d62640{--display:flex;}.elementor-33585 .elementor-element.elementor-element-17b7e1b{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-8dc636e{--display:flex;}.elementor-33585 .elementor-element.elementor-element-69bbe87 .elementor-heading-title{font-family:"VITALIUM", Sans-serif;font-weight:100;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e > .elementor-widget-container{border-style:none;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e .item{border-style:none;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e .owl-thumb img{border-style:solid;border-color:var( --e-global-color-69b2c29 );}.elementor-33585 .elementor-element.elementor-element-ec9fb38{--display:flex;}.elementor-33585 .elementor-element.elementor-element-e293597{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-e324af0{--display:flex;}.elementor-33585 .elementor-element.elementor-element-0331dc7{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-ea03e91{--display:flex;}.elementor-33585 .elementor-element.elementor-element-70f3b5e{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-3c12889{--display:flex;}.elementor-33585 .elementor-element.elementor-element-9d769f3{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-2406394{--display:flex;}.elementor-33585 .elementor-element.elementor-element-e76eab3{font-family:"VITALIUM", Sans-serif;}.elementor-33585 .elementor-element.elementor-element-ea590d1{--display:flex;}.elementor-33585 .elementor-element.elementor-element-5c0f29b{--display:flex;}@media(max-width:767px){.elementor-33585 .elementor-element.elementor-element-1addd1c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-33585 .elementor-element.elementor-global-36052 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-33585 .elementor-element.elementor-global-36052 img{width:100%;border-radius:0px 0px 0px 0px;}.elementor-33585 .elementor-element.elementor-element-902eab9{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-b7cd662{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-3c762b6{width:initial;max-width:initial;}.elementor-33585 .elementor-element.elementor-element-3c762b6 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-33585 .elementor-element.elementor-element-3c762b6 .item{border-radius:0px 0px 20px 20px;}.elementor-33585 .elementor-element.elementor-element-3c762b6 .owl-thumb img{border-width:0px 0px 01px 0px;border-radius:0px 0px 10px 10px;}.elementor-33585 .elementor-element.elementor-element-5d9b698{--margin-top:-70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-a249bcc > .elementor-widget-container{padding:0px 0px 05px 0px;}.elementor-33585 .elementor-element.elementor-element-a249bcc{text-align:center;font-size:23px;letter-spacing:2.4px;}.elementor-33585 .elementor-element.elementor-element-813b3a9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-661446b{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-3ac73f3 img{border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;}.elementor-33585 .elementor-element.elementor-element-2d62640{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-17b7e1b{text-align:center;font-size:40px;}.elementor-33585 .elementor-element.elementor-element-f5cad2c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-8dc636e{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-69bbe87{text-align:center;}.elementor-33585 .elementor-element.elementor-element-69bbe87 .elementor-heading-title{letter-spacing:5px;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e{width:initial;max-width:initial;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e .item{border-radius:0px 0px 20px 20px;}.elementor-33585 .elementor-element.elementor-element-b6a4b9e .owl-thumb img{border-width:0px 0px 01px 0px;border-radius:0px 0px 10px 10px;}.elementor-33585 .elementor-element.elementor-element-ec9fb38{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-e293597{text-align:center;font-size:40px;}.elementor-33585 .elementor-element.elementor-element-b7449b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-e324af0{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-0331dc7{text-align:center;font-size:40px;}.elementor-33585 .elementor-element.elementor-element-9d3f891 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-ea03e91{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-70f3b5e{text-align:center;font-size:40px;letter-spacing:4.3px;}.elementor-33585 .elementor-element.elementor-element-978c8cf > .elementor-widget-container{margin:-0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-3c12889{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-9d769f3{text-align:center;font-size:40px;letter-spacing:4.3px;}.elementor-33585 .elementor-element.elementor-element-d64f4d4 > .elementor-widget-container{margin:-0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-33585 .elementor-element.elementor-element-2406394{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33585 .elementor-element.elementor-element-e76eab3 > .elementor-widget-container{padding:0px 0px 05px 0px;}.elementor-33585 .elementor-element.elementor-element-e76eab3{text-align:center;font-size:23px;letter-spacing:2.4px;}.elementor-33585 .elementor-element.elementor-element-2b9d504 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}}/* Start custom CSS for global, class: .elementor-global-36052 */.elementor-33585 .elementor-element.elementor-global-36052 { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; align-self: stretch !important; flex-grow: 1 !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; } .elementor-33585 .elementor-element.elementor-global-36052 > .elementor-widget-container { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1addd1c */.elementor-33585 .elementor-element.elementor-element-1addd1c { width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; align-items: stretch !important; justify-content: flex-start !important; overflow: hidden !important; } .elementor-33585 .elementor-element.elementor-element-1addd1c > .e-con-inner { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-902eab9 */.elementor-33585 .elementor-element.elementor-element-902eab9 { /* ========================================== ANCHO DEL CONTENEDOR Puedes cambiarlo desde Elementor ========================================== */ width: 100%; max-width: 100%; height: auto !important; min-height: 0 !important; /* ========================================== PADDING Sin espacio interior adicional ========================================== */ padding: 0 !important; /* ========================================== MÁRGENES NO se define margin-top ni margin-bottom, por lo que puedes modificarlos libremente desde Elementor, incluyendo valores negativos. Izquierda/derecha en AUTO mantienen el contenedor centrado cuando reduces WIDTH. ========================================== */ margin-left: auto; margin-right: auto; /* ========================================== DISTRIBUCIÓN ========================================== */ gap: 0 !important; align-items: stretch !important; justify-content: flex-start !important; /* ========================================== SUPERPOSICIÓN Este contenedor queda POR ENCIMA del contenedor inferior aunque este último tenga un margen superior negativo. ========================================== */ position: relative !important; z-index: 50 !important; isolation: isolate !important; /* ========================================== OVERFLOW ========================================== */ overflow: hidden !important; box-sizing: border-box !important; } /* ========================================== CONTENEDOR INTERNO DE ELEMENTOR ========================================== */ .elementor-33585 .elementor-element.elementor-element-902eab9 > .e-con-inner { width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; position: relative !important; z-index: 1 !important; box-sizing: border-box !important; }/* End custom CSS */ /* Start custom CSS for owl-carousel-elementor, class: .elementor-element-3c762b6 *//* ========================================= VITALIUM SLIDER ZOOM V4 AJUSTES CENTRALIZADOS ========================================= */ .elementor-33585 .elementor-element.elementor-element-3c762b6.vitalium-slider-zoom-v2 { /* ============================== MODIFICA SOLO ESTOS 2 VALORES ============================== */ --vitalium-velocidad: 3s; --vitalium-zoom: 1.08; } /* BORDE EXTERIOR FIJO */ .elementor-33585 .elementor-element.elementor-element-3c762b6.vitalium-slider-zoom-v2 .swiper-slide { overflow: hidden !important; border: 1px solid #F4A725 !important; border-radius: 22px !important; box-sizing: border-box !important; } /* RECORTE INTERIOR */ .elementor-33585 .elementor-element.elementor-element-3c762b6.vitalium-slider-zoom-v2 .swiper-slide-inner { overflow: hidden !important; border-radius: 21px !important; } /* IMAGEN NORMAL */ .elementor-33585 .elementor-element.elementor-element-3c762b6.vitalium-slider-zoom-v2 .swiper-slide img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transform-origin: center center !important; animation-name: vitaliumZoomV4 !important; animation-duration: var(--vitalium-velocidad) !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; -webkit-animation-name: vitaliumZoomV4 !important; -webkit-animation-duration: var(--vitalium-velocidad) !important; -webkit-animation-timing-function: ease-in-out !important; -webkit-animation-iteration-count: infinite !important; -webkit-animation-direction: alternate !important; will-change: transform; } /* IMAGEN DE FONDO DEL SLIDER */ .elementor-33585 .elementor-element.elementor-element-3c762b6.vitalium-slider-zoom-v2 .swiper-slide-bg { transform-origin: center center !important; animation-name: vitaliumZoomV4 !important; animation-duration: var(--vitalium-velocidad) !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; -webkit-animation-name: vitaliumZoomV4 !important; -webkit-animation-duration: var(--vitalium-velocidad) !important; -webkit-animation-timing-function: ease-in-out !important; -webkit-animation-iteration-count: infinite !important; -webkit-animation-direction: alternate !important; will-change: transform; } /* ZOOM */ @keyframes vitaliumZoomV4 { 0% { transform: scale(1); } 100% { transform: scale(var(--vitalium-zoom)); } } /* SAFARI / IPHONE */ @-webkit-keyframes vitaliumZoomV4 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(var(--vitalium-zoom)); transform: scale(var(--vitalium-zoom)); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b7cd662 *//* ========================= */ /* CONTENEDOR PRINCIPAL HERO + CARRUSEL */ .vitalium-hero-carrusel { position: relative; overflow: hidden; } /* ========================= */ /* SOMBREADO SUPERIOR PARA LEGIBILIDAD */ .vitalium-hero-carrusel::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 55%; background: linear-gradient( 180deg, rgba(7, 16, 31, 0.78) 0%, rgba(7, 16, 31, 0.50) 42%, rgba(7, 16, 31, 0.12) 78%, rgba(7, 16, 31, 0) 100% ); z-index: 2; pointer-events: none; } /* ========================= */ /* CONTENEDOR DE TEXTO */ .vitalium-hero-texto { position: absolute; top: 0; left: 0; margin-top: -10PX; width: 100%; max-width: 680px; padding: clamp(25px, 5vw, 65px); z-index: 4; background: transparent; pointer-events: none; } /* ========================= */ /* SOMBRA DE LOS TEXTOS */ .vitalium-hero-texto h1, .vitalium-hero-texto h2, .vitalium-hero-texto h3, .vitalium-hero-texto p { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75), 0 4px 12px rgba(0, 0, 0, 0.45); } /* ========================= */ /* AJUSTE PARA MÓVIL */ @media (max-width: 767px) { .vitalium-hero-carrusel::after { height: 45%; background: linear-gradient( 180deg, rgba(7, 16, 31, 0.84) 0%, rgba(7, 16, 31, 0.60) 45%, rgba(7, 16, 31, 0.16) 82%, rgba(7, 16, 31, 0) 100% ); } .vitalium-hero-texto { max-width: 100%; padding: 25px 22px; } } .elementor-33585 .elementor-element.elementor-element-b7cd662 { 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 text-editor, class: .elementor-element-a249bcc *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-a249bcc { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-a249bcc::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-a249bcc .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-a249bcc .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-a249bcc h1, .elementor-33585 .elementor-element.elementor-element-a249bcc h2, .elementor-33585 .elementor-element.elementor-element-a249bcc h3, .elementor-33585 .elementor-element.elementor-element-a249bcc h4, .elementor-33585 .elementor-element.elementor-element-a249bcc p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d9b698 *//* ========================================================= VITALIUM — CONTENEDOR 2 ESTÉTICA BASADA EN EL HEADER VITALIUM ========================================================= */ .contenedor-vit-77 { /* ===================================================== AJUSTES RÁPIDOS ===================================================== */ --ancho-contenedor: 90%; /* Espesor general: superior + laterales */ --grosor-borde: 1px; /* ESPESOR INDEPENDIENTE DEL BORDE INFERIOR */ --grosor-borde-inferior: 0.3px; /* Dorado tomado del borde del header */ --dorado-header: #F9CB6B; /* ===================================================== DIMENSIONAMIENTO Y CENTRADO ===================================================== */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; /* ===================================================== SUPERPOSICIÓN ===================================================== */ position: relative !important; z-index: 5 !important; isolation: isolate; /* Fondo completamente opaco. Permite utilizar margen negativo desde Elementor y superponer el contenedor sobre fotografías sin transparencia. */ background-color: #00040f !important; /* ===================================================== BORDE ===================================================== */ border-style: solid !important; border-color: transparent !important; /* ORDEN: arriba | derecha | abajo | izquierda El borde inferior puede modificarse independientemente desde: --grosor-borde-inferior */ border-width: var(--grosor-borde) var(--grosor-borde) var(--grosor-borde-inferior) var(--grosor-borde) !important; border-radius: 38px !important; /* ===================================================== FONDO REPLICA DEL HEADER VITALIUM ===================================================== */ background: /* ------------------------------------------------- BRILLO SUPERIOR MUY SUAVE Casi imperceptible, como en el header ------------------------------------------------- */ radial-gradient( 110% 36% at 50% -2%, rgba(20, 58, 88, 0.18) 0%, rgba(10, 38, 67, 0.10) 34%, rgba(3, 20, 43, 0.04) 62%, rgba(0, 0, 0, 0) 100% ) padding-box, /* ------------------------------------------------- SEGUNDO BRILLO AZUL MUY DIFUSO Da profundidad sin convertir el fondo en azul brillante ------------------------------------------------- */ radial-gradient( 82% 24% at 50% 2%, rgba(52, 91, 121, 0.045) 0%, rgba(15, 43, 72, 0.025) 48%, rgba(0, 0, 0, 0) 100% ) padding-box, /* ------------------------------------------------- DEGRADADO PRINCIPAL Azul profundo arriba ↓ Azul casi negro ↓ Negro azulado abajo ------------------------------------------------- */ linear-gradient( 180deg, #010A1B 0%, #020D21 5%, #010B1E 14%, #010B1A 34%, #010714 50%, #000412 66%, #000410 82%, #00030E 100% ) padding-box, /* ------------------------------------------------- BORDE DORADO ------------------------------------------------- */ linear-gradient( 180deg, var(--dorado-header) 0%, var(--dorado-header) 100% ) border-box !important; /* ===================================================== SOMBRAS ===================================================== */ box-shadow: /* Pequeñísima luminosidad azul superior */ inset 0 1px 0 rgba(84, 132, 167, 0.08), /* Resplandor interior superior */ inset 0 9px 25px rgba(14, 47, 76, 0.035), /* Oscurecimiento progresivo inferior */ inset 0 -24px 40px rgba(0, 0, 0, 0.20), /* Resplandor mínimo del borde dorado */ 0 0 2px rgba(244, 169, 32, 0.14), /* Sombra exterior original */ 0 7px 21px rgba(0, 0, 0, 0.31) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-17b7e1b *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-17b7e1b { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-17b7e1b::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-17b7e1b .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-17b7e1b .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-17b7e1b h1, .elementor-33585 .elementor-element.elementor-element-17b7e1b h2, .elementor-33585 .elementor-element.elementor-element-17b7e1b h3, .elementor-33585 .elementor-element.elementor-element-17b7e1b h4, .elementor-33585 .elementor-element.elementor-element-17b7e1b p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2d62640 *//* ========================================================= VITALIUM — CONTENEDOR 1 AJUSTE RÁPIDO DEL ANCHO: Cambia solamente este valor: 90% = ancho actual 85% = más angosto 95% = más ancho ========================================================= */ .contenedor-vit-1 { --ancho-contenedor: 90%; /* ============================================= DIMENSIONAMIENTO Y CENTRADO ============================================= */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; /* ============================================= SUPERPOSICIÓN SOBRE IMÁGENES No modifica margin-top ni margin-bottom. Puedes usar margen negativo desde Elementor. ============================================= */ position: relative !important; z-index: 5 !important; isolation: isolate; /* Fondo base 100% opaco. Evita que una imagen ubicada detrás se transparente a través del contenedor. */ background-color: #010a14 !important; /* ============================================= BORDE ============================================= */ border: 1.4px solid transparent !important; border-radius: 30px !important; /* ============================================= FONDO + BORDE DEGRADADO ============================================= */ background: /* Halo azul superior */ radial-gradient( 105% 42% at 53% 0%, rgba(7, 43, 70, 0.58) 0%, rgba(5, 34, 58, 0.42) 32%, rgba(2, 21, 38, 0.20) 65%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Halo lateral derecho */ radial-gradient( 70% 65% at 100% 42%, rgba(5, 29, 49, 0.24) 0%, rgba(2, 15, 29, 0.12) 48%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Oscurecimiento inferior */ linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 32%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0.30) 100% ) padding-box, /* Fondo sólido principal */ linear-gradient( 180deg, #061a2c 0%, #041522 18%, #020f1c 42%, #010b15 67%, #010811 100% ) padding-box, /* Borde azul grisáceo */ linear-gradient( 180deg, rgba(132, 163, 184, 0.88) 0%, rgba(96, 130, 152, 0.68) 18%, rgba(65, 91, 111, 0.52) 48%, rgba(69, 91, 106, 0.56) 74%, rgba(111, 128, 140, 0.68) 100% ) border-box !important; /* ============================================= SOMBRAS Y BRILLOS ============================================= */ box-shadow: inset 0 1px 0 rgba(207, 226, 239, 0.08), inset 0 0 24px rgba(2, 19, 34, 0.16), inset 0 -18px 30px rgba(0, 0, 0, 0.10), 0 1px 2px rgba(105, 137, 158, 0.16), 0 7px 20px rgba(0, 0, 0, 0.32) !important; }/* End custom CSS */ /* Start custom CSS for owl-carousel-elementor, class: .elementor-element-b6a4b9e *//* ========================================= VITALIUM SLIDER ZOOM V4 AJUSTES CENTRALIZADOS ========================================= */ .elementor-33585 .elementor-element.elementor-element-b6a4b9e.vitalium-slider-zoom-v2 { /* ============================== MODIFICA SOLO ESTOS 2 VALORES ============================== */ --vitalium-velocidad: 3s; --vitalium-zoom: 1.08; } /* BORDE EXTERIOR FIJO */ .elementor-33585 .elementor-element.elementor-element-b6a4b9e.vitalium-slider-zoom-v2 .swiper-slide { overflow: hidden !important; border: 1px solid #F4A725 !important; border-radius: 22px !important; box-sizing: border-box !important; } /* RECORTE INTERIOR */ .elementor-33585 .elementor-element.elementor-element-b6a4b9e.vitalium-slider-zoom-v2 .swiper-slide-inner { overflow: hidden !important; border-radius: 21px !important; } /* IMAGEN NORMAL */ .elementor-33585 .elementor-element.elementor-element-b6a4b9e.vitalium-slider-zoom-v2 .swiper-slide img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transform-origin: center center !important; animation-name: vitaliumZoomV4 !important; animation-duration: var(--vitalium-velocidad) !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; -webkit-animation-name: vitaliumZoomV4 !important; -webkit-animation-duration: var(--vitalium-velocidad) !important; -webkit-animation-timing-function: ease-in-out !important; -webkit-animation-iteration-count: infinite !important; -webkit-animation-direction: alternate !important; will-change: transform; } /* IMAGEN DE FONDO DEL SLIDER */ .elementor-33585 .elementor-element.elementor-element-b6a4b9e.vitalium-slider-zoom-v2 .swiper-slide-bg { transform-origin: center center !important; animation-name: vitaliumZoomV4 !important; animation-duration: var(--vitalium-velocidad) !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; animation-direction: alternate !important; -webkit-animation-name: vitaliumZoomV4 !important; -webkit-animation-duration: var(--vitalium-velocidad) !important; -webkit-animation-timing-function: ease-in-out !important; -webkit-animation-iteration-count: infinite !important; -webkit-animation-direction: alternate !important; will-change: transform; } /* ZOOM */ @keyframes vitaliumZoomV4 { 0% { transform: scale(1); } 100% { transform: scale(var(--vitalium-zoom)); } } /* SAFARI / IPHONE */ @-webkit-keyframes vitaliumZoomV4 { 0% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(var(--vitalium-zoom)); transform: scale(var(--vitalium-zoom)); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8dc636e *//* ========================= */ /* CONTENEDOR PRINCIPAL HERO + CARRUSEL */ .vitalium-hero-carrusel { position: relative; overflow: hidden; } /* ========================= */ /* SOMBREADO SUPERIOR PARA LEGIBILIDAD */ .vitalium-hero-carrusel::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 55%; background: linear-gradient( 180deg, rgba(7, 16, 31, 0.78) 0%, rgba(7, 16, 31, 0.50) 42%, rgba(7, 16, 31, 0.12) 78%, rgba(7, 16, 31, 0) 100% ); z-index: 2; pointer-events: none; } /* ========================= */ /* CONTENEDOR DE TEXTO */ .vitalium-hero-texto { position: absolute; top: 0; left: 0; margin-top: -10PX; width: 100%; max-width: 680px; padding: clamp(25px, 5vw, 65px); z-index: 4; background: transparent; pointer-events: none; } /* ========================= */ /* SOMBRA DE LOS TEXTOS */ .vitalium-hero-texto h1, .vitalium-hero-texto h2, .vitalium-hero-texto h3, .vitalium-hero-texto p { text-shadow: 0 2px 4px rgba(0, 0, 0, 0.75), 0 4px 12px rgba(0, 0, 0, 0.45); } /* ========================= */ /* AJUSTE PARA MÓVIL */ @media (max-width: 767px) { .vitalium-hero-carrusel::after { height: 45%; background: linear-gradient( 180deg, rgba(7, 16, 31, 0.84) 0%, rgba(7, 16, 31, 0.60) 45%, rgba(7, 16, 31, 0.16) 82%, rgba(7, 16, 31, 0) 100% ); } .vitalium-hero-texto { max-width: 100%; padding: 25px 22px; } } .elementor-33585 .elementor-element.elementor-element-8dc636e { 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 text-editor, class: .elementor-element-e293597 *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-e293597 { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-e293597::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-e293597 .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-e293597 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-e293597 h1, .elementor-33585 .elementor-element.elementor-element-e293597 h2, .elementor-33585 .elementor-element.elementor-element-e293597 h3, .elementor-33585 .elementor-element.elementor-element-e293597 h4, .elementor-33585 .elementor-element.elementor-element-e293597 p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ec9fb38 *//* ========================================================== CONTENEDOR VITALIUM 01 ---------------------------------------------------------- - Borde superior dorado - Laterales que se difuminan hacia abajo - Sin borde inferior visible - Fondo azul petróleo arriba → negro abajo - NO modifica margen superior ni inferior - Compatible con margen negativo aplicado desde Elementor ========================================================== */ .contenedor-vit-5 { /* ====================================================== AJUSTES RÁPIDOS ====================================================== */ --ancho-contenedor: 90%; /* MODIFICAR WIDTH AQUÍ */ --radio-esquinas: 34px; --grosor-borde: 1.6px; /* Nuevo dorado Vitalium */ --dorado: #E4A63E; /* ====================================================== ANCHO ====================================================== */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; box-sizing: border-box !important; /* ====================================================== CENTRADO HORIZONTAL IMPORTANTE: Solo controlamos izquierda/derecha. NO tocamos margin-top ni margin-bottom. De esta forma Elementor puede controlar libremente el margen vertical, incluso valores negativos. ====================================================== */ margin-left: auto !important; margin-right: auto !important; /* ====================================================== ALTURA ====================================================== */ height: auto !important; min-height: 0 !important; /* ====================================================== POSICIONAMIENTO position: relative permite que z-index funcione cuando quieras solapar el contenedor mediante Elementor. ====================================================== */ position: relative !important; z-index: 5 !important; border-radius: var(--radio-esquinas) !important; /* ====================================================== BORDE TRANSPARENTE BASE ====================================================== */ border: var(--grosor-borde) solid transparent !important; /* ====================================================== FONDO + BORDE Las primeras capas forman el fondo interior. La última capa corresponde al borde: comienza dorado arriba y va desapareciendo progresivamente hacia abajo. ====================================================== */ background: /* -------------------------------------------------- Azul irregular superior izquierdo -------------------------------------------------- */ radial-gradient( ellipse 115% 2% at 15% 2%, rgba(14, 52, 70, 0.62) 0%, rgba(8, 35, 50, 0.42) 26%, rgba(4, 21, 32, 0.18) 49%, rgba(0, 0, 0, 0) 70% ) padding-box, /* -------------------------------------------------- Mancha azul centro-superior -------------------------------------------------- */ radial-gradient( ellipse 80% 55% at 64% 13%, rgba(13, 42, 58, 0.34) 0%, rgba(7, 27, 40, 0.20) 41%, rgba(0, 0, 0, 0) 72% ) padding-box, /* -------------------------------------------------- Oscurecimiento irregular izquierdo -------------------------------------------------- */ radial-gradient( ellipse 42% 90% at -5% 45%, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.14) 46%, rgba(0, 0, 0, 0) 78% ) padding-box, /* -------------------------------------------------- Oscurecimiento derecho -------------------------------------------------- */ radial-gradient( ellipse 52% 85% at 103% 47%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.12) 48%, rgba(0, 0, 0, 0) 78% ) padding-box, /* -------------------------------------------------- Fondo principal Azul petróleo → negro -------------------------------------------------- */ linear-gradient( 180deg, #071f2d 0%, #071d2a 10%, #061925 24%, #051520 34%, #031019 43%, #02090e 52%, #010406 62%, #000000 74%, #000000 100% ) padding-box, /* -------------------------------------------------- BORDE EXTERIOR Dorado arriba. Disminuye por los laterales. Desaparece completamente abajo. -------------------------------------------------- */ linear-gradient( 180deg, rgba(228, 166, 62, 0.97) 0%, rgba(228, 166, 62, 0.92) 8%, rgba(218, 160, 62, 0.78) 27%, rgba(194, 148, 67, 0.52) 52%, rgba(126, 120, 91, 0.27) 70%, rgba(73, 89, 91, 0.12) 84%, rgba(0, 0, 0, 0) 96%, rgba(0, 0, 0, 0) 100% ) border-box !important; /* ====================================================== FONDO BASE SÓLIDO Fundamental si posteriormente aplicas margen negativo: evita que la imagen o contenedor anterior sea visible a través de este contenedor. ====================================================== */ background-color: #000000 !important; /* Recorte de las capas según las esquinas */ overflow: hidden !important; isolation: isolate !important; } /* ========================================================== HEADER SIEMPRE POR ENCIMA Aunque desde Elementor pongas el contenedor con margen negativo, el header permanece delante. ========================================================== */ header, .elementor-location-header, .site-header { position: relative; z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-0331dc7 *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-0331dc7 { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-0331dc7::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-0331dc7 .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-0331dc7 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-0331dc7 h1, .elementor-33585 .elementor-element.elementor-element-0331dc7 h2, .elementor-33585 .elementor-element.elementor-element-0331dc7 h3, .elementor-33585 .elementor-element.elementor-element-0331dc7 h4, .elementor-33585 .elementor-element.elementor-element-0331dc7 p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e324af0 *//* ========================================================== CONTENEDOR VITALIUM 02 ---------------------------------------------------------- - Borde perimetral dorado mate - Lateral izquierdo más fino y tenue - Fondo azul petróleo oscuro - NO modifica margen superior ni inferior - Compatible con margen negativo aplicado desde Elementor ========================================================== */ .contenedor-vit-6 { /* ====================================================== AJUSTES RÁPIDOS ====================================================== */ --ancho-contenedor: 90%; /* MODIFICAR WIDTH AQUÍ */ --radio-esquinas: 35px; /* Nuevo dorado Vitalium */ --dorado: #E4A63E; /* ====================================================== ANCHO ====================================================== */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; box-sizing: border-box !important; /* ====================================================== CENTRADO HORIZONTAL NO existe margin-top en este código. Tampoco margin-bottom. Elementor mantiene control completo sobre ambos. ====================================================== */ margin-left: auto !important; margin-right: auto !important; /* ====================================================== ALTURA ====================================================== */ height: auto !important; min-height: 0 !important; /* ====================================================== POSICIONAMIENTO ====================================================== */ position: relative !important; z-index: 5 !important; border-radius: var(--radio-esquinas) !important; /* ====================================================== BORDES Superior: definido y elegante. Derecho: ligeramente menos intenso. Inferior: definido. Izquierdo: deliberadamente más delgado y apagado, como en la imagen de referencia. ====================================================== */ border-top: 1.7px solid rgba(228, 166, 62, 0.93) !important; border-right: 1.7px solid rgba(228, 166, 62, 0.88) !important; border-bottom: 1.7px solid rgba(228, 166, 62, 0.91) !important; border-left: 1px solid rgba(228, 166, 62, 0.55) !important; /* ====================================================== FONDO INTERIOR ====================================================== */ background: /* -------------------------------------------------- Iluminación azul petróleo superior -------------------------------------------------- */ radial-gradient( ellipse 95% 58% at 48% -4%, rgba(15, 53, 70, 0.48) 0%, rgba(8, 33, 47, 0.28) 38%, rgba(0, 0, 0, 0) 72% ), /* -------------------------------------------------- Variación azul izquierda -------------------------------------------------- */ radial-gradient( ellipse 58% 54% at 12% 17%, rgba(9, 37, 51, 0.28) 0%, rgba(4, 20, 30, 0.12) 48%, rgba(0, 0, 0, 0) 76% ), /* -------------------------------------------------- Oscurecimiento derecho -------------------------------------------------- */ radial-gradient( ellipse 45% 90% at 105% 53%, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.10) 52%, rgba(0, 0, 0, 0) 80% ), /* -------------------------------------------------- Gradiente vertical principal -------------------------------------------------- */ linear-gradient( 180deg, #071e2b 0%, #061b28 15%, #051722 32%, #04131d 51%, #031019 68%, #020b11 84%, #010609 100% ) !important; /* ====================================================== FONDO BASE SÓLIDO Si después utilizas un margen negativo en Elementor, el contenido que quede detrás NO atravesará este fondo. ====================================================== */ background-color: #02080d !important; /* ====================================================== TERMINACIÓN ====================================================== */ overflow: hidden !important; isolation: isolate !important; /* Sombra exterior muy discreta */ box-shadow: 0 7px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.015) !important; } /* ========================================================== HEADER SIEMPRE POR ENCIMA ========================================================== */ header, .elementor-location-header, .site-header { position: relative; z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-70f3b5e *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-70f3b5e { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-70f3b5e::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-70f3b5e .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-70f3b5e .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-70f3b5e h1, .elementor-33585 .elementor-element.elementor-element-70f3b5e h2, .elementor-33585 .elementor-element.elementor-element-70f3b5e h3, .elementor-33585 .elementor-element.elementor-element-70f3b5e h4, .elementor-33585 .elementor-element.elementor-element-70f3b5e p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ea03e91 *//* ========================================================= VITALIUM — CONTENEDOR 3 AJUSTE RÁPIDO DEL ANCHO ========================================================= */ .contenedor-vit-3 { --ancho-contenedor: 90%; /* ============================================= DIMENSIONAMIENTO Y CENTRADO ============================================= */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; /* ============================================= SUPERPOSICIÓN ============================================= */ position: relative !important; z-index: 5 !important; isolation: isolate; /* Base completamente sólida. Puede superponerse a una imagen usando margin-top negativo sin transparentarla. */ background-color: #010b15 !important; /* ============================================= BORDE ============================================= */ border: 1.25px solid transparent !important; border-radius: 27px !important; /* ============================================= FONDO + BORDE ============================================= */ background: /* Halo azul superior izquierdo */ radial-gradient( 64% 36% at 14% 0%, rgba(12, 55, 88, 0.40) 0%, rgba(6, 37, 64, 0.24) 48%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Halo azul superior derecho */ radial-gradient( 68% 44% at 92% 8%, rgba(10, 48, 76, 0.31) 0%, rgba(4, 29, 50, 0.17) 53%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Profundidad inferior */ linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 40%, rgba(0, 0, 0, 0.19) 72%, rgba(0, 0, 0, 0.28) 100% ) padding-box, /* Fondo sólido principal */ linear-gradient( 180deg, #082039 0%, #05192b 18%, #031321 39%, #020d18 64%, #010b15 100% ) padding-box, /* Borde bronce / dorado apagado */ linear-gradient( 180deg, rgba(165, 151, 96, 0.73) 0%, rgba(174, 136, 65, 0.72) 22%, rgba(147, 105, 50, 0.67) 55%, rgba(128, 94, 49, 0.65) 77%, rgba(159, 123, 59, 0.72) 100% ) border-box !important; /* ============================================= SOMBRAS ============================================= */ box-shadow: inset 0 1px 0 rgba(215, 219, 208, 0.035), inset 0 0 27px rgba(1, 22, 38, 0.17), inset 0 -16px 28px rgba(0, 0, 0, 0.12), 0 0 2px rgba(159, 124, 61, 0.10), 0 6px 18px rgba(0, 0, 0, 0.29) !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-9d769f3 *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-9d769f3 { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-9d769f3::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-9d769f3 .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-9d769f3 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-9d769f3 h1, .elementor-33585 .elementor-element.elementor-element-9d769f3 h2, .elementor-33585 .elementor-element.elementor-element-9d769f3 h3, .elementor-33585 .elementor-element.elementor-element-9d769f3 h4, .elementor-33585 .elementor-element.elementor-element-9d769f3 p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c12889 *//* ========================================================== CONTENEDOR VITALIUM 8 Referencia: - lámina "MÁS ESPACIO / MÁS VIDA" - borde dorado fino perimetral - fondo azul petróleo con degradado a negro - brillo superior leve - trama técnica inferior tipo plano - sin margen negativo ========================================================== */ .contenedor-vit-8{ --ancho-contenedor: 90%; /* AJUSTAR WIDTH AQUÍ */ --radio-esquinas: 34px; --borde-dorado: #E4A63E; width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; isolation: isolate !important; border-radius: var(--radio-esquinas) !important; border: 1.5px solid rgba(228,166,62,0.88) !important; background: radial-gradient(ellipse 90% 40% at 50% 0%, rgba(17,59,84,0.36) 0%, rgba(9,33,50,0.20) 38%, rgba(0,0,0,0) 72% ), radial-gradient(ellipse 55% 60% at 92% 42%, rgba(12,41,60,0.22) 0%, rgba(0,0,0,0) 74% ), radial-gradient(ellipse 45% 55% at 10% 42%, rgba(7,25,38,0.20) 0%, rgba(0,0,0,0) 74% ), linear-gradient(180deg, #062033 0%, #041a2b 18%, #031524 34%, #02111d 48%, #020c15 61%, #01070d 74%, #000000 100% ) !important; background-color: #000000 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), inset 0 -35px 60px rgba(0,0,0,0.22), 0 8px 20px rgba(0,0,0,0.18) !important; } /* brillo/matiz superior irregular */ .contenedor-vit-8::before{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; border-radius: inherit; background: linear-gradient(90deg, rgba(255,255,255,0.018) 0%, rgba(255,255,255,0.006) 18%, rgba(255,255,255,0.000) 40%, rgba(255,255,255,0.012) 68%, rgba(255,255,255,0.000) 100% ), radial-gradient(ellipse 46% 16% at 60% 28%, rgba(228,166,62,0.08) 0%, rgba(228,166,62,0.03) 28%, rgba(0,0,0,0) 72% ); opacity: .9; } /* trama técnica inferior tipo blueprint */ .contenedor-vit-8::after{ content: ""; position: absolute; left: 4%; right: 4%; bottom: 3%; height: 44%; pointer-events: none; z-index: 0; border-radius: 22px; background: radial-gradient(circle at 55% 55%, rgba(228,166,62,0.12) 0%, rgba(228,166,62,0.06) 18%, rgba(0,0,0,0) 48% ), repeating-linear-gradient( 0deg, rgba(0,0,0,0) 0 18px, rgba(96,145,190,0.11) 18px 19px ), repeating-linear-gradient( 90deg, rgba(0,0,0,0) 0 20px, rgba(96,145,190,0.10) 20px 21px ), linear-gradient( 25deg, rgba(0,0,0,0) 0 20%, rgba(228,166,62,0.13) 20.5% 21%, rgba(0,0,0,0) 21.5% 100% ), linear-gradient( -24deg, rgba(0,0,0,0) 0 30%, rgba(228,166,62,0.10) 30.4% 30.9%, rgba(0,0,0,0) 31.3% 100% ); opacity: .75; mix-blend-mode: screen; } /* mantiene cualquier contenido por encima */ .contenedor-vit-8 > *{ position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-e76eab3 *//* ========================================================== CONTENEDOR INTERNO "ORIGEN" + LÍNEA ORNAMENTAL INFERIOR DIFUMINADA ========================================================== */ .elementor-33585 .elementor-element.elementor-element-e76eab3 { /* ====================================================== CONFIGURACIÓN RÁPIDA DE LA LÍNEA ====================================================== */ /* Largo de la línea respecto al ancho del contenedor */ --linea-largo: 84%; /* Grosor de la línea */ --linea-grosor: 1px; /* Posición horizontal 0px = centrada negativo = mueve a la izquierda positivo = mueve a la derecha */ --linea-posicion-x: 0px; /* Distancia vertical desde el borde inferior Ejemplo: -8px = 8px debajo del contenedor -12px = 12px debajo 0px = justo sobre el borde inferior */ --linea-posicion-y: 0px; /* Intensidad general de la línea */ --linea-opacidad: 0.90; /* ====================================================== CONFIGURACIÓN ORIGINAL DEL CONTENEDOR ====================================================== */ /* Ancho según el contenido */ width: fit-content !important; max-width: 100% !important; min-width: 0 !important; /* Evita que Elementor lo estire verticalmente */ height: fit-content !important; min-height: 0 !important; max-height: none !important; /* Evita expansión dentro de Flex/Grid */ flex: 0 0 auto !important; align-self: center !important; justify-self: center !important; /* Centrado */ margin-left: auto !important; margin-right: auto !important; /* DISTANCIA ENTRE TEXTO Y BORDE Primer valor = arriba/abajo Segundo valor = izquierda/derecha */ padding: 2px 8px !important; /* Evita espacios internos inesperados */ box-sizing: border-box !important; /* Necesario para posicionar la línea ornamental */ position: relative !important; /* Permite que la línea pueda sobresalir hacia abajo */ overflow: visible !important; } /* ========================================================== LÍNEA ORNAMENTAL INFERIOR ========================================================== */ .elementor-33585 .elementor-element.elementor-element-e76eab3::after { content: "" !important; position: absolute !important; /* Centrado + ajuste horizontal manual */ left: calc(50% + var(--linea-posicion-x)) !important; /* Posición vertical */ bottom: var(--linea-posicion-y) !important; transform: translateX(-50%) !important; /* Largo configurable */ width: var(--linea-largo) !important; /* Grosor configurable */ height: var(--linea-grosor) !important; /* Línea dorada/anaranjada con desvanecimiento SIMÉTRICO en ambos extremos */ background: linear-gradient( 90deg, rgba(228, 166, 62, 0) 0%, rgba(228, 166, 62, 0.12) 8%, rgba(228, 166, 62, 0.38) 22%, rgba(228, 166, 62, 0.72) 38%, rgba(228, 166, 62, 0.95) 50%, rgba(228, 166, 62, 0.72) 62%, rgba(228, 166, 62, 0.38) 78%, rgba(228, 166, 62, 0.12) 92%, rgba(228, 166, 62, 0) 100% ) !important; opacity: var(--linea-opacidad) !important; /* Brillo muy sutil similar a la referencia */ box-shadow: 0 0 2px rgba(228, 166, 62, 0.35), 0 1px 3px rgba(0, 0, 0, 0.55) !important; pointer-events: none !important; } /* ========================================================== WIDGETS INTERNOS ========================================================== */ /* Elimina márgenes propios del título/texto */ .elementor-33585 .elementor-element.elementor-element-e76eab3 .elementor-widget-heading, .elementor-33585 .elementor-element.elementor-element-e76eab3 .elementor-widget-text-editor { margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; } /* Elimina margen del propio H1/H2/H3/P */ .elementor-33585 .elementor-element.elementor-element-e76eab3 h1, .elementor-33585 .elementor-element.elementor-element-e76eab3 h2, .elementor-33585 .elementor-element.elementor-element-e76eab3 h3, .elementor-33585 .elementor-element.elementor-element-e76eab3 h4, .elementor-33585 .elementor-element.elementor-element-e76eab3 p { margin-top: 0 !important; margin-bottom: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2406394 *//* ========================================================= VITALIUM — CONTENEDOR 2 AJUSTE RÁPIDO DEL ANCHO ========================================================= */ .contenedor-vit-2 { --ancho-contenedor: 90%; /* ============================================= DIMENSIONAMIENTO Y CENTRADO ============================================= */ width: var(--ancho-contenedor) !important; max-width: var(--ancho-contenedor) !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; /* ============================================= SUPERPOSICIÓN ============================================= */ position: relative !important; z-index: 5 !important; isolation: isolate; /* Fondo completamente opaco para utilizar margen superior negativo sobre fotografías. */ background-color: #010b14 !important; /* ============================================= BORDE ============================================= */ border: 1.6px solid transparent !important; border-radius: 38px !important; /* ============================================= FONDO + BORDE DORADO ============================================= */ background: /* Iluminación azul superior */ radial-gradient( 105% 43% at 57% 0%, rgba(7, 44, 70, 0.53) 0%, rgba(3, 30, 51, 0.36) 37%, rgba(1, 17, 31, 0.14) 68%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Iluminación lateral derecha */ radial-gradient( 58% 85% at 100% 52%, rgba(4, 28, 46, 0.28) 0%, rgba(2, 20, 34, 0.15) 45%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Azul inferior muy tenue */ radial-gradient( 100% 34% at 50% 100%, rgba(3, 27, 42, 0.28) 0%, rgba(1, 16, 27, 0.13) 50%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Oscurecimiento central */ radial-gradient( 76% 48% at 50% 58%, rgba(0, 0, 0, 0.31) 0%, rgba(0, 0, 0, 0.16) 48%, rgba(0, 0, 0, 0) 100% ) padding-box, /* Fondo sólido principal */ linear-gradient( 180deg, #051726 0%, #031321 25%, #010b15 53%, #010a13 76%, #03111c 100% ) padding-box, /* Borde dorado */ linear-gradient( 180deg, rgba(241, 197, 105, 0.98) 0%, rgba(226, 168, 62, 0.95) 22%, rgba(204, 143, 43, 0.90) 55%, rgba(218, 155, 47, 0.93) 78%, rgba(237, 183, 68, 0.97) 100% ) border-box !important; /* ============================================= SOMBRAS ============================================= */ box-shadow: inset 0 1px 0 rgba(255, 224, 159, 0.045), inset 0 0 28px rgba(1, 22, 38, 0.20), inset 0 -20px 34px rgba(0, 0, 0, 0.12), 0 0 2px rgba(233, 178, 71, 0.17), 0 7px 21px rgba(0, 0, 0, 0.31) !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-Thin-100.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-ExtraLight-200.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-Light-300.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-Regular-400.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-Medium-500.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-SemiBold-600.ttf') format('truetype'); } @font-face { font-family: 'VITALIUM'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://propertycenter.cl/wp-content/uploads/2026/09/Vitalium-Bold-700.ttf') format('truetype'); } /* End Custom Fonts CSS */