.elementor-5377 .elementor-element.elementor-element-68da0e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5377 .elementor-element.elementor-element-3c1eee4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5377 .elementor-element.elementor-element-bbe9af6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-7dcd84f *//* Contenedor principal que replica la estructura original */
        .index__component-wrap___TYL-+ {
            max-width: 1600px;
            margin: 0 auto;
            padding: 2rem 1.5rem 3rem 1.5rem;
            position: relative;
            width: 100%;
        }
       
        /* Estilo del texto gradiente primario */
        .primary-gradient-text {
            background: linear-gradient(135deg, #000000 0%, #D4D4D8 40%, #969393 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* Título principal */
        .index__main-title___aS5uR {
            font-size: clamp(1.5rem, 5vw, 2.4rem);
            font-weight: 600;
            line-height: 1.3;
            letter-spacing: -0.01em;
            margin-bottom: 1rem;
            max-width: 1100px;
            text-wrap: pretty;
        }

        /* Estilo para las cifras y texto enfatizado dentro del título */
        .index__main-title___aS5uR i {
            font-style: normal;
            font-weight: 700;
            background: linear-gradient(145deg, #FFB347, #FF7E05);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            display: inline-block;
            letter-spacing: -0.01em;
            text-shadow: 0 0 8px rgba(255,126,5,0.3);
        }

        .index__main-title___aS5uR sup {
            font-size: 0.65em;
            vertical-align: super;
            color: #FFA559;
            background: none;
            background-clip: unset;
            -webkit-background-clip: unset;
            color: #FFA559;
            font-weight: 500;
            margin-left: 0.1rem;
        }

        /* Subtítulo (vacío por defecto pero listo para usar) */
        .index__subtitle___4viFl {
            font-size: 1rem;
            color: #a0a0b0;
            margin-bottom: 2rem;
            font-weight: 400;
            min-height: 0.5rem;
        }

        /* Contenedor del fondo/imagen */
        .index__overall-background___3WSjp {
            width: 100%;
            border-radius: 2rem;
            overflow: hidden;
            background: #0a0a0c;
            box-shadow: 0 25px 45px -12px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.05) inset;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .index__overall-background___3WSjp:hover {
            transform: scale(1.01);
            box-shadow: 0 30px 55px -12px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.1) inset;
        }

        /* Imagen lazy loading con efecto sutil */
        .style__lazy-img___9oySs {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            transition: opacity 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            opacity: 0;
        }

        .style__lazy-img___9oySs.loaded {
            opacity: 1;
        }

        /* Ajustes responsivos para el padding en móviles */
        @media (max-width: 768px) {
            .index__component-wrap___TYL-+ {
                padding: 1.2rem 1rem 2rem 1rem;
            }
            .index__main-title___aS5uR {
                line-height: 1.35;
                margin-bottom: 1.2rem;
            }
            .index__overall-background___3WSjp {
                border-radius: 1.5rem;
            }
        }

        /* Para pantallas muy grandes, centrar contenido y dar respiro */
        @media (min-width: 1920px) {
            .index__component-wrap___TYL-+ {
                padding: 3rem 2rem 4rem 2rem;
            }
            .index__main-title___aS5uR {
                font-size: 2.8rem;
                max-width: 1300px;
            }
        }

        /* Efecto de carga sutil en el contenedor principal */
        .fade-in-section {
            animation: fadeSlideUp 0.7s ease-out forwards;
        }

        @keyframes fadeSlideUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a83a481 *//* Contenedor demo para apreciar la tarjeta en contexto (opcional pero elegante) */
        .demo-wrapper {
            max-width: 780px;
            width: 100%;
            margin: 0 auto;
        }

        /* ========== TARJETA PRINCIPAL (exactamente las clases solicitadas) ========== */
        .style__text-card___geC0D {
            background: rgba(12, 12, 20, 0.65);
            backdrop-filter: blur(12px);
            border-radius: 2.5rem;
            padding: 2.2rem 2.5rem;
            border: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 25px 40px -15px rgba(0, 0, 0, 0.5), 0 0 0 0.5px rgba(255, 255, 255, 0.03) inset;
            transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.4, 1.1), box-shadow 0.4s ease;
        }

        /* Variante específica motor-text-card (puede tener matices adicionales) */
        .style__motor-text-card___wSSvv {
            background: linear-gradient(135deg, rgba(18, 18, 28, 0.8), rgba(8, 8, 14, 0.7));
            border-bottom: 3px solid rgba(255, 125, 20, 0.4);
        }

        /* Efecto hover para dar dinamismo */
        .style__text-card___geC0D:hover {
            transform: translateY(-6px);
            box-shadow: 0 32px 48px -18px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 125, 20, 0.2) inset;
            border-bottom-color: rgba(255, 100, 0, 0.6);
        }

        /* ========== GRADIENTES PRIMARIOS Y SECUNDARIOS ========== */
        /* Gradiente primario (texto con brillo dorado/naranja) */
        .primary-gradient-text {
            background: linear-gradient(125deg, #FFE6C7, #FFA559, #FF6A00);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            text-shadow: 0 1px 2px rgba(0,0,0,0.1);
        }

        /* Gradiente secundario: más fresco, tonos azul-violeta y plateado (second-gradient-text) */
        .second-gradient-text {
            background: linear-gradient(135deg, #E0E7FF, #A7B9F0, #C084FC, #9A6DFF);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -0.01em;
        }

        /* ========== ESTILOS RUBRIC (H2) ========== */
        .style__rubric___4hx2k {
            font-size: clamp(1rem, 4vw, 1.5rem);
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            margin-bottom: 0.85rem;
            display: inline-block;
            background: linear-gradient(120deg, #FFB347, #FF7E05, #FF5500);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            border-left: 3px solid #FF7E05;
            padding-left: 0.9rem;
        }

        /* Ajuste específico para el <i> dentro del rubric (no es obligatorio pero mantiene coherencia visual) */
        .style__rubric___4hx2k i {
            font-style: normal;
            font-weight: 700;
        }

        /* ========== TÍTULO PRINCIPAL (H3) ========== */
        .style__title___x59cH {
            font-size: clamp(1.8rem, 6vw, 3rem);
            font-weight: 700;
            line-height: 1.25;
            margin-top: 0.5rem;
            word-break: break-word;
        }

        /* Clase combinada .style__title___L9T5Q (puede solaparse o ser específica para otro contexto, pero respetamos estructura) */
        .style__title___L9T5Q {
            letter-spacing: -0.02em;
            text-shadow: 0 2px 5px rgba(0,0,0,0.2);
            position: relative;
            display: inline-block;
        }

        /* Efecto sutil de subrayado dinámico en hover del título */
        .style__title___x59cH:hover {
            background: linear-gradient(135deg, #FFFFFF, #D9C8FF, #B89AFF);
            background-clip: text;
            -webkit-background-clip: text;
            transition: all 0.2s ease;
        }

        /* Elemento i dentro del título para que herede el gradiente secundario sin romper */
        .style__title___x59cH i, 
        .second-gradient-text i {
            font-style: normal;
            font-weight: inherit;
        }

        /* ========== ANIMACIÓN DE ENTRADA (JavaScript mejorado con intersection observer) ========== */
        .fade-up-card {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.7s ease;
        }

        .fade-up-card.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* ========== RESPONSIVE ========== */
        @media (max-width: 640px) {
            .style__text-card___geC0D {
                padding: 1.6rem 1.5rem;
                border-radius: 1.8rem;
            }
            .style__rubric___4hx2k {
                margin-bottom: 0.6rem;
                padding-left: 0.7rem;
            }
            body {
                padding: 1rem;
            }
        }

        /* Ajuste adicional para pantallas muy pequeñas */
        @media (max-width: 480px) {
            .style__title___x59cH {
                line-height: 1.2;
            }
        }

        /* Elemento decorativo opcional (solo para dar contexto, no interfiere con el componente solicitado) */
        .brand-note {
            text-align: center;
            margin-top: 2rem;
            font-size: 0.75rem;
            color: #6b6b7a;
            letter-spacing: 0.3px;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d65c13 *//* Color de fondo personalizado: bg-black-origin (negro puro) */
        .bg-black-origin {
            background-color: #000000;
        }

        /* Utilidades width */
        .w-full {
            width: 100%;
        }

        .overflow-hidden {
            overflow: hidden;
        }

        .text-center {
            text-align: center;
        }

        .break-words {
            word-wrap: break-word;
            word-break: break-word;
        }

        /* ========== SECCIÓN PRINCIPAL (section-content) ========== */
        .section-content {
            position: relative;
            isolation: isolate;
        }

        /* Contenedor de márgenes dinámicos (mx-[408px] etc.) */
        .section-content > div {
            max-width: 1400px;
            margin-left: auto;
            margin-right: auto;
            transition: all 0.3s ease;
        }

        /* Título principal: text-white, tamaños responsivos */
        .text-white {
            color: #ffffff;
        }

        .text-7xl {
            font-size: 4.5rem;
            line-height: 1.1;
            font-weight: 600;
            letter-spacing: -0.02em;
        }

        /* Texto descriptivo */
        .text-base {
            font-size: 1rem;
            line-height: 1.5;
        }

        .text-\[#828287\] {
            color: #828287;
        }

        /* ========== BOTÓN CON ESTILOS PERSONALIZADOS (clases _74IUr, _63ETm, etc.) ========== */
        button._74IUr {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(4px);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 60px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            font-family: inherit;
            letter-spacing: 0.3px;
        }

        button._74IUr:hover {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 125, 20, 0.6);
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 125, 20, 0.3);
        }

        button._74IUr:active {
            transform: translateY(1px);
        }

        /* Variantes de tamaño (clases originales) */
        ._63ETm {
            /* clase base para estilos complementarios */
            font-weight: 500;
        }

        ._4Y1c7 {
            /* fondo transparente refinado */
            background: rgba(20, 20, 28, 0.7);
            border-color: rgba(255, 255, 255, 0.2);
        }

        ._4t8nj {
            /* efecto de borde sutil */
            transition: all 0.25s;
        }

        /* Padding especifico del botón */
        .px-\[33px\] {
            padding-left: 33px;
            padding-right: 33px;
        }
        .py-3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }
        .text-white {
            color: white;
        }
        .text-base-mini {
            font-size: 0.95rem;
        }

        /* ========== MÁRGENES RESPONSIVOS (simulando Tailwind) ========== */
        .mx-\[408px\] {
            margin-left: 408px;
            margin-right: 408px;
        }
        .mt-\[204px\] {
            margin-top: 204px;
        }
        .mb-20 {
            margin-bottom: 5rem;
        }
        .mt-8 {
            margin-top: 2rem;
        }
        .mt-10 {
            margin-top: 2.5rem;
        }

        /* responsive con media queries */
        @media (max-width: 1280px) {
            .mx-\[408px\] {
                margin-left: 306px;
                margin-right: 306px;
            }
            .mt-\[204px\] {
                margin-top: 168px;
            }
            .xl\:text-15xl {
                font-size: 5rem;
            }
            .lg\:text-11xl {
                font-size: 4.2rem;
            }
        }

        @media (max-width: 1024px) {
            .mx-\[408px\] {
                margin-left: 128px;
                margin-right: 128px;
            }
            .mt-\[204px\] {
                margin-top: 120px;
            }
            .lg\:text-11xl {
                font-size: 3.8rem;
            }
            .lg\:mt-\[128px\] {
                margin-top: 128px;
            }
            .lg\:mb-16 {
                margin-bottom: 4rem;
            }
        }

        @media (max-width: 768px) {
            .mx-\[408px\] {
                margin-left: 1.5rem;
                margin-right: 1.5rem;
            }
            .mt-\[204px\] {
                margin-top: 80px;
            }
            .text-7xl {
                font-size: 2.5rem;
                line-height: 1.2;
            }
            .sm\:text-left {
                text-align: left;
            }
            .sm\:mx-6 {
                margin-left: 1.5rem;
                margin-right: 1.5rem;
            }
            .sm\:mt-\[80px\] {
                margin-top: 80px;
            }
            .sm\:mb-0 {
                margin-bottom: 0;
            }
            .sm\:py-2 {
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
            }
            .sm\:text-base {
                font-size: 0.95rem;
            }
            .mt-8 {
                margin-top: 1.25rem;
            }
            .mt-10 {
                margin-top: 1.8rem;
            }
            .text-base {
                font-size: 0.9rem;
            }
            .px-\[33px\] {
                padding-left: 24px;
                padding-right: 24px;
            }
        }

        @media (max-width: 480px) {
            .text-7xl {
                font-size: 2rem;
            }
            .mx-\[408px\] {
                margin-left: 1rem;
                margin-right: 1rem;
            }
            .sm\:mx-6 {
                margin-left: 1rem;
                margin-right: 1rem;
            }
        }

        /* Estilos para pantallas grandes (xl) */
        @media (min-width: 1440px) {
            .xl\:text-15xl {
                font-size: 5.6rem;
            }
            .xl\:text-xl {
                font-size: 1.25rem;
                line-height: 1.6;
            }
            .xl\:mt-14 {
                margin-top: 3.5rem;
            }
            .xl\:px-\[45px\] {
                padding-left: 45px;
                padding-right: 45px;
            }
        }

        /* Soporte para .new-product-intro contextual (modificador) */
        .new-product-intro .mt-\[204px\] {
            margin-top: 128px;
        }
        .new-product-intro .lg\:mt-\[128px\] {
            margin-top: 128px;
        }
        .new-product-intro .md\:mt-\[96px\] {
            margin-top: 96px;
        }
        .new-product-intro .sm\:mt-\[80px\] {
            margin-top: 80px;
        }
        .new-product-intro .mb-20 {
            margin-bottom: 0;
        }

        /* Animación sutil de entrada */
        .fade-in-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.1), transform 0.8s ease;
        }
        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* Efecto de brillo en el botón y texto */
        .highlight-glow {
            transition: text-shadow 0.2s;
        }

        sup {
            font-size: 0.6em;
            vertical-align: super;
            color: #FFA559;
        }/* End custom CSS */