.elementor-39677 .elementor-element.elementor-element-bc5d421:not(.elementor-motion-effects-element-type-background), .elementor-39677 .elementor-element.elementor-element-bc5d421 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-39677 .elementor-element.elementor-element-bc5d421{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-5px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-39677 .elementor-element.elementor-element-bc5d421 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-39677 .elementor-element.elementor-element-f3653cb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-39677 .elementor-element.elementor-element-8beda7d{margin-top:0px;margin-bottom:0px;padding:80px 0px 0px 0px;}.elementor-39677 .elementor-element.elementor-element-72cd0b5{padding:0px 0px 60px 0px;}.elementor-39677 .elementor-element.elementor-element-fb8953d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-39677 .elementor-element.elementor-element-bc5d421{margin-top:5px;margin-bottom:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-39677 .elementor-element.elementor-element-bc5d421{margin-top:-25px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-39677 .elementor-element.elementor-element-8beda7d{padding:60px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-d14f9d0 *//* --- HERO SECTION --- */
        .escaparate-hero-v5 {
            background: linear-gradient(135deg, #F97316, #EA580C);
            color: #FFFFFF;
            padding: 100px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .escaparate-hero-v5::before {
            content: '';
            position: absolute;
            top: -50px;
            left: -50px;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 45%;
            transform: rotate(45deg);
        }

        .escaparate-hero-v5::after {
            content: '';
            position: absolute;
            bottom: -80px;
            right: -80px;
            width: 300px;
            height: 300px;
            background: rgba(255, 255, 255, 0.07);
            border-radius: 50%;
        }

        .escaparate-container-v5 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }
        
        .hero-content-container {
             max-width: 800px;
             margin: 0 auto;
        }

        .hero-icon-v5 {
            margin-bottom: 1rem;
            color: #ffffff;
        }

        .hero-pre-title-v5 {
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            opacity: 0.8;
        }

        .escaparate-h1-v5 {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1.1;
            margin: 1.5rem 0 2rem; /* Más espacio arriba y abajo */
        }

        .escaparate-subtitle-v5 {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 2.5rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
        }

        .hero-buttons-wrapper-v5 {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .escaparate-btn-v5 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 14px 28px;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid transparent;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .escaparate-btn-v5.btn-principal {
            background-color: #FFFFFF;
            color: #F97316;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .escaparate-btn-v5.btn-principal:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .escaparate-btn-v5.btn-secundario {
            background-color: transparent;
            color: #FFFFFF;
            border-color: rgba(255, 255, 255, 0.5);
        }

        .escaparate-btn-v5.btn-secundario:hover {
            background-color: #FFFFFF;
            color: #EA580C;
            border-color: #FFFFFF;
        }

        /* --- FEATURES SECTION --- */
        .escaparate-features-v5 {
            padding: 100px 0;
            background-color: #f8f9fa;
        }

        .section-title-v5 {
            text-align: center;
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 4rem;
            color: #333;
        }

        .features-grid-v5 {
            display: grid;
            grid-template-columns: 1fr; /* Móvil: 1 columna */
            gap: 2rem;
        }

        .feature-card-v5 {
            background-color: #FFFFFF;
            padding: 2.5rem;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid #e9ecef;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .feature-card-v5:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(234, 88, 12, 0.1);
            border-color: #F97316;
        }

        .feature-icon-v5 {
            margin: 0 auto 1.5rem auto;
            color: #F97316;
        }
        
        .feature-title-v5 {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #333;
            min-height: 40px;
        }

        .feature-description-v5 {
            font-size: 1rem;
            color: #6c757d;
            line-height: 1.6;
            margin-top: auto;
        }
        
        
          /* --- ESTILOS V5.1: BLOQUES DE ANUNCIOS --- */
    .escaparate-ad-wrapper {
        background-color: #FFFFFF; /* FONDO BLANCO PARA EL ANUNCIO */
        padding: 40px 20px;
        text-align: center;
    }
        
        
        

        /* --- SEO CONTENT SECTION --- */
        .escaparate-seo-content-v5 {
            padding: 80px 0;
            background-color: #ffffff;
        }
        
        .seo-article {
            background-color: #f8f9fa;
            padding: 0.5rem;
            border-radius: 16px;
            margin-bottom: 3rem;
            border: 1px solid #e9ecef;
        }
        .seo-article:last-child {
            margin-bottom: 0;
        }
        
        .escaparate-seo-content-v5 h2 {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            padding-bottom: 0.75rem;
            border-bottom: 3px solid #FDE68A;
        }

        .escaparate-seo-content-v5 .icon-wrapper {
            color: #F97316;
            display: flex;
            align-items: center;
        }
        
        .escaparate-seo-content-v5 p,
        .escaparate-seo-content-v5 li {
            font-size: 1rem;
            line-height: 1.8;
            color: #555;
            margin-bottom: 1rem;
        }

        .escaparate-seo-content-v5 .benefits-box {
            background-color: #FFFBEB;
            border-left: 5px solid #FBBF24;
            padding: 2rem;
            margin: 2.5rem 0;
            border-radius: 0 8px 8px 0;
        }

        .escaparate-seo-content-v5 .benefits-box h3 {
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            color: #111;
        }

        .escaparate-seo-content-v5 .benefits-box ul {
            list-style-type: none;
            padding: 0;
        }

        .escaparate-seo-content-v5 .benefits-box li {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }
        .escaparate-seo-content-v5 .benefits-box li .icon-wrapper {
            margin-top: 5px;
            flex-shrink: 0;
        }

        /* --- FINAL CTA --- */
        .final-cta-v5 {
            text-align: center;
            margin-top: 4rem;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 5px 20px rgba(249, 115, 22, 0.4); }
            50% { box-shadow: 0 8px 30px rgba(249, 115, 22, 0.6); }
            100% { box-shadow: 0 5px 20px rgba(249, 115, 22, 0.4); }
        }

        .final-cta-v5 .escaparate-btn-v5.btn-principal {
            background: linear-gradient(45deg, #fb923c, #f97316);
            color: white;
            padding: 18px 36px;
            font-size: 1.1rem;
            transform: scale(1.05);
            animation: pulse 2.5s infinite;
        }
        
        .final-cta-v5 .escaparate-btn-v5.btn-principal:hover {
            transform: scale(1.1) translateY(-3px);
            box-shadow: 0 8px 25px rgba(249, 115, 22, 0.5);
        }

        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 767px) {
            .escaparate-h1-v5 { font-size: 2.2rem; }
            .escaparate-hero-v5 { padding: 80px 15px; }
            .feature-title-v5 { min-height: auto; }
            .escaparate-features-v5, .escaparate-seo-content-v5 { padding: 60px 0; }
            .escaparate-ad-wrapper { padding: 30px 10px; }
        }
        
        /* Tablet: 2 columnas */
        @media (min-width: 768px) {
            .features-grid-v5 {
                grid-template-columns: repeat(2, 1fr);
            }
        
        
        
        /* --- AQUÍ ESTÁ LA MAGIA --- */
    .feature-card-v5 {
        /* Le decimos a la caja que use Flexbox para ordenar su contenido */
        display: flex;
        flex-direction: column; /* Apila los elementos (icono, título, párrafo) uno encima de otro */
    }

    .feature-title-v5 {
        /* Le damos una altura mínima para que los títulos de una línea no "colapsen" */
        min-height: 52px; /* Ajusta este valor si cambias mucho el tamaño de la fuente */
    }
    
    .feature-description-v5 {
        /* Esta es la clave: le decimos al párrafo que "crezca" para ocupar el espacio sobrante, empujándose a sí mismo hacia abajo */
        flex-grow: 1; 
    }
}
        
        /* Desktop: 4 columnas */
        @media (min-width: 1200px) {
            .features-grid-v5 {
                grid-template-columns: repeat(4, 1fr);
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef6ad8b *//* --- HERO SECTION --- */
        .escaparate-hero-v5 {
            background: linear-gradient(135deg, #F97316, #EA580C);
            color: #FFFFFF;
            padding: 100px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .escaparate-hero-v5::before {
            content: '';
            position: absolute;
            top: -50px;
            left: -50px;
            width: 200px;
            height: 200px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 45%;
            transform: rotate(45deg);
        }

        .escaparate-hero-v5::after {
            content: '';
            position: absolute;
            bottom: -80px;
            right: -80px;
            width: 300px;
            height: 300px;
            background: rgba(255, 255, 255, 0.07);
            border-radius: 50%;
        }

        .escaparate-container-v5 {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            position: relative;
            z-index: 1;
        }
        
        .hero-content-container {
             max-width: 800px;
             margin: 0 auto;
        }

        .hero-icon-v5 {
            margin-bottom: 1rem;
            color: #ffffff;
        }

        .hero-pre-title-v5 {
            font-size: 0.9rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            opacity: 0.8;
        }

        .escaparate-h1-v5 {
            font-size: 3rem;
            font-weight: 700;
            line-height: 1.1;
            margin: 1.5rem 0 2rem; /* Más espacio arriba y abajo */
        }

        .escaparate-subtitle-v5 {
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 2.5rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
            opacity: 0.9;
        }

        .hero-buttons-wrapper-v5 {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .escaparate-btn-v5 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            padding: 14px 28px;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            border: 2px solid transparent;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .escaparate-btn-v5.btn-principal {
            background-color: #FFFFFF;
            color: #F97316;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .escaparate-btn-v5.btn-principal:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .escaparate-btn-v5.btn-secundario {
            background-color: transparent;
            color: #FFFFFF;
            border-color: rgba(255, 255, 255, 0.5);
        }

        .escaparate-btn-v5.btn-secundario:hover {
            background-color: #FFFFFF;
            color: #EA580C;
            border-color: #FFFFFF;
        }

        /* --- FEATURES SECTION --- */
        .escaparate-features-v5 {
            padding: 100px 0;
            background-color: #f8f9fa;
        }

        .section-title-v5 {
            text-align: center;
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 4rem;
            color: #333;
        }

        .features-grid-v5 {
            display: grid;
            grid-template-columns: 1fr; /* Móvil: 1 columna */
            gap: 2rem;
        }

        .feature-card-v5 {
            background-color: #FFFFFF;
            padding: 2.5rem;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid #e9ecef;
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .feature-card-v5:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(234, 88, 12, 0.1);
            border-color: #F97316;
        }

        .feature-icon-v5 {
            margin: 0 auto 1.5rem auto;
            color: #F97316;
        }
        
        .feature-title-v5 {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: #333;
            min-height: 40px;
        }

        .feature-description-v5 {
            font-size: 1rem;
            color: #6c757d;
            line-height: 1.6;
            margin-top: auto;
        }
        
        
          /* --- ESTILOS V5.1: BLOQUES DE ANUNCIOS --- */
    .escaparate-ad-wrapper {
        background-color: #FFFFFF; /* FONDO BLANCO PARA EL ANUNCIO */
        padding: 40px 20px;
        text-align: center;
    }
        
        
        

        /* --- SEO CONTENT SECTION --- */
        .escaparate-seo-content-v5 {
            padding: 80px 0;
            background-color: #ffffff;
        }
        
        .seo-article {
            background-color: #f8f9fa;
            padding: 0.5rem;
            border-radius: 16px;
            margin-bottom: 3rem;
            border: 1px solid #e9ecef;
        }
        .seo-article:last-child {
            margin-bottom: 0;
        }
        
        .escaparate-seo-content-v5 h2 {
            font-size: 2rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 1rem;
            padding-bottom: 0.75rem;
            border-bottom: 3px solid #FDE68A;
        }

        .escaparate-seo-content-v5 .icon-wrapper {
            color: #F97316;
            display: flex;
            align-items: center;
        }
        
        .escaparate-seo-content-v5 p,
        .escaparate-seo-content-v5 li {
            font-size: 1rem;
            line-height: 1.8;
            color: #555;
            margin-bottom: 1rem;
        }

        .escaparate-seo-content-v5 .benefits-box {
            background-color: #FFFBEB;
            border-left: 5px solid #FBBF24;
            padding: 2rem;
            margin: 2.5rem 0;
            border-radius: 0 8px 8px 0;
        }

        .escaparate-seo-content-v5 .benefits-box h3 {
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
            color: #111;
        }

        .escaparate-seo-content-v5 .benefits-box ul {
            list-style-type: none;
            padding: 0;
        }

        .escaparate-seo-content-v5 .benefits-box li {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
        }
        .escaparate-seo-content-v5 .benefits-box li .icon-wrapper {
            margin-top: 5px;
            flex-shrink: 0;
        }

        /* --- FINAL CTA --- */
        .final-cta-v5 {
            text-align: center;
            margin-top: 4rem;
        }
        
        @keyframes pulse {
            0% { box-shadow: 0 5px 20px rgba(249, 115, 22, 0.4); }
            50% { box-shadow: 0 8px 30px rgba(249, 115, 22, 0.6); }
            100% { box-shadow: 0 5px 20px rgba(249, 115, 22, 0.4); }
        }

        .final-cta-v5 .escaparate-btn-v5.btn-principal {
            background: linear-gradient(45deg, #fb923c, #f97316);
            color: white;
            padding: 18px 36px;
            font-size: 1.1rem;
            transform: scale(1.05);
            animation: pulse 2.5s infinite;
        }
        
        .final-cta-v5 .escaparate-btn-v5.btn-principal:hover {
            transform: scale(1.1) translateY(-3px);
            box-shadow: 0 8px 25px rgba(249, 115, 22, 0.5);
        }

        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 767px) {
            .escaparate-h1-v5 { font-size: 2.2rem; }
            .escaparate-hero-v5 { padding: 80px 15px; }
            .feature-title-v5 { min-height: auto; }
            .escaparate-features-v5, .escaparate-seo-content-v5 { padding: 60px 0; }
            .escaparate-ad-wrapper { padding: 30px 10px; }
        }
        
        /* Tablet: 2 columnas */
        @media (min-width: 768px) {
            .features-grid-v5 {
                grid-template-columns: repeat(2, 1fr);
            }
        
        
        
        /* --- AQUÍ ESTÁ LA MAGIA --- */
    .feature-card-v5 {
        /* Le decimos a la caja que use Flexbox para ordenar su contenido */
        display: flex;
        flex-direction: column; /* Apila los elementos (icono, título, párrafo) uno encima de otro */
    }

    .feature-title-v5 {
        /* Le damos una altura mínima para que los títulos de una línea no "colapsen" */
        min-height: 52px; /* Ajusta este valor si cambias mucho el tamaño de la fuente */
    }
    
    .feature-description-v5 {
        /* Esta es la clave: le decimos al párrafo que "crezca" para ocupar el espacio sobrante, empujándose a sí mismo hacia abajo */
        flex-grow: 1; 
    }
}
        
        /* Desktop: 4 columnas */
        @media (min-width: 1200px) {
            .features-grid-v5 {
                grid-template-columns: repeat(4, 1fr);
            }
        }/* End custom CSS */