{"id":2177,"date":"2026-06-16T05:29:22","date_gmt":"2026-06-16T05:29:22","guid":{"rendered":"https:\/\/helpdelivery.com\/2026\/06\/16\/cuanto-se-ahorra-con-paneles-solares\/"},"modified":"2026-06-17T15:51:19","modified_gmt":"2026-06-17T15:51:19","slug":"cuanto-se-ahorra-con-paneles-solares","status":"publish","type":"post","link":"https:\/\/helpdelivery.com\/?p=2177","title":{"rendered":"Cu\u00e1nto se ahorra con paneles solares"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n<style>\n    :root {\n        --sun: #ff6100;\n        --sun-light: #00a5a9;\n        --leaf: #ff6100;\n        --leaf-light: #00a5a9;\n        --sky: #00a5a9;\n        --sky-mid: #ff6100;\n        --cream: #eefaf4;\n        --warm-white: #FFFDF8;\n        --text: #1C2B1E;\n        --text-mid: #00a5a9;\n        --text-soft: #00a5a9;\n        --radius: 20px;\n        --shadow: 0 8px 40px rgba(26, 58, 92, 0.10);\n    }\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    html {\n        scroll-behavior: smooth;\n    }\n\n    body {\n        font-family: 'DM Sans', sans-serif;\n        background: var(--warm-white);\n        color: var(--text);\n        overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500 NAV \u2500\u2500 *\/\n    nav {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        z-index: 100;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        padding: 18px 5%;\n        background: rgba(255, 253, 248, 0.92);\n        backdrop-filter: blur(12px);\n        border-bottom: 1px solid rgba(46, 107, 62, 0.08);\n        transition: box-shadow 0.3s;\n    }\n\n    nav.scrolled {\n        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);\n    }\n\n    .nav-logo {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        text-decoration: none;\n    }\n\n    .nav-logo-icon {\n        width: 42px;\n        height: 42px;\n        background: var(--leaf);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .nav-logo-icon svg {\n        width: 24px;\n        height: 24px;\n        fill: white;\n    }\n\n    .nav-logo-text {\n        font-family: 'Fraunces', serif;\n        font-size: 1.2rem;\n        font-weight: 700;\n        color: var(--sky);\n    }\n\n    .nav-logo-text span {\n        color: var(--leaf);\n    }\n\n    .nav-links {\n        display: flex;\n        gap: 32px;\n        list-style: none;\n    }\n\n    .nav-links a {\n        text-decoration: none;\n        color: var(--text-mid);\n        font-size: 0.9rem;\n        font-weight: 500;\n        transition: color 0.2s;\n    }\n\n    .nav-links a:hover {\n        color: var(--leaf);\n    }\n\n    .nav-cta {\n        background: var(--leaf);\n        color: white;\n        padding: 10px 22px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-size: 0.88rem;\n        font-weight: 600;\n        transition: all 0.25s;\n        border: none;\n        cursor: pointer;\n    }\n\n    .nav-cta:hover {\n        background: var(--leaf-light);\n        transform: translateY(-1px);\n        box-shadow: 0 6px 20px rgba(46, 107, 62, 0.35);\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .hero {\n        min-height: 100vh;\n        background: linear-gradient(135deg, #EFF8F2 0%, #FAF6EE 50%, #EAF3FB 100%);\n        display: flex;\n        align-items: center;\n        padding: 120px 5% 80px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero-bg-circle {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, var(--sun-light), transparent 70%);\n        opacity: 0.5;\n    }\n\n    .hero-bg-circle.c1 {\n        width: 600px;\n        height: 600px;\n        top: -100px;\n        right: -100px;\n    }\n\n    .hero-bg-circle.c2 {\n        width: 350px;\n        height: 350px;\n        bottom: 0;\n        left: 15%;\n    }\n\n    .hero-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        width: 100%;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: white;\n        border: 1px solid rgba(46, 107, 62, 0.2);\n        padding: 7px 16px;\n        border-radius: 50px;\n        font-size: 0.8rem;\n        color: var(--leaf);\n        font-weight: 600;\n        margin-bottom: 24px;\n        box-shadow: 0 2px 12px rgba(46, 107, 62, 0.1);\n        animation: fadeUp 0.6s ease both;\n    }\n\n    .hero-badge::before {\n        content: '\u2726';\n        font-size: 0.7rem;\n    }\n\n    .hero h1 {\n        font-family: 'Fraunces', serif;\n        font-size: clamp(2.4rem, 4vw, 3.6rem);\n        font-weight: 700;\n        line-height: 1.15;\n        color: var(--sky);\n        margin-bottom: 20px;\n        animation: fadeUp 0.7s 0.1s ease both;\n    }\n\n    .hero h1 em {\n        color: var(--leaf);\n        font-style: italic;\n    }\n\n    .hero-sub {\n        font-size: 1.05rem;\n        color: var(--text-mid);\n        line-height: 1.75;\n        margin-bottom: 36px;\n        max-width: 480px;\n        animation: fadeUp 0.7s 0.2s ease both;\n    }\n\n    .hero-actions {\n        display: flex;\n        gap: 14px;\n        flex-wrap: wrap;\n        animation: fadeUp 0.7s 0.3s ease both;\n    }\n\n    .btn-primary {\n        background: var(--leaf);\n        color: white;\n        padding: 14px 28px;\n        border-radius: 50px;\n        font-size: 0.95rem;\n        font-weight: 600;\n        text-decoration: none;\n        transition: all 0.25s;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .btn-primary:hover {\n        background: var(--leaf-light);\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(46, 107, 62, 0.35);\n    }\n\n    .btn-secondary {\n        background: transparent;\n        color: var(--sky);\n        padding: 14px 28px;\n        border-radius: 50px;\n        font-size: 0.95rem;\n        font-weight: 600;\n        text-decoration: none;\n        border: 2px solid var(--sky);\n        transition: all 0.25s;\n    }\n\n    .btn-secondary:hover {\n        background: var(--sky);\n        color: white;\n    }\n\n    .hero-stats {\n        display: flex;\n        gap: 28px;\n        margin-top: 44px;\n        flex-wrap: wrap;\n        animation: fadeUp 0.7s 0.4s ease both;\n    }\n\n    .stat {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .stat-num {\n        font-family: 'Fraunces', serif;\n        font-size: 2rem;\n        font-weight: 700;\n        color: var(--sky);\n        line-height: 1;\n    }\n\n    .stat-label {\n        font-size: 0.78rem;\n        color: var(--text-soft);\n        font-weight: 500;\n        margin-top: 4px;\n    }\n\n    \/* Hero visual *\/\n    .hero-visual {\n        position: relative;\n        padding: 20px 0 20px 20px;\n        animation: fadeUp 0.9s 0.2s ease both;\n    }\n\n    .hero-card-main {\n        background: white;\n        border-radius: 28px;\n        padding: 36px;\n        box-shadow: var(--shadow);\n        position: relative;\n        overflow: visible;\n    }\n\n    .hero-card-main::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 5px;\n        border-radius: 28px 28px 0 0;\n        background: linear-gradient(90deg, var(--leaf), var(--sun));\n    }\n\n    .solar-illustration {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 200px;\n        position: relative;\n    }\n\n    .sun-icon {\n        width: 80px;\n        height: 80px;\n        background: radial-gradient(circle, #FDE8B4, var(--sun));\n        border-radius: 50%;\n        box-shadow: 0 0 0 15px rgba(245, 166, 35, 0.15), 0 0 0 30px rgba(245, 166, 35, 0.07);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        animation: pulse-sun 3s ease-in-out infinite;\n    }\n\n    .sun-icon svg {\n        width: 40px;\n        height: 40px;\n        fill: white;\n    }\n\n    @keyframes pulse-sun {\n\n        0%,\n        100% {\n            box-shadow: 0 0 0 15px rgba(245, 166, 35, 0.15), 0 0 0 30px rgba(245, 166, 35, 0.07);\n        }\n\n        50% {\n            box-shadow: 0 0 0 20px rgba(245, 166, 35, 0.2), 0 0 0 40px rgba(245, 166, 35, 0.1);\n        }\n    }\n\n    .panel-row {\n        display: flex;\n        gap: 10px;\n        margin-top: 20px;\n        justify-content: center;\n    }\n\n    .panel {\n        width: 64px;\n        height: 44px;\n        border-radius: 8px;\n        background: linear-gradient(135deg, #1A3A5C, #2D5F8A);\n        border: 2px solid rgba(255, 255, 255, 0.15);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .panel::after {\n        content: '';\n        position: absolute;\n        inset: 4px;\n        background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 8px),\n            repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 8px);\n    }\n\n    .energy-badge {\n        position: absolute;\n        bottom: 20px;\n        right: -16px;\n        background: var(--leaf);\n        color: white;\n        border-radius: 16px;\n        padding: 12px 16px;\n        box-shadow: 0 6px 20px rgba(46, 107, 62, 0.3);\n        font-weight: 700;\n        font-family: 'Fraunces', serif;\n        font-size: 1.1rem;\n        z-index: 2;\n        animation: float 4s ease-in-out infinite;\n    }\n\n    .energy-badge span {\n        display: block;\n        font-size: 0.68rem;\n        font-family: 'DM Sans', sans-serif;\n        font-weight: 400;\n        opacity: 0.85;\n    }\n\n    \/* Floating info cards \u2014 positioned inside the visual wrapper, never negative *\/\n    .floating-card {\n        position: absolute;\n        background: white;\n        border-radius: 16px;\n        padding: 12px 16px;\n        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n        font-size: 0.82rem;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        white-space: nowrap;\n        z-index: 3;\n    }\n\n    .floating-card.fc1 {\n        top: -18px;\n        right: 20px;\n        left: auto;\n        animation: float 5s 0.5s ease-in-out infinite;\n    }\n\n    .floating-card.fc2 {\n        bottom: -18px;\n        left: 20px;\n        animation: float 4.5s 1s ease-in-out infinite;\n    }\n\n    .fc-dot {\n        width: 10px;\n        height: 10px;\n        border-radius: 50%;\n        flex-shrink: 0;\n    }\n\n    .fc-dot.green {\n        background: #4CAF50;\n    }\n\n    .fc-dot.blue {\n        background: var(--sky-mid);\n    }\n\n    @keyframes float {\n\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-8px);\n        }\n    }\n\n    \/* \u2500\u2500 CERTS \u2500\u2500 *\/\n    .certs {\n        background: white;\n        padding: 30px 5%;\n        border-top: 1px solid rgba(0, 0, 0, 0.05);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n    }\n\n    .certs-inner {\n        max-width: 1000px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 40px;\n        flex-wrap: wrap;\n    }\n\n    .cert-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        color: var(--text-mid);\n        font-size: 0.82rem;\n        font-weight: 600;\n    }\n\n    .cert-badge-circle {\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.7rem;\n        font-weight: 800;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .cert-logo {\n        height: 72px;\n        width: auto;\n        object-fit: contain;\n        filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.08));\n        transition: transform 0.25s;\n    }\n\n    .cert-logo:hover {\n        transform: scale(1.08);\n    }\n\n    \/* \u2500\u2500 CLIENTES CARRUSEL \u2500\u2500 *\/\n    .clientes {\n        padding: 70px 5%;\n        background: var(--cream);\n        overflow: hidden;\n    }\n\n    .clientes-header {\n        max-width: 1200px;\n        margin: 0 auto 40px;\n    }\n\n    .marquee-wrap {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .marquee-wrap::before,\n    .marquee-wrap::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 120px;\n        z-index: 2;\n        pointer-events: none;\n    }\n\n    .marquee-wrap::before {\n        left: 0;\n        background: linear-gradient(90deg, var(--cream), transparent);\n    }\n\n    .marquee-wrap::after {\n        right: 0;\n        background: linear-gradient(270deg, var(--cream), transparent);\n    }\n\n    .marquee-track {\n        display: flex;\n        gap: 32px;\n        width: max-content;\n        animation: marquee 30s linear infinite;\n    }\n\n    .marquee-track:hover {\n        animation-play-state: paused;\n    }\n\n    @keyframes marquee {\n        from {\n            transform: translateX(0);\n        }\n\n        to {\n            transform: translateX(-50%);\n        }\n    }\n\n    .client-logo-card {\n        background: white;\n        border-radius: 16px;\n        padding: 18px 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: 1.5px solid rgba(0, 0, 0, 0.06);\n        flex-shrink: 0;\n        width: 160px;\n        height: 90px;\n        transition: box-shadow 0.25s, transform 0.25s;\n    }\n\n    .client-logo-card:hover {\n        box-shadow: var(--shadow);\n        transform: translateY(-3px);\n    }\n\n    .client-logo-card img {\n        max-width: 120px;\n        max-height: 55px;\n        width: auto;\n        height: auto;\n        object-fit: contain;\n        filter: grayscale(30%);\n        transition: filter 0.25s;\n    }\n\n    .client-logo-card:hover img {\n        filter: grayscale(0%);\n    }\n\n    \/* \u2500\u2500 CERT LOGOS (full section) \u2500\u2500 *\/\n    .cert-logos-section {\n        padding: 80px 5%;\n        background: white;\n    }\n\n    .cert-logos-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .cert-logos-header {\n        margin-bottom: 48px;\n    }\n\n    .cert-logos-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 24px;\n    }\n\n    .cert-card {\n        background: var(--cream);\n        border-radius: 20px;\n        padding: 36px 24px;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        border: 1.5px solid rgba(0, 0, 0, 0.05);\n        transition: all 0.3s;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .cert-card::before {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 3px;\n        background: linear-gradient(90deg, var(--leaf), var(--sun));\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s;\n    }\n\n    .cert-card:hover {\n        transform: translateY(-5px);\n        box-shadow: var(--shadow);\n    }\n\n    .cert-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .cert-card img {\n        width: 90px;\n        height: 90px;\n        object-fit: contain;\n        margin-bottom: 16px;\n    }\n\n    .cert-card h4 {\n        font-family: 'Fraunces', serif;\n        font-size: 1rem;\n        font-weight: 700;\n        color: var(--sky);\n        margin-bottom: 6px;\n    }\n\n    .cert-card p {\n        font-size: 0.8rem;\n        color: var(--text-soft);\n        line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 SECTION HEADER \u2500\u2500 *\/\n    .section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: var(--leaf);\n        font-weight: 600;\n        font-size: 0.82rem;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        margin-bottom: 14px;\n    }\n\n    .section-label::before {\n        content: '';\n        width: 24px;\n        height: 2px;\n        background: var(--leaf);\n        border-radius: 2px;\n    }\n\n    h2.section-title1 {\n        font-family: 'Fraunces', serif;\n        font-size: clamp(2rem, 3.5vw, 2.8rem);\n        font-weight: 700;\n        color: var(--sky);\n        line-height: 1.2;\n        margin-bottom: 16px;\n    }\n\n    h2.section-title1 em {\n        color: var(--leaf);\n        font-style: italic;\n    }\n\n    .section-desc {\n        color: var(--text-mid);\n        font-size: 1rem;\n        line-height: 1.75;\n        max-width: 560px;\n    }\n\n    \/* \u2500\u2500 SERVICIOS \u2500\u2500 *\/\n    .services {\n        padding: 100px 5%;\n        background: var(--cream);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .services::before {\n        content: '';\n        position: absolute;\n        top: -60px;\n        right: -60px;\n        width: 300px;\n        height: 300px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(245, 166, 35, 0.12), transparent 70%);\n    }\n\n    .services-header {\n        max-width: 1200px;\n        margin: 0 auto 60px;\n    }\n\n    .services-grid {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n\n    .service-card {\n        background: white;\n        border-radius: var(--radius);\n        padding: 36px 30px;\n        transition: all 0.3s;\n        cursor: default;\n        position: relative;\n        border: 1.5px solid transparent;\n        overflow: hidden;\n    }\n\n    .service-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, var(--leaf), var(--sun));\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n\n    .service-card:hover {\n        transform: translateY(-6px);\n        box-shadow: var(--shadow);\n        border-color: rgba(46, 107, 62, 0.1);\n    }\n\n    .service-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .service-icon {\n        width: 56px;\n        height: 56px;\n        border-radius: 16px;\n        margin-bottom: 22px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.6rem;\n    }\n\n    .si-green {\n        background: rgba(46, 107, 62, 0.1);\n    }\n\n    .si-sun {\n        background: rgba(245, 166, 35, 0.12);\n    }\n\n    .si-sky {\n        background: rgba(26, 58, 92, 0.08);\n    }\n\n    .service-card h3 {\n        font-family: 'Fraunces', serif;\n        font-size: 1.2rem;\n        font-weight: 700;\n        color: var(--sky);\n        margin-bottom: 10px;\n    }\n\n    .service-card p {\n        font-size: 0.9rem;\n        color: var(--text-mid);\n        line-height: 1.7;\n        margin-bottom: 20px;\n    }\n\n    .service-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 6px;\n    }\n\n    .tag {\n        font-size: 0.72rem;\n        font-weight: 600;\n        padding: 4px 10px;\n        border-radius: 20px;\n        background: var(--cream);\n        color: var(--text-mid);\n    }\n\n    \/* \u2500\u2500 PROCESO \u2500\u2500 *\/\n    .proceso {\n        padding: 100px 5%;\n        background: white;\n    }\n\n    .proceso-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .proceso-header {\n        margin-bottom: 60px;\n    }\n\n    .proceso-steps {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 0;\n        position: relative;\n    }\n\n    .proceso-steps::before {\n        content: '';\n        position: absolute;\n        top: 32px;\n        left: 10%;\n        right: 10%;\n        height: 2px;\n        background: linear-gradient(90deg, var(--leaf), var(--sun), var(--leaf));\n    }\n\n    .step {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding: 0 12px;\n    }\n\n    .step-num {\n        width: 64px;\n        height: 64px;\n        border-radius: 50%;\n        background: var(--leaf);\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-family: 'Fraunces', serif;\n        font-size: 1.4rem;\n        font-weight: 700;\n        margin-bottom: 18px;\n        position: relative;\n        z-index: 1;\n        box-shadow: 0 4px 20px rgba(46, 107, 62, 0.3);\n        transition: all 0.3s;\n    }\n\n    .step:hover .step-num {\n        transform: scale(1.1);\n        background: var(--sun);\n    }\n\n    .step-title {\n        font-weight: 700;\n        font-size: 0.9rem;\n        color: var(--sky);\n        margin-bottom: 8px;\n    }\n\n    .step-desc {\n        font-size: 0.8rem;\n        color: var(--text-soft);\n        line-height: 1.6;\n    }\n\n    \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n    .why {\n        padding: 100px 5%;\n        background: linear-gradient(160deg, var(--sky) 0%, #0D2240 100%);\n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .why::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        height: 200px;\n        background: linear-gradient(180deg, transparent, rgba(46, 107, 62, 0.2));\n    }\n\n    .why-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n        position: relative;\n        z-index: 1;\n    }\n\n    .why .section-label {\n        color: var(--sun);\n    }\n\n    .why .section-label::before {\n        background: var(--sun);\n    }\n\n    .why h2 {\n        color: white;\n        margin-bottom: 20px;\n    }\n\n    .why .section-desc {\n        color: rgba(255, 255, 255, 0.72);\n        max-width: 100%;\n        margin-bottom: 36px;\n    }\n\n    .why-list {\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    .why-list li {\n        display: flex;\n        align-items: flex-start;\n        gap: 14px;\n        font-size: 0.95rem;\n        color: rgba(255, 255, 255, 0.85);\n        line-height: 1.6;\n    }\n\n    .why-check {\n        width: 22px;\n        height: 22px;\n        background: var(--leaf-light);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    .why-check svg {\n        width: 12px;\n        height: 12px;\n        stroke: white;\n        fill: none;\n        stroke-width: 2.5;\n        stroke-linecap: round;\n        stroke-linejoin: round;\n    }\n\n    .why-cards {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 16px;\n    }\n\n    .why-card {\n        background: rgba(255, 255, 255, 0.07);\n        border-radius: 18px;\n        padding: 28px 24px;\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(10px);\n        transition: all 0.3s;\n    }\n\n    .why-card:hover {\n        background: rgba(255, 255, 255, 0.12);\n        transform: translateY(-4px);\n    }\n\n    .why-card .num {\n        font-family: 'Fraunces', serif;\n        font-size: 2.2rem;\n        font-weight: 700;\n        color: var(--sun);\n        line-height: 1;\n        margin-bottom: 6px;\n    }\n\n    .why-card .label {\n        font-size: 0.85rem;\n        color: rgba(255, 255, 255, 0.7);\n        line-height: 1.5;\n    }\n\n    \/* \u2500\u2500 PRODUCTOS \u2500\u2500 *\/\n    .productos {\n        padding: 100px 5%;\n        background: var(--cream);\n    }\n\n    .productos-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .productos-header {\n        margin-bottom: 60px;\n    }\n\n    .productos-grid {\n        display: grid;\n        grid-template-columns: 1.3fr 1fr;\n        gap: 28px;\n    }\n\n    .prod-card {\n        border-radius: 24px;\n        overflow: hidden;\n        position: relative;\n        min-height: 360px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n        cursor: pointer;\n        transition: transform 0.3s;\n    }\n\n    .prod-card:hover {\n        transform: scale(1.02);\n    }\n\n    .prod-bg-solar {\n        background: linear-gradient(145deg, #ff6100 0%, #1A5C3A 100%);\n    }\n\n    .prod-bg-ev {\n        background: linear-gradient(145deg, #00a5a9 0%, #0D3B6E 100%);\n    }\n\n    .prod-pattern {\n        position: absolute;\n        inset: 0;\n        overflow: hidden;\n    }\n\n    .prod-pattern svg {\n        width: 100%;\n        height: 100%;\n        opacity: 0.07;\n    }\n\n    .prod-content {\n        position: relative;\n        z-index: 1;\n        padding: 36px;\n        color: white;\n    }\n\n    .prod-icon-wrap {\n        width: 56px;\n        height: 56px;\n        background: rgba(255, 255, 255, 0.15);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.6rem;\n        margin-bottom: 16px;\n        backdrop-filter: blur(8px);\n    }\n\n    .prod-card h3 {\n        font-family: 'Fraunces', serif;\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin-bottom: 10px;\n    }\n\n    .prod-card p {\n        font-size: 0.9rem;\n        color: rgba(255, 255, 255, 0.75);\n        line-height: 1.65;\n        margin-bottom: 20px;\n    }\n\n    .prod-link {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: white;\n        font-weight: 600;\n        font-size: 0.88rem;\n        text-decoration: none;\n        border: 1.5px solid rgba(255, 255, 255, 0.35);\n        padding: 10px 20px;\n        border-radius: 50px;\n        transition: all 0.25s;\n        width: fit-content;\n    }\n\n    .prod-link:hover {\n        background: rgba(255, 255, 255, 0.15);\n        border-color: white;\n    }\n\n    .prod-right {\n        display: flex;\n        flex-direction: column;\n        gap: 28px;\n    }\n\n    .prod-right .prod-card {\n        min-height: 160px;\n    }\n\n    \/* \u2500\u2500 TESTIMONIOS \u2500\u2500 *\/\n    .testimonios {\n        padding: 100px 5%;\n        background: white;\n    }\n\n    .test-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .test-header {\n        margin-bottom: 60px;\n    }\n\n    .test-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n\n    .test-card {\n        background: var(--cream);\n        border-radius: 20px;\n        padding: 32px 28px;\n        border: 1.5px solid rgba(0, 0, 0, 0.05);\n        transition: transform 0.3s;\n    }\n\n    .test-card:hover {\n        transform: translateY(-4px);\n        box-shadow: var(--shadow);\n    }\n\n    .test-stars {\n        color: var(--sun);\n        font-size: 1rem;\n        margin-bottom: 16px;\n        letter-spacing: 2px;\n    }\n\n    .test-text {\n        font-size: 0.92rem;\n        color: var(--text-mid);\n        line-height: 1.75;\n        margin-bottom: 24px;\n        font-style: italic;\n    }\n\n    .test-author {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .test-avatar {\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 0.9rem;\n        color: white;\n        flex-shrink: 0;\n    }\n\n    .ta-green {\n        background: var(--leaf);\n    }\n\n    .ta-sky {\n        background: var(--sky-mid);\n    }\n\n    .ta-sun {\n        background: var(--sun);\n    }\n\n    .test-name {\n        font-weight: 700;\n        font-size: 0.9rem;\n        color: var(--text);\n    }\n\n    .test-role {\n        font-size: 0.78rem;\n        color: var(--text-soft);\n        margin-top: 2px;\n    }\n\n    \/* \u2500\u2500 ALIANZA WEG \u2500\u2500 igual patr\u00f3n que .services \u2500\u2500 *\/\n    .alianza-weg {\n        padding: 100px 5%;\n        background: var(--cream);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .alianza-weg::before {\n        content: '';\n        position: absolute;\n        top: -60px;\n        left: -60px;\n        width: 300px;\n        height: 300px;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(245, 166, 35, 0.12), transparent 70%);\n    }\n\n    .alianza-inner {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* Encabezado \u2014 igual que .services-header *\/\n    .alianza-header {\n        max-width: 1200px;\n        margin: 0 auto 60px;\n    }\n\n    \/* Logos HD \u00d7 WEG *\/\n    .alianza-logos {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        margin-bottom: 20px;\n    }\n\n    .al-logo {\n        object-fit: contain;\n    }\n\n    .al-logo-hd {\n        height: 40px;\n        width: auto;\n    }\n\n    .al-logo-weg {\n        height: 32px;\n        width: auto;\n        filter: brightness(0) saturate(100%) invert(19%) sepia(62%) saturate(534%) hue-rotate(181deg) brightness(90%) contrast(92%);\n    }\n\n    .al-logo-fallback {\n        background: var(--sky);\n        color: white;\n        font-family: 'Fraunces', serif;\n        font-weight: 700;\n        font-size: 1.2rem;\n        padding: 6px 16px;\n        border-radius: 8px;\n    }\n\n    .al-plus {\n        font-size: 1.4rem;\n        color: var(--text-soft);\n        font-weight: 300;\n        line-height: 1;\n    }\n\n    \/* Badge inline peque\u00f1o *\/\n    .alianza-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: white;\n        border: 1px solid rgba(245, 166, 35, 0.35);\n        padding: 6px 14px;\n        border-radius: 50px;\n        font-size: 0.78rem;\n        color: var(--sky);\n        font-weight: 600;\n        margin-bottom: 18px;\n        box-shadow: 0 2px 10px rgba(245, 166, 35, 0.1);\n    }\n\n    .ab-dot {\n        width: 7px;\n        height: 7px;\n        background: var(--sun);\n        border-radius: 50%;\n        box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.25);\n        animation: pulse-sun 2s ease-in-out infinite;\n    }\n\n    \/* Grid de tarjetas \u2014 igual que .services-grid + .service-card *\/\n    .alianza-grid {\n        max-width: 1200px;\n        margin: 0 auto 50px;\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 24px;\n    }\n\n    .aw-card {\n        background: white;\n        border-radius: var(--radius);\n        padding: 36px 30px;\n        transition: all 0.3s;\n        cursor: default;\n        position: relative;\n        border: 1.5px solid transparent;\n        overflow: hidden;\n    }\n\n    .aw-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        height: 4px;\n        background: linear-gradient(90deg, var(--leaf), var(--sun));\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.3s ease;\n    }\n\n    .aw-card:hover {\n        transform: translateY(-6px);\n        box-shadow: var(--shadow);\n        border-color: rgba(46, 107, 62, 0.1);\n    }\n\n    .aw-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .aw-icon {\n        width: 56px;\n        height: 56px;\n        border-radius: 16px;\n        margin-bottom: 22px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.6rem;\n    }\n\n    .si-gold {\n        background: rgba(245, 166, 35, 0.12);\n    }\n\n    .si-green2 {\n        background: rgba(46, 107, 62, 0.10);\n    }\n\n    .si-sky2 {\n        background: rgba(26, 58, 92, 0.08);\n    }\n\n    .aw-card h4 {\n        font-family: 'Fraunces', serif;\n        font-size: 1.2rem;\n        font-weight: 700;\n        color: var(--sky);\n        margin-bottom: 10px;\n    }\n\n    .aw-card p {\n        font-size: 0.9rem;\n        color: var(--text-mid);\n        line-height: 1.7;\n        margin-bottom: 20px;\n    }\n\n    .aw-tags {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 6px;\n    }\n\n    \/* Banner de productos WEG \u2014 sobre fondo oscuro como .why *\/\n    .aw-products-banner {\n        max-width: 1200px;\n        margin: 0 auto;\n        background: linear-gradient(160deg, var(--sky) 0%, #0D2240 100%);\n        border-radius: 28px;\n        padding: 56px 50px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 56px;\n        align-items: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .aw-products-banner::after {\n        content: 'WEMOB';\n        position: absolute;\n        right: -10px;\n        bottom: -30px;\n        font-family: 'Fraunces', serif;\n        font-size: 10rem;\n        font-weight: 700;\n        color: rgba(255, 255, 255, 0.04);\n        line-height: 1;\n        pointer-events: none;\n        white-space: nowrap;\n    }\n\n    .awp-left {\n        position: relative;\n        z-index: 1;\n    }\n\n    .awp-left .section-label {\n        color: var(--sun);\n    }\n\n    .awp-left .section-label::before {\n        background: var(--sun);\n    }\n\n    .awp-left h3 {\n        font-family: 'Fraunces', serif;\n        font-size: 1.7rem;\n        font-weight: 700;\n        color: white;\n        margin: 12px 0 14px;\n        line-height: 1.2;\n    }\n\n    .awp-left h3 em {\n        color: var(--sun);\n        font-style: italic;\n    }\n\n    .awp-left p {\n        color: rgba(255, 255, 255, 0.72);\n        font-size: 0.92rem;\n        line-height: 1.75;\n        margin-bottom: 28px;\n    }\n\n    .awp-right {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n        position: relative;\n        z-index: 1;\n    }\n\n    .awp-model {\n        background: rgba(255, 255, 255, 0.07);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 16px;\n        padding: 18px 20px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        transition: all 0.25s;\n        backdrop-filter: blur(6px);\n    }\n\n    .awp-model:hover {\n        background: rgba(255, 255, 255, 0.13);\n        transform: translateX(5px);\n    }\n\n    .awp-model--green {\n        border-color: rgba(74, 154, 97, 0.4);\n        background: rgba(46, 107, 62, 0.15);\n    }\n\n    .awpm-icon {\n        font-size: 1.5rem;\n        flex-shrink: 0;\n    }\n\n    .awpm-name {\n        font-weight: 700;\n        font-size: 0.95rem;\n        color: white;\n        margin-bottom: 3px;\n    }\n\n    .awpm-desc {\n        font-size: 0.78rem;\n        color: rgba(255, 255, 255, 0.6);\n    }\n\n    .awpm-badge {\n        margin-left: auto;\n        flex-shrink: 0;\n        background: rgba(245, 166, 35, 0.2);\n        color: var(--sun);\n        font-size: 0.72rem;\n        font-weight: 700;\n        padding: 5px 13px;\n        border-radius: 20px;\n    }\n\n    \/* \u2500\u2500 CTA \u2500\u2500 *\/\n    .cta-section {\n        padding: 100px 5%;\n        background: radial-gradient(ellipse at 50% 0%, rgba(46, 107, 62, 0.15) 0%, transparent 70%), var(--cream);\n    }\n\n    .cta-inner {\n        max-width: 780px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .cta-inner h2 {\n        font-family: 'Fraunces', serif;\n        font-size: clamp(2rem, 4vw, 3rem);\n        color: var(--sky);\n        font-weight: 700;\n        margin-bottom: 16px;\n        line-height: 1.2;\n    }\n\n    .cta-inner h2 em {\n        color: var(--leaf);\n        font-style: italic;\n    }\n\n    .cta-inner p {\n        color: var(--text-mid);\n        font-size: 1rem;\n        line-height: 1.75;\n        margin-bottom: 40px;\n    }\n\n    .cta-cards {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n        margin-bottom: 44px;\n    }\n\n    .cta-card {\n        background: white;\n        border-radius: 18px;\n        padding: 24px 20px;\n        text-align: center;\n        border: 1.5px solid rgba(0, 0, 0, 0.06);\n    }\n\n    .cta-card-icon {\n        font-size: 1.6rem;\n        margin-bottom: 8px;\n    }\n\n    .cta-card p {\n        font-size: 0.85rem;\n        color: var(--text-mid);\n        margin: 0;\n    }\n\n    .cta-card strong {\n        display: block;\n        color: var(--text);\n        font-size: 0.9rem;\n        margin-bottom: 4px;\n    }\n\n    .cta-actions {\n        display: flex;\n        gap: 14px;\n        justify-content: center;\n        flex-wrap: wrap;\n    }\n\n    .btn-whatsapp {\n        background: #25D366;\n        color: white;\n        padding: 15px 30px;\n        border-radius: 50px;\n        font-weight: 700;\n        text-decoration: none;\n        font-size: 0.95rem;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        transition: all 0.25s;\n    }\n\n    .btn-whatsapp:hover {\n        background: #1eb855;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);\n    }\n\n    \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n    footer {\n        background: var(--sky);\n        color: white;\n        padding: 60px 5% 30px;\n    }\n\n    .footer-grid {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 2fr 1fr 1fr 1fr;\n        gap: 50px;\n        padding-bottom: 50px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .footer-brand-name {\n        font-family: 'Fraunces', serif;\n        font-size: 1.4rem;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: white;\n    }\n\n    .footer-brand-name span {\n        color: var(--sun);\n    }\n\n    .footer-desc {\n        font-size: 0.85rem;\n        color: rgba(255, 255, 255, 0.6);\n        line-height: 1.7;\n        margin-bottom: 20px;\n    }\n\n    .footer-contact-item {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 0.83rem;\n        color: rgba(255, 255, 255, 0.7);\n        margin-bottom: 10px;\n    }\n\n    .footer-col h4 {\n        font-weight: 700;\n        margin-bottom: 20px;\n        font-size: 0.9rem;\n    }\n\n    .footer-col ul {\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 10px;\n    }\n\n    .footer-col ul li a {\n        text-decoration: none;\n        color: rgba(255, 255, 255, 0.65);\n        font-size: 0.85rem;\n        transition: color 0.2s;\n    }\n\n    .footer-col ul li a:hover {\n        color: var(--sun);\n    }\n\n    .footer-bottom {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding-top: 28px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        flex-wrap: gap;\n        font-size: 0.8rem;\n        color: rgba(255, 255, 255, 0.45);\n    }\n\n    \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n    @keyframes fadeUp {\n        from {\n            opacity: 0;\n            transform: translateY(22px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    .reveal {\n        opacity: 0;\n        transform: translateY(28px);\n        transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n\n    .reveal.visible {\n        opacity: 1;\n        transform: translateY(0);\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE \u2014 m\u00f3vil (\u2264600px)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 600px) {\n\n        \/* NAV *\/\n        nav {\n            padding: 12px 4%;\n        }\n\n        .nav-logo-text {\n            font-size: 1rem;\n        }\n\n        .nav-cta {\n            font-size: 0.78rem;\n            padding: 8px 14px;\n        }\n\n        \/* HERO *\/\n        .hero {\n            padding: 90px 4% 50px;\n        }\n\n        .hero h1 {\n            font-size: 1.9rem;\n            line-height: 1.2;\n        }\n\n        .hero-sub {\n            font-size: 0.93rem;\n            max-width: 100%;\n        }\n\n        .hero-actions {\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .btn-primary,\n        .btn-secondary {\n            width: 100%;\n            justify-content: center;\n            padding: 13px 20px;\n            font-size: 0.9rem;\n        }\n\n        .hero-stats {\n            flex-wrap: wrap;\n            gap: 16px 28px;\n        }\n\n        .hero-badge {\n            font-size: 0.73rem;\n            padding: 6px 12px;\n        }\n\n        \/* CERTS STRIP *\/\n        .certs {\n            padding: 22px 4%;\n        }\n\n        .certs-inner {\n            gap: 16px;\n            justify-content: flex-start;\n            overflow-x: auto;\n            flex-wrap: nowrap;\n            padding-bottom: 4px;\n        }\n\n        .cert-logo {\n            height: 48px;\n            flex-shrink: 0;\n        }\n\n        \/* SERVICIOS *\/\n        .services {\n            padding: 56px 4%;\n        }\n\n        .services::before {\n            display: none;\n        }\n\n        .services-header {\n            margin-bottom: 32px;\n        }\n\n        .services-grid {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .service-card {\n            padding: 26px 20px;\n            border-radius: 16px;\n        }\n\n        .service-icon {\n            width: 48px;\n            height: 48px;\n            font-size: 1.3rem;\n            margin-bottom: 16px;\n            border-radius: 13px;\n        }\n\n        .service-card h3 {\n            font-size: 1.05rem;\n            margin-bottom: 8px;\n        }\n\n        .service-card p {\n            font-size: 0.86rem;\n            margin-bottom: 14px;\n        }\n\n        \/* PROCESO *\/\n        .proceso {\n            padding: 56px 4%;\n        }\n\n        .proceso-header {\n            margin-bottom: 36px;\n        }\n\n        .proceso-steps {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n\n        .step {\n            flex-direction: row;\n            align-items: flex-start;\n            text-align: left;\n            gap: 16px;\n            padding: 0;\n        }\n\n        .step-num {\n            width: 44px;\n            height: 44px;\n            font-size: 1.1rem;\n            flex-shrink: 0;\n            margin-bottom: 0;\n        }\n\n        .step-title {\n            font-size: 0.9rem;\n            margin-bottom: 4px;\n        }\n\n        .step-desc {\n            font-size: 0.8rem;\n        }\n\n        \/* WHY *\/\n        .why {\n            padding: 56px 4%;\n        }\n\n        .why-inner {\n            gap: 36px;\n        }\n\n        .why h2 {\n            font-size: 1.8rem;\n        }\n\n        .why-cards {\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n        }\n\n        .why-card {\n            padding: 20px 16px;\n            border-radius: 14px;\n        }\n\n        .why-card .num {\n            font-size: 1.8rem;\n        }\n\n        .why-card .label {\n            font-size: 0.78rem;\n        }\n\n        .why-list li {\n            font-size: 0.88rem;\n        }\n\n        \/* PRODUCTOS *\/\n        .productos {\n            padding: 56px 4%;\n        }\n\n        .productos-header {\n            margin-bottom: 32px;\n        }\n\n        .productos-grid {\n            grid-template-columns: 1fr;\n            gap: 16px;\n        }\n\n        .prod-card {\n            min-height: 240px;\n            border-radius: 20px;\n        }\n\n        .prod-content {\n            padding: 26px;\n        }\n\n        .prod-card h3 {\n            font-size: 1.2rem;\n        }\n\n        .prod-card p {\n            font-size: 0.85rem;\n            margin-bottom: 16px;\n        }\n\n        .prod-right {\n            gap: 16px;\n        }\n\n        .prod-right .prod-card {\n            min-height: 150px;\n        }\n\n        \/* ALIANZA WEG *\/\n        .alianza-weg {\n            padding: 56px 4%;\n        }\n\n        .alianza-weg::before {\n            display: none;\n        }\n\n        .alianza-header {\n            margin-bottom: 32px;\n        }\n\n        .alianza-logos {\n            gap: 12px;\n            margin-bottom: 14px;\n        }\n\n        .al-logo-hd {\n            height: 32px;\n        }\n\n        .al-logo-weg {\n            height: 26px;\n        }\n\n        .al-plus {\n            font-size: 1.1rem;\n        }\n\n        .alianza-grid {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .aw-card {\n            padding: 26px 20px;\n            border-radius: 16px;\n        }\n\n        .aw-icon {\n            width: 48px;\n            height: 48px;\n            font-size: 1.3rem;\n            margin-bottom: 16px;\n            border-radius: 13px;\n        }\n\n        .aw-card h4 {\n            font-size: 1.05rem;\n            margin-bottom: 8px;\n        }\n\n        .aw-card p {\n            font-size: 0.86rem;\n            margin-bottom: 14px;\n        }\n\n        .aw-products-banner {\n            padding: 32px 22px;\n            border-radius: 20px;\n            gap: 28px;\n        }\n\n        .awp-left h3 {\n            font-size: 1.35rem;\n        }\n\n        .awp-left p {\n            font-size: 0.86rem;\n        }\n\n        .btn-primary {\n            width: 100%;\n            justify-content: center;\n        }\n\n        .awp-model {\n            padding: 14px 16px;\n            border-radius: 13px;\n        }\n\n        .awpm-icon {\n            font-size: 1.2rem;\n        }\n\n        .awpm-name {\n            font-size: 0.88rem;\n        }\n\n        .awpm-desc {\n            font-size: 0.73rem;\n        }\n\n        \/* CLIENTES *\/\n        .clientes {\n            padding: 50px 0;\n        }\n\n        .clientes-header {\n            padding: 0 4%;\n            margin-bottom: 28px;\n        }\n\n        .marquee-wrap::before,\n        .marquee-wrap::after {\n            width: 60px;\n        }\n\n        .client-logo-card {\n            width: 130px;\n            height: 78px;\n            padding: 14px 18px;\n        }\n\n        .client-logo-card img {\n            max-width: 96px;\n            max-height: 44px;\n        }\n\n        \/* TESTIMONIOS *\/\n        .testimonios {\n            padding: 56px 4%;\n        }\n\n        .test-header {\n            margin-bottom: 32px;\n        }\n\n        .test-grid {\n            grid-template-columns: 1fr;\n            gap: 14px;\n        }\n\n        .test-card {\n            padding: 24px 20px;\n            border-radius: 16px;\n        }\n\n        .test-text {\n            font-size: 0.87rem;\n        }\n\n        \/* CERTIFICACIONES *\/\n        .cert-logos-section {\n            padding: 56px 4%;\n        }\n\n        .cert-logos-header {\n            margin-bottom: 28px;\n        }\n\n        .cert-logos-grid {\n            grid-template-columns: 1fr 1fr;\n            gap: 14px;\n        }\n\n        .cert-card {\n            padding: 26px 16px;\n            border-radius: 16px;\n        }\n\n        .cert-card img {\n            width: 68px;\n            height: 68px;\n        }\n\n        .cert-card h4 {\n            font-size: 0.9rem;\n        }\n\n        .cert-card p {\n            font-size: 0.75rem;\n        }\n\n        \/* CTA *\/\n        .cta-section {\n            padding: 56px 4%;\n        }\n\n        .cta-inner h2 {\n            font-size: 1.75rem;\n        }\n\n        .cta-inner p {\n            font-size: 0.92rem;\n        }\n\n        .cta-cards {\n            grid-template-columns: 1fr;\n            gap: 12px;\n            margin-bottom: 32px;\n        }\n\n        .cta-card {\n            padding: 20px 16px;\n            border-radius: 14px;\n        }\n\n        .cta-actions {\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .btn-whatsapp {\n            width: 100%;\n            justify-content: center;\n        }\n\n        \/* FOOTER *\/\n        footer {\n            padding: 44px 4% 20px;\n        }\n\n        .footer-grid {\n            grid-template-columns: 1fr;\n            gap: 28px;\n            padding-bottom: 36px;\n        }\n\n        .footer-brand-name {\n            font-size: 1.2rem;\n        }\n\n        .footer-desc {\n            font-size: 0.82rem;\n        }\n\n        .footer-bottom {\n            flex-direction: column;\n            gap: 8px;\n            text-align: center;\n            font-size: 0.75rem;\n        }\n\n        \/* SECTION TITLES *\/\n        h2.section-title {\n            font-size: 1.75rem;\n        }\n\n        .section-desc {\n            font-size: 0.93rem;\n        }\n\n        .section-label {\n            font-size: 0.76rem;\n        }\n    }\n\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RESPONSIVE \u2014 m\u00f3vil peque\u00f1o (\u2264380px)\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    @media (max-width: 380px) {\n        .hero h1 {\n            font-size: 1.65rem;\n        }\n\n        .why-cards {\n            grid-template-columns: 1fr;\n        }\n\n        .cert-logos-grid {\n            grid-template-columns: 1fr;\n        }\n\n        .alianza-badge {\n            font-size: 0.7rem;\n            padding: 5px 10px;\n        }\n\n        .hero-stats {\n            flex-direction: column;\n            gap: 12px;\n        }\n    }\n<\/style>\n<\/style>\n\n<p>La pregunta no es si la energ\u00eda solar puede bajar tu factura. La pregunta real es cu\u00e1nto se ahorra con paneles solares en tu casa, negocio o edificio, y en cu\u00e1nto tiempo esa inversi\u00f3n empieza a jugar a tu favor. La respuesta corta es esta: en muchos casos, el ahorro puede sentirse desde el primer mes, pero el porcentaje exacto depende de tu consumo, tu tarifa, el tama\u00f1o del sistema y qu\u00e9 tan bien est\u00e9 dise\u00f1ado.<\/p>\n<p>Ah\u00ed es donde muchas personas se confunden. Ven una cifra atractiva en internet, comparan equipos por precio y asumen que todos los sistemas producen lo mismo. No funciona as\u00ed. Un sistema solar bien calculado puede reducir de forma importante el costo de energ\u00eda y acelerar el retorno. Uno gen\u00e9rico, mal instalado o sin soporte t\u00e9cnico, puede dejar ahorro sobre la mesa.<\/p>\n<h2>Cu\u00e1nto se ahorra con paneles solares en la pr\u00e1ctica<\/h2>\n<p>En t\u00e9rminos generales, un sistema fotovoltaico puede recortar entre 30% y 90% de la factura el\u00e9ctrica. Es un rango amplio, s\u00ed, pero es el rango honesto. Si tu consumo es estable, tienes buena radiaci\u00f3n solar y el sistema fue dimensionado correctamente, el ahorro tiende a ser alto. Si el consumo cambia mucho, el techo tiene limitaciones o se instala menos capacidad de la necesaria, el ahorro ser\u00e1 m\u00e1s moderado.<\/p>\n<p>Para una vivienda, el impacto suele notarse cuando la factura mensual ya representa una carga constante. Si cada mes pagas una cantidad relevante por aire acondicionado, electrodom\u00e9sticos, bombeo o calentamiento, la energ\u00eda solar puede cubrir una parte importante de ese gasto. En negocios, el beneficio puede ser incluso m\u00e1s claro porque el consumo diurno coincide mejor con las horas de generaci\u00f3n solar.<\/p>\n<p>En bodegas, comercios, restaurantes, oficinas o plantas con operaci\u00f3n diurna, el ahorro no solo se ve en la factura. Tambi\u00e9n mejora la previsibilidad financiera. En vez de quedar expuesto a aumentos en la tarifa el\u00e9ctrica, una parte del costo energ\u00e9tico queda controlada por una infraestructura propia.<\/p>\n<h2>Qu\u00e9 define cu\u00e1nto te ahorras con paneles solares<\/h2>\n<p>El primer factor es tu consumo real. No el consumo que crees tener, sino el que aparece en tu historial de facturaci\u00f3n. Dise\u00f1ar un sistema solar sin revisar tus recibos es como comprar un aire acondicionado sin saber el tama\u00f1o del espacio. Se puede hacer, pero es f\u00e1cil equivocarse.<\/p>\n<p>El segundo factor es la tarifa que pagas hoy. No todos los kilovatios-hora cuestan lo mismo. Hay usuarios residenciales con tarifas m\u00e1s sensibles por alto consumo y empresas con estructuras tarifarias donde la energ\u00eda representa una parte fuerte de los gastos operativos. Cuanto m\u00e1s caro sea tu consumo actual, m\u00e1s valioso resulta cada kilovatio generado por tus paneles.<\/p>\n<p>Tambi\u00e9n importa el tama\u00f1o del sistema. Un sistema peque\u00f1o ayuda, pero puede quedarse corto si tu meta es una reducci\u00f3n agresiva. Uno demasiado grande tampoco siempre conviene si no existe un esquema regulatorio claro para gestionar excedentes. El punto correcto est\u00e1 en dise\u00f1ar de acuerdo con tu perfil de uso, no con una cifra est\u00e1ndar.<\/p>\n<p>La calidad de la ingenier\u00eda cuenta mucho m\u00e1s de lo que parece. La orientaci\u00f3n del techo, sombras parciales, tipo de inversor, capacidad instalada, estructura, protecciones el\u00e9ctricas y calidad de la instalaci\u00f3n influyen directamente en el desempe\u00f1o. Dos sistemas con el mismo n\u00famero de paneles pueden ahorrar distinto si uno fue pensado a medida y el otro no.<\/p>\n<h2>El ahorro no depende solo del panel<\/h2>\n<p>Cuando alguien pregunta cu\u00e1nto se ahorra con paneles solares, muchas veces est\u00e1 pensando solo en el equipo. Pero el ahorro real tambi\u00e9n depende del proceso completo. Diagn\u00f3stico, dise\u00f1o, instalaci\u00f3n certificada, legalizaci\u00f3n, monitoreo y mantenimiento forman parte del rendimiento econ\u00f3mico.<\/p>\n<p>Si el sistema no cumple normativa, si se retrasa la tramitolog\u00eda o si queda mal configurado, el proyecto puede tardar m\u00e1s en entregar el beneficio esperado. Por eso conviene trabajar con un integrador que no solo venda paneles, sino que resuelva de punta a punta el proyecto t\u00e9cnico y administrativo.<\/p>\n<p>Esa diferencia se nota especialmente en proyectos comerciales e industriales. Ah\u00ed no basta con instalar m\u00f3dulos en el techo. Hay que evaluar cargas, protecciones, interconexi\u00f3n, condiciones del sitio, cumplimiento regulatorio y continuidad operativa. Cuando eso se hace bien, el ahorro deja de ser una promesa y se convierte en un indicador medible.<\/p>\n<h2>\u00bfEn cu\u00e1nto tiempo se recupera la inversi\u00f3n?<\/h2>\n<p>Aqu\u00ed entra otra pregunta clave: adem\u00e1s del ahorro mensual, \u00bfcu\u00e1ndo se paga solo el sistema? En muchos proyectos, el retorno puede ubicarse entre 3 y 7 a\u00f1os. Algunos casos salen antes, otros tardan m\u00e1s. Depende del costo de instalaci\u00f3n, el valor de la energ\u00eda desplazada, los incentivos disponibles y el perfil de consumo.<\/p>\n<p>Lo importante es entender que el retorno no empieza al final de ese plazo. Empieza desde que el sistema entra en operaci\u00f3n y reduce la factura. El periodo de recuperaci\u00f3n solo marca el momento en que el acumulado ahorrado iguala la inversi\u00f3n inicial. A partir de ah\u00ed, la energ\u00eda generada sigue representando valor econ\u00f3mico durante muchos a\u00f1os m\u00e1s.<\/p>\n<p>Los paneles solares no son una compra para una temporada. Son una decisi\u00f3n de infraestructura. Por eso, enfocarse solo en el precio m\u00e1s bajo suele ser un error. Un sistema barato que produce menos, falla m\u00e1s o no cumple requisitos puede salir mucho m\u00e1s caro en el tiempo.<\/p>\n<h2>Casos donde el ahorro es m\u00e1s alto<\/h2>\n<p>Hay escenarios donde la energ\u00eda solar suele ser especialmente rentable. Uno es cuando la factura el\u00e9ctrica ya viene creciendo mes a mes y el consumo es permanente. Otro es cuando el uso de energ\u00eda ocurre principalmente durante el d\u00eda, como en oficinas, locales comerciales, colegios, cl\u00ednicas o industrias con horario productivo diurno.<\/p>\n<p>Tambi\u00e9n resulta atractivo para viviendas con alto uso de aire acondicionado, bombas, electrodom\u00e9sticos intensivos o <a href=\"https:\/\/helpdelivery.com\/2023\/06\/03\/cargadores-vehiculos-electricos-para-el-hogar\/\">cargadores para veh\u00edculos el\u00e9ctricos<\/a>. Si adem\u00e1s existe una meta de modernizaci\u00f3n del inmueble, la instalaci\u00f3n solar suma valor patrimonial y mejora la percepci\u00f3n de eficiencia del activo.<\/p>\n<p>En edificios o conjuntos residenciales, el ahorro puede enfocarse en \u00e1reas comunes, bombeo, iluminaci\u00f3n y equipos de soporte. All\u00ed una buena evaluaci\u00f3n t\u00e9cnica permite identificar si conviene un sistema para zonas compartidas o una soluci\u00f3n por unidad seg\u00fan el caso.<\/p>\n<h2>Casos donde el ahorro puede ser menor de lo esperado<\/h2>\n<p>No todo proyecto solar entrega el mismo resultado. Si tu consumo nocturno es mucho mayor que el diurno, el dise\u00f1o debe considerar esa realidad. Si hay sombras constantes por \u00e1rboles, edificios cercanos o estructuras mal ubicadas, la producci\u00f3n baja. Si el techo tiene poca \u00e1rea \u00fatil o no ofrece condiciones adecuadas, quiz\u00e1 haya que ajustar expectativas o evaluar otra configuraci\u00f3n.<\/p>\n<p>Tambi\u00e9n puede pasar que el cliente quiera compensar casi toda su factura con un presupuesto limitado. En ese caso, conviene priorizar una soluci\u00f3n escalable y bien dise\u00f1ada antes que prometer un porcentaje de ahorro poco realista.<\/p>\n<p>La buena noticia es que estos l\u00edmites no eliminan el beneficio. Solo cambian la estrategia. Un diagn\u00f3stico serio sirve precisamente para eso: aterrizar n\u00fameros reales y evitar decisiones basadas en suposiciones.<\/p>\n<h2>C\u00f3mo calcular tu ahorro con m\u00e1s precisi\u00f3n<\/h2>\n<p>El punto de partida es revisar entre 6 y 12 meses de facturaci\u00f3n el\u00e9ctrica. Eso permite ver consumo promedio, picos, estacionalidad y comportamiento tarifario. Luego se estima cu\u00e1nta energ\u00eda puede producir un sistema en tu ubicaci\u00f3n, considerando orientaci\u00f3n, inclinaci\u00f3n, sombras y espacio disponible.<\/p>\n<p>Con esos datos ya se puede proyectar el porcentaje de compensaci\u00f3n, el ahorro mensual estimado y el tiempo de retorno. Si adem\u00e1s est\u00e1s pensando en expansi\u00f3n, nuevos equipos o movilidad el\u00e9ctrica, ese crecimiento debe incluirse desde el dise\u00f1o. Nada de soluciones gen\u00e9ricas.<\/p>\n<p>Un proveedor serio te explica el c\u00e1lculo en t\u00e9rminos simples, te muestra supuestos razonables y no maquilla resultados. Tambi\u00e9n te aclara qu\u00e9 parte del beneficio depende del sistema y qu\u00e9 parte depende de tus h\u00e1bitos de consumo.<\/p>\n<h2>M\u00e1s all\u00e1 de la factura: lo que tambi\u00e9n est\u00e1s ganando<\/h2>\n<p>Aunque el ahorro econ\u00f3mico es la raz\u00f3n principal para muchas personas, no es la \u00fanica. <a href=\"https:\/\/helpdelivery.com\/producto\/paneles-solares\/\">Un sistema solar bien implementado<\/a> mejora la eficiencia de la propiedad, reduce dependencia de la red y aporta estabilidad frente a aumentos futuros en la energ\u00eda.<\/p>\n<p>Para una empresa, eso puede traducirse en mejor control de costos operativos. Para una familia, significa respirar con m\u00e1s tranquilidad cada vez que llega la factura. Para un activo comercial o industrial, es una mejora concreta de infraestructura con impacto financiero y t\u00e9cnico.<\/p>\n<p>Cuando el proyecto incluye acompa\u00f1amiento experto, certificaci\u00f3n, cumplimiento normativo y soporte postventa, el beneficio tambi\u00e9n est\u00e1 en el tiempo que el cliente no pierde resolviendo tr\u00e1mites, corrigiendo errores o persiguiendo garant\u00edas. Ah\u00ed es donde un integrador como Help Delivery marca diferencia: menos fricci\u00f3n, m\u00e1s claridad y una ruta completa desde el diagn\u00f3stico hasta la operaci\u00f3n.<\/p>\n<p>Si est\u00e1s evaluando la energ\u00eda solar, no te quedes con una cifra promedio sacada de contexto. El ahorro real sale de tus consumos, tu tarifa y un dise\u00f1o hecho para tu operaci\u00f3n. Cuando eso se hace bien, la pregunta deja de ser si vale la pena y pasa a ser cu\u00e1nto tiempo m\u00e1s quieres seguir pagando de m\u00e1s por la misma energ\u00eda.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descubre cu\u00e1nto se ahorra con paneles solares, qu\u00e9 factores cambian el retorno y c\u00f3mo bajar tu factura el\u00e9ctrica desde el primer mes.<\/p>\n","protected":false},"author":0,"featured_media":2178,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2177"}],"version-history":[{"count":2,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2177\/revisions"}],"predecessor-version":[{"id":2186,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2177\/revisions\/2186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/media\/2178"}],"wp:attachment":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}