.elementor-kit-32{--e-global-color-primary:#0F2822;--e-global-color-secondary:#C0A062;--e-global-color-text:#4A4A4A;--e-global-color-accent:#F4F1EA;--e-global-color-3ce08f1:#1A4037;--e-global-color-a302b4e:#64748B;--e-global-color-e27bad9:#27AE60;--e-global-color-8fec2c4:#A7F3D0;--e-global-color-00b82ed:#F0FDF4;--e-global-color-d3deb2b:#FFFFFF;--e-global-color-0fba91c:#D4C4A8;--e-global-color-81e8884:#F7F8FA;--e-global-color-d4f3030:#D3D3D9;--e-global-color-9aa0e29:#29292A00;--e-global-color-e0f9d43:#FFFFFF;--e-global-color-3b01a33:#848484;--e-global-color-3ff2a02:#D3D3D975;--e-global-color-16b3111:#0A221C;--e-global-typography-primary-font-family:"Prata";--e-global-typography-primary-font-size:55px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:2px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Prata";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-ef7e81d-font-family:"Inter";--e-global-typography-ef7e81d-font-size:24px;--e-global-typography-ef7e81d-font-weight:700;--e-global-typography-ef7e81d-line-height:1.4em;--e-global-typography-02f8a61-font-family:"Inter";--e-global-typography-02f8a61-font-size:20px;--e-global-typography-02f8a61-font-weight:600;--e-global-typography-0f18d58-font-size:20px;--e-global-typography-0f18d58-font-weight:400;--e-global-typography-0f18d58-line-height:1.8em;--e-global-typography-525b658-font-family:"Inter";--e-global-typography-525b658-font-size:15px;--e-global-typography-525b658-font-weight:400;--e-global-typography-525b658-line-height:1.6em;--e-global-typography-17581d1-font-family:"Inter";--e-global-typography-17581d1-font-size:14px;--e-global-typography-17581d1-font-weight:600;--e-global-typography-17581d1-text-transform:uppercase;--e-global-typography-17581d1-letter-spacing:1px;--e-global-typography-f3e9c76-font-family:"Prata";--e-global-typography-f3e9c76-font-size:5.2vw;--e-global-typography-f3e9c76-font-weight:400;--e-global-typography-f3e9c76-text-transform:capitalize;--e-global-typography-f3e9c76-font-style:normal;--e-global-typography-f3e9c76-text-decoration:none;--e-global-typography-f3e9c76-line-height:1em;--e-global-typography-f3e9c76-letter-spacing:10px;--e-global-typography-f3e9c76-word-spacing:0px;--e-global-typography-d097826-font-family:"Roboto";--e-global-typography-d097826-font-size:16px;--e-global-typography-d097826-font-weight:400;--e-global-typography-d097826-text-transform:uppercase;--e-global-typography-d097826-font-style:normal;--e-global-typography-d097826-text-decoration:none;--e-global-typography-d097826-line-height:1.2em;--e-global-typography-d097826-letter-spacing:6px;--e-global-typography-d097826-word-spacing:0px;--e-global-typography-043b86e-font-family:"Prata";--e-global-typography-043b86e-font-size:18px;--e-global-typography-043b86e-font-weight:400;--e-global-typography-043b86e-text-transform:capitalize;--e-global-typography-043b86e-font-style:normal;--e-global-typography-043b86e-text-decoration:none;--e-global-typography-043b86e-line-height:1em;--e-global-typography-043b86e-letter-spacing:1.1px;--e-global-typography-043b86e-word-spacing:0px;--e-global-typography-2a4aaa0-font-family:"Prata";--e-global-typography-2a4aaa0-font-size:32px;--e-global-typography-2a4aaa0-font-weight:400;--e-global-typography-2a4aaa0-text-transform:none;--e-global-typography-2a4aaa0-font-style:normal;--e-global-typography-2a4aaa0-text-decoration:none;--e-global-typography-2a4aaa0-line-height:1.4em;--e-global-typography-2a4aaa0-letter-spacing:0px;--e-global-typography-2a4aaa0-word-spacing:0px;--e-global-typography-e4ac33b-font-family:"Roboto";--e-global-typography-e4ac33b-font-size:16px;--e-global-typography-e4ac33b-font-weight:300;--e-global-typography-e4ac33b-text-transform:none;--e-global-typography-e4ac33b-font-style:normal;--e-global-typography-e4ac33b-text-decoration:underline;--e-global-typography-e4ac33b-line-height:1.5em;--e-global-typography-e4ac33b-letter-spacing:0px;--e-global-typography-e4ac33b-word-spacing:0px;background-color:var( --e-global-color-e0f9d43 );}.elementor-kit-32 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-secondary );padding-inline-end:5%;padding-inline-start:5%;}.site-footer{background-color:var( --e-global-color-secondary );padding-inline-end:5%;padding-inline-start:5%;}.elementor-kit-32 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-e4ac33b-font-family ), Sans-serif;font-size:var( --e-global-typography-e4ac33b-font-size );font-weight:var( --e-global-typography-e4ac33b-font-weight );text-transform:var( --e-global-typography-e4ac33b-text-transform );font-style:var( --e-global-typography-e4ac33b-font-style );text-decoration:var( --e-global-typography-e4ac33b-text-decoration );line-height:var( --e-global-typography-e4ac33b-line-height );letter-spacing:var( --e-global-typography-e4ac33b-letter-spacing );word-spacing:var( --e-global-typography-e4ac33b-word-spacing );}.elementor-kit-32 a:hover{color:var( --e-global-color-primary );text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1600px;}.e-con{--container-max-width:1600px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding .site-logo img{width:230px;max-width:230px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-e0f9d43 );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.site-footer .site-branding .site-logo img{width:230px;max-width:230px;}.site-footer .copyright p{color:var( --e-global-color-0fba91c );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}@media(max-width:1024px){.elementor-kit-32{--e-global-typography-primary-font-size:42px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-1.5px;--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-1px;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-size:12px;--e-global-typography-ef7e81d-font-size:22px;--e-global-typography-02f8a61-font-size:19px;--e-global-typography-0f18d58-font-size:19px;--e-global-typography-0f18d58-line-height:1.7em;--e-global-typography-525b658-font-size:15px;--e-global-typography-17581d1-font-size:13px;--e-global-typography-f3e9c76-font-size:6.9vw;--e-global-typography-f3e9c76-letter-spacing:5px;--e-global-typography-d097826-font-size:14px;--e-global-typography-043b86e-font-size:16px;--e-global-typography-2a4aaa0-font-size:22px;--e-global-typography-e4ac33b-font-size:14px;}.elementor-kit-32 a{font-size:var( --e-global-typography-e4ac33b-font-size );line-height:var( --e-global-typography-e4ac33b-line-height );letter-spacing:var( --e-global-typography-e4ac33b-letter-spacing );word-spacing:var( --e-global-typography-e4ac33b-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header{padding-inline-end:10%;padding-inline-start:10%;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.site-footer{padding-inline-end:10%;padding-inline-start:10%;}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-kit-32{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.15em;--e-global-typography-primary-letter-spacing:-1px;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-size:11px;--e-global-typography-ef7e81d-font-size:20px;--e-global-typography-ef7e81d-line-height:1.4em;--e-global-typography-02f8a61-font-size:18px;--e-global-typography-0f18d58-font-size:18px;--e-global-typography-0f18d58-line-height:1.6em;--e-global-typography-525b658-font-size:14px;--e-global-typography-17581d1-font-size:12px;--e-global-typography-f3e9c76-font-size:40px;--e-global-typography-f3e9c76-line-height:1.1em;--e-global-typography-d097826-font-size:12px;--e-global-typography-d097826-line-height:1.4em;--e-global-typography-043b86e-line-height:1.5em;--e-global-typography-2a4aaa0-font-size:18px;}.elementor-kit-32 a{font-size:var( --e-global-typography-e4ac33b-font-size );line-height:var( --e-global-typography-e4ac33b-line-height );letter-spacing:var( --e-global-typography-e4ac33b-letter-spacing );word-spacing:var( --e-global-typography-e4ac33b-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header{padding-inline-end:5%;padding-inline-start:5%;}.site-header .site-branding .site-logo img{width:200px;max-width:200px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.site-footer{padding-inline-end:5%;padding-inline-start:5%;}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* --- CÓDIGO PARA FORZAR FONDO FIJO EN MÓVIL/TABLET (iOS/Android) --- */ /* Afecta a Tablets (iPad) y Celulares */ @media screen and (max-width: 1024px) { /* 1. Configuración del contenedor de la sección (.back) */ .back { /* 'clip-path' es la magia. Actúa como una máscara que recorta todo lo que se salga de los bordes de esta sección. */ -webkit-clip-path: inset(0px); clip-path: inset(0px); /* Necesario para el apilamiento (z-index) */ position: relative; z-index: 1; /* Desactivamos la imagen de fondo normal de Elementor en móvil para que no se duplique con nuestro truco */ background-image: none !important; background-color: transparent !important; /* Por si acaso hay color de fondo */ } /* 2. Creación del "Falso Fondo" Fijo */ .back::before { content: ""; /* 'fixed' hace que la imagen se pegue a la pantalla y no se mueva */ position: fixed; /* Hacemos que ocupe toda la pantalla del dispositivo. Pero gracias al clip-path de arriba, solo se verá dentro de la sección. */ top: 0; left: 0; width: 100vw; /* 100% del ancho del viewport */ height: 100vh; /* 100% del alto del viewport */ /* --- IMPORTANTE: PEGA AQUÍ LA URL DE TU IMAGEN --- */ background-image: url('https://dev.extasiz.com/wp-content/uploads/2025/12/bg-a3.webp'); /* -------------------------------------------------- */ background-size: cover; background-position: center center; background-repeat: no-repeat; /* La enviamos al fondo, detrás del contenido de la sección */ z-index: -1; /* Optimizaciones para que no parpadee en el celular */ will-change: transform; pointer-events: none; /* Evita que interfiera con clicks */ } } #fondoblur{ border-radius: 20px 20px 20px 20px; background-color: rgba(250,250,250,0.0)!important; backdrop-filter: saturate(80%) blur(10px); -webkit-backdrop-filter: saturate(80%) blur(10px); } .elementor-divider-separator { border-radius: 20px; } /* ========================================= 1. ESTRUCTURA DE LA FILA (FLEX SYSTEM) ========================================= */ .service-row { /* Usamos Flexbox para alinear horizontalmente */ display: flex !important; align-items: center; justify-content: space-between; flex-wrap: nowrap; /* Prohibido bajar de línea */ gap: 30px; /* Espacio entre elementos */ /* Animación, Bordes y Candado de Altura */ transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid transparent; padding-top: 30px !important; padding-bottom: 30px !important; padding-left: 20px; padding-right: 20px; box-sizing: border-box; overflow: hidden; } /* ========================================= 2. ANCHOS RÍGIDOS (LA SOLUCIÓN AL ERROR) ========================================= */ /* Columna 1: Número (Siempre 60px) */ .s-num, .s-num .elementor-widget-container { width: 60px !important; flex-shrink: 0; /* Prohibido encogerse */ } /* Columna 2: Título (Ocupa todo el espacio sobrante) */ .s-title { flex-grow: 1; /* Crece para llenar el hueco */ min-width: 0; /* Permite que el texto se corte si es necesario */ } /* Columna 3: Descripción (Siempre 350px) */ .s-desc, .s-desc .elementor-widget-container { width: 350px !important; flex-shrink: 0; /* Prohibido encogerse */ text-align: left; opacity: 0.7; line-height: 1.5; } /* Columna 4: Flecha (Siempre 50px) */ .s-arrow, .s-arrow .elementor-widget-container { width: 50px !important; flex-shrink: 0; text-align: right; } /* ========================================= 3. ESTILOS DE TEXTO Y HOVER ========================================= */ /* Título: Estilo y Color */ .s-title, .s-title h3, .s-title a, .s-title .elementor-heading-title { transition: color 0.3s ease !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Hover: Fondo Blanco y Squeeze */ .service-row:hover { background-color: rgba(255,255,255, 0.9); padding-left: 60px; /* Efecto squeeze */ padding-right: 60px; /* Mantener altura */ padding-top: 30px !important; padding-bottom: 30px !important; } /* Hover: Cambio de Color a Dorado */ .service-row:hover .s-title, .service-row:hover .s-title h3, .service-row:hover .s-title .elementor-heading-title { color: #C0A062 !important; } .service-row:hover .s-arrow, .service-row:hover .s-arrow i { color: #C0A062 !important; } /* ========================================= 4. RESPONSIVE (TABLET Y MÓVIL) ========================================= */ @media (max-width: 1024px) { /* Ocultamos descripción */ .s-desc { display: none !important; } /* El título usa todo el espacio */ .s-title { white-space: normal; } /* Ajustamos padding */ .service-row { padding-left: 10px; padding-right: 10px; gap: 15px; } .service-row:hover { padding-left: 20px; padding-right: 20px; } } /* LINEA Preparar el contenedor del texto */ .e-n-menu-title-text { display: inline-block !important; position: relative !important; padding-bottom: 6px !important; } /* Crear la línea dorada invisible */ .e-n-menu-title-text::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 0% !important; height: 1px !important; background-color: #C0A062 !important; transition: width 0.4s ease-in-out !important; } /* Animación: línea crece en hover */ .e-n-menu-item:hover .e-n-menu-title-text::after, .e-n-menu-item.e-current .e-n-menu-title-text::after { width: 100% !important; }/* End custom CSS */