{"id":2179,"date":"2026-06-17T06:51:33","date_gmt":"2026-06-17T06:51:33","guid":{"rendered":"https:\/\/helpdelivery.com\/2026\/06\/17\/instalacion-certificada-de-paneles-solares\/"},"modified":"2026-06-17T15:46:59","modified_gmt":"2026-06-17T15:46:59","slug":"instalacion-certificada-de-paneles-solares","status":"publish","type":"post","link":"https:\/\/helpdelivery.com\/?p=2179","title":{"rendered":"Instalaci\u00f3n certificada de 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>Una cotizaci\u00f3n barata puede verse bien en papel, hasta que aparecen goteras en la cubierta, protecciones mal dimensionadas o trabas para legalizar el sistema. Por eso, cuando se habla de energ\u00eda solar de verdad, la instalaci\u00f3n certificada de paneles solares no es un extra ni un lujo t\u00e9cnico. Es lo que separa un proyecto confiable de uno que termina costando m\u00e1s de lo prometido.<\/p>\n<p>Quien invierte en un sistema fotovoltaico normalmente busca tres cosas: bajar la factura, operar con seguridad y evitar dolores de cabeza. Y esas tres dependen menos del panel \u201cm\u00e1s bonito\u201d y m\u00e1s de c\u00f3mo se dise\u00f1a, se instala, se conecta y se documenta todo el sistema. Ah\u00ed es donde la certificaci\u00f3n y el cumplimiento normativo dejan de ser palabras t\u00e9cnicas y se convierten en protecci\u00f3n para su inversi\u00f3n.<\/p>\n<h2>Qu\u00e9 implica una instalaci\u00f3n certificada de paneles solares<\/h2>\n<p>No se trata solo de poner m\u00f3dulos sobre un techo y conectarlos a un inversor. Una instalaci\u00f3n certificada de paneles solares implica que el proyecto cumple criterios t\u00e9cnicos, el\u00e9ctricos, estructurales y regulatorios desde el dise\u00f1o hasta la puesta en marcha. En la pr\u00e1ctica, eso significa equipos adecuados, memorias de c\u00e1lculo, protecciones correctas, mano de obra calificada, pruebas de funcionamiento y documentaci\u00f3n para respaldo.<\/p>\n<p>Tambi\u00e9n implica trazabilidad. Si m\u00e1s adelante necesita mantenimiento, ampliaci\u00f3n, soporte por garant\u00eda o legalizaci\u00f3n ante la entidad correspondiente, un sistema bien certificado permite responder con planos, fichas t\u00e9cnicas, registros y procedimientos claros. Cuando eso no existe, cada ajuste se vuelve improvisaci\u00f3n.<\/p>\n<p>En viviendas, comercios e industrias, el est\u00e1ndar no tiene por qu\u00e9 ser el mismo en escala, pero s\u00ed en rigor. Un proyecto residencial puede parecer sencillo, pero sigue requiriendo revisi\u00f3n de consumos, capacidad del techo, protecciones DC y AC, puesta a tierra y criterios de seguridad. En un negocio o una planta, adem\u00e1s entran variables como continuidad operativa, calidad de energ\u00eda, demanda y perfil de carga.<\/p>\n<h2>El ahorro depende tanto del dise\u00f1o como de la instalaci\u00f3n<\/h2>\n<p>Mucha gente asume que el ahorro lo define solo la cantidad de paneles. No es as\u00ed. Dos sistemas con la misma potencia instalada pueden entregar resultados muy distintos si uno fue bien dise\u00f1ado y el otro no.<\/p>\n<p>La orientaci\u00f3n, el sombreado, el tipo de inversor, la distribuci\u00f3n de strings, la calidad del cableado y hasta la forma en que se fijan las estructuras influyen en el desempe\u00f1o. Si el dise\u00f1o no parte de un diagn\u00f3stico real del consumo, es com\u00fan terminar con un sistema sobredimensionado, que inmoviliza m\u00e1s capital del necesario, o subdimensionado, que no resuelve el problema de la factura.<\/p>\n<p>Una instalaci\u00f3n certificada busca precisamente ese equilibrio. No vende una soluci\u00f3n gen\u00e9rica. Ajusta el sistema al patr\u00f3n de consumo, al tipo de inmueble y al objetivo del cliente. A veces la prioridad es maximizar <a href=\"https:\/\/helpdelivery.com\/2026\/06\/16\/cuanto-se-ahorra-con-paneles-solares\/\">ahorro mensual<\/a>. Otras veces es asegurar operaci\u00f3n cr\u00edtica, preparar una futura expansi\u00f3n o integrar <a href=\"https:\/\/helpdelivery.com\/2023\/06\/03\/cargadores-vehiculos-electricos-para-el-hogar\/\">cargadores para veh\u00edculos el\u00e9ctricos<\/a>. Cada caso cambia la ingenier\u00eda del proyecto.<\/p>\n<h2>Seguridad el\u00e9ctrica: el punto que no conviene negociar<\/h2>\n<p>En energ\u00eda solar, los errores no siempre se ven al primer d\u00eda. Un sistema puede encender y aun as\u00ed estar mal ejecutado. El problema aparece despu\u00e9s, cuando hay sobrecalentamiento, disparos frecuentes, ca\u00edda de rendimiento o fallas que comprometen el equipo y la infraestructura.<\/p>\n<p>Las protecciones no est\u00e1n para \u201ccumplir con el papel\u201d. Est\u00e1n para aislar fallas, proteger personas, evitar da\u00f1os en inversores y reducir el riesgo de incendios el\u00e9ctricos. Lo mismo pasa con la puesta a tierra, la canalizaci\u00f3n, las conexiones y la selecci\u00f3n de materiales expuestos a sol, lluvia y cambios de temperatura.<\/p>\n<p>En cubiertas comerciales e industriales, adem\u00e1s, hay una variable que suele subestimarse: la interacci\u00f3n entre la estructura solar y la estructura del edificio. No basta con fijar soportes. Hay que revisar cargas, puntos de anclaje, impermeabilizaci\u00f3n y condiciones del techo. Una mala instalaci\u00f3n puede salir cara incluso si el sistema genera energ\u00eda.<\/p>\n<h2>Certificaci\u00f3n y legalizaci\u00f3n: por qu\u00e9 importan m\u00e1s de lo que parece<\/h2>\n<p>Uno de los errores m\u00e1s comunes del mercado es presentar la certificaci\u00f3n como un tr\u00e1mite posterior, casi opcional. En realidad, debe pensarse desde el inicio. Si el proyecto no se dise\u00f1a y ejecuta bajo criterio normativo, despu\u00e9s corregirlo puede ser m\u00e1s lento y costoso.<\/p>\n<p>La certificaci\u00f3n aporta confianza t\u00e9cnica y tambi\u00e9n orden administrativo. Sirve para soportar la calidad de la instalaci\u00f3n, facilitar procesos de legalizaci\u00f3n y dar respaldo al cliente frente a inspecciones, aseguradoras o futuras intervenciones. Para una empresa, eso es especialmente importante porque una instalaci\u00f3n sin el debido soporte puede convertirse en un riesgo operativo y legal.<\/p>\n<p>En mercados como Neiva y otras zonas de Huila, donde el potencial solar es atractivo y cada vez m\u00e1s usuarios eval\u00faan migrar a autoconsumo, el cumplimiento normativo cobra todav\u00eda m\u00e1s relevancia. No solo por la radiaci\u00f3n disponible, sino porque un proyecto bien estructurado acelera la entrada en operaci\u00f3n y evita rehacer etapas que debieron resolverse desde el principio.<\/p>\n<h2>C\u00f3mo es el proceso correcto de principio a fin<\/h2>\n<p>Un proyecto serio empieza antes de hablar de marcas o n\u00famero de paneles. El primer paso es entender c\u00f3mo consume energ\u00eda el cliente. Se revisan facturas, horarios de operaci\u00f3n, equipos instalados, crecimiento esperado y metas econ\u00f3micas. Con esa informaci\u00f3n se define si la energ\u00eda solar realmente conviene y en qu\u00e9 tama\u00f1o.<\/p>\n<p>Luego viene el dise\u00f1o t\u00e9cnico. Aqu\u00ed se eval\u00faan el sitio, la cubierta o el \u00e1rea disponible, sombras, orientaci\u00f3n, estructura, capacidad el\u00e9ctrica existente y condiciones de interconexi\u00f3n. Es la etapa en la que se decide c\u00f3mo lograr el mejor rendimiento posible sin comprometer seguridad ni presupuesto.<\/p>\n<p>Despu\u00e9s se presenta una propuesta clara. No solo debe decir cu\u00e1ntos paneles se instalar\u00e1n. Debe explicar producci\u00f3n estimada, componentes principales, alcance de instalaci\u00f3n, tiempos, protecciones, proceso de legalizaci\u00f3n si aplica y condiciones de soporte. Cuando una cotizaci\u00f3n omite esto, en realidad est\u00e1 trasladando incertidumbre al cliente.<\/p>\n<p>La ejecuci\u00f3n incluye instalaci\u00f3n mec\u00e1nica y el\u00e9ctrica, pruebas, verificaci\u00f3n de par\u00e1metros, etiquetado, documentaci\u00f3n y puesta en marcha. Y luego viene algo que muchos proveedores d\u00e9biles descuidan: el acompa\u00f1amiento. Monitorear el sistema, atender novedades y dar mantenimiento preventivo hace parte del retorno de inversi\u00f3n, no de un favor postventa.<\/p>\n<h2>Qu\u00e9 revisar antes de contratar<\/h2>\n<p>No siempre gana la mejor opci\u00f3n la propuesta m\u00e1s barata. En energ\u00eda solar, un precio muy bajo suele esconder menos ingenier\u00eda, menos protecci\u00f3n o menos soporte. Por eso conviene revisar qui\u00e9n responde por el proyecto completo y no solo por vender equipos.<\/p>\n<p>Pregunte si el proveedor realiza diagn\u00f3stico de consumo, dise\u00f1o a medida, instalaci\u00f3n certificada, legalizaci\u00f3n y soporte posterior. Pregunte tambi\u00e9n qu\u00e9 respaldo ofrece, qu\u00e9 experiencia tiene con proyectos similares y c\u00f3mo documenta la obra. Si la respuesta es ambigua, eso ya dice bastante.<\/p>\n<p>Tambi\u00e9n vale la pena revisar la calidad del portafolio tecnol\u00f3gico. No por obsesi\u00f3n con una marca espec\u00edfica, sino porque la combinaci\u00f3n entre paneles, inversores, estructuras y protecciones influye en el rendimiento real y en la vida \u00fatil del sistema. Una buena ingenier\u00eda no depende de una sola pieza, sino de c\u00f3mo todo el conjunto trabaja de manera estable.<\/p>\n<h2>Lo barato sale caro cuando no hay acompa\u00f1amiento<\/h2>\n<p>Un sistema solar no termina el d\u00eda de la instalaci\u00f3n. Requiere seguimiento, lectura de desempe\u00f1o y capacidad de respuesta si algo se sale de rango. A veces el sistema produce menos por suciedad o sombras nuevas. Otras veces la causa est\u00e1 en una configuraci\u00f3n, una protecci\u00f3n o una expansi\u00f3n no contemplada del consumo del usuario.<\/p>\n<p>Tener un aliado t\u00e9cnico que conozca la instalaci\u00f3n desde su origen cambia por completo la experiencia. En lugar de empezar de cero cada vez que surge una duda, existe continuidad. Y esa continuidad protege el ahorro esperado.<\/p>\n<p>Por eso muchas empresas y propietarios hoy prefieren trabajar con integradores que asumen el proceso completo. Help Delivery, por ejemplo, ha construido su propuesta sobre esa l\u00f3gica: diagn\u00f3stico, dise\u00f1o, instalaci\u00f3n certificada, legalizaci\u00f3n y soporte bajo un mismo equipo t\u00e9cnico. Para el cliente, eso significa menos intermediarios, menos riesgo y decisiones mejor sustentadas.<\/p>\n<h2>Cu\u00e1ndo una instalaci\u00f3n certificada hace m\u00e1s diferencia<\/h2>\n<p>Siempre aporta valor, pero hay escenarios donde su impacto es todav\u00eda mayor. En cubiertas complejas, proyectos comerciales con horarios extendidos, industrias con cargas sensibles o clientes que planean crecer su sistema en el futuro, la diferencia entre hacer las cosas bien y hacerlas r\u00e1pido se nota mucho m\u00e1s.<\/p>\n<p>Tambi\u00e9n es clave cuando el usuario quiere integrar m\u00e1s tecnolog\u00eda, como bater\u00edas o cargadores para veh\u00edculos el\u00e9ctricos. En esos casos, el sistema deja de ser una instalaci\u00f3n aislada y pasa a formar parte de la estrategia energ\u00e9tica del inmueble. Si la base no est\u00e1 bien ejecutada, cualquier expansi\u00f3n futura se complica.<\/p>\n<p>La mejor decisi\u00f3n no siempre es instalar el sistema m\u00e1s grande ni el m\u00e1s econ\u00f3mico. Es instalar el sistema correcto, con criterio t\u00e9cnico, cumplimiento y visi\u00f3n de largo plazo. Cuando eso ocurre, el ahorro deja de ser una promesa comercial y empieza a sentirse en la operaci\u00f3n diaria. Si est\u00e1 evaluando dar el paso, vale m\u00e1s una conversaci\u00f3n t\u00e9cnica honesta hoy que una correcci\u00f3n costosa ma\u00f1ana.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La instalaci\u00f3n certificada de paneles solares reduce riesgos, asegura cumplimiento y mejora el ahorro real desde el primer mes.<\/p>\n","protected":false},"author":0,"featured_media":2180,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[1,20],"tags":[],"class_list":["post-2179","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sin-categoria","category-style"],"_links":{"self":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2179","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=2179"}],"version-history":[{"count":3,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2179\/revisions"}],"predecessor-version":[{"id":2182,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/posts\/2179\/revisions\/2182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=\/wp\/v2\/media\/2180"}],"wp:attachment":[{"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helpdelivery.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}