plantilla «Ancho completo» / «Lienzo» (sin barra lateral).
2. Agregá un bloque «HTML personalizado» (Gutenberg) o un widget «HTML» (Elementor).
3. Pegá TODO este archivo.
4. Reemplazá los marcadores:
[FOTO_PORTADA] -> URL de la foto subida a Medios (ej.
https://enereast.com/wp-content/uploads/…jpg )
Todo el CSS va con el prefijo .enr para no pisar el tema.
====================================================================== –>
/* Layout: columna de lectura alineada a la izquierda, como la portada de las propuestas.
Foto arriba, wordmark y título sobre el margen, banda verde clara debajo. */
.enr{
–verde:#2E6B5E; /* títulos y destacados */
–verde-osc:#24574C; /* hover y fondo de la sección de pasos */
–banda:#EAF2EF; /* banda clara / encabezado de tabla */
–borde:#C9D6D2; /* bordes de tabla y filetes */
–label:#8FB4AB; /* eyebrows y labels */
–texto:#4A5250; /* cuerpo */
–texto2:#6C7170; /* secundario */
–fila:#FAFCFB; /* filas alternadas */
–blanco:#FFFFFF;
–serif:»Tinos»,»Liberation Serif»,»Times New Roman»,Times,serif;
–sans:»Poppins»,»Helvetica Neue»,Arial,sans-serif;
–ancho:1120px;
–gut:clamp(16px,5vw,56px);
background:var(–blanco);
color:var(–texto);
font-family:var(–sans);
font-size:16px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
}
.enr *,.enr *::before,.enr *::after{box-sizing:border-box}
.enr h1,.enr h2,.enr h3,.enr p,.enr ul,.enr ol,.enr li,.enr figure,.enr table{margin:0;padding:0}
.enr h1,.enr h2,.enr h3,.enr p,.enr li,.enr td,.enr th,.enr a,.enr span{font-family:var(–sans);letter-spacing:normal;text-transform:none}
.enr ul,.enr ol{list-style:none}
.enr img{display:block;max-width:100%;height:auto;border:0}
.enr a{color:inherit;text-decoration:none;box-shadow:none}
.enr a:focus-visible{outline:2px solid var(–verde);outline-offset:3px}
.enr .wrap{max-width:var(–ancho);margin-inline:auto;padding-inline:var(–gut)}
.enr section{padding-block:clamp(56px,8vw,104px)}
/* Tipografía */
.enr .eyebrow{font-family:var(–sans);font-weight:600;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(–label)}
.enr h1.titulo{font-family:var(–serif);font-weight:700;color:var(–verde);font-size:clamp(34px,5.2vw,58px);line-height:1.1;text-wrap:balance;max-width:17ch}
.enr h2.sec{font-family:var(–serif);font-weight:700;color:var(–verde);font-size:clamp(28px,3.6vw,40px);line-height:1.15;text-wrap:balance}
.enr .filete{width:120px;height:3px;background:var(–verde);margin-top:14px}
.enr .lead{font-size:clamp(16px,1.6vw,18px);max-width:58ch;color:var(–texto)}
.enr h3{font-weight:700;font-size:17px;line-height:1.35;color:var(–verde)}
.enr .nota{font-style:italic;font-size:13px;color:var(–texto2)}
/* Botones */
.enr .btns{display:flex;flex-wrap:wrap;gap:12px}
.enr .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:2px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.enr .btn-1{background:var(–verde);color:var(–blanco);border:1.5px solid var(–verde)}
.enr .btn-1:hover{background:var(–verde-osc);border-color:var(–verde-osc);color:var(–blanco)}
.enr .btn-2{background:transparent;color:var(–verde);border:1.5px solid var(–borde)}
.enr .btn-2:hover{border-color:var(–verde)}
/* ———- Portada ———- */
.enr .foto{height:clamp(240px,40vw,500px);overflow:hidden;background:var(–banda)}
.enr .foto img{width:100%;height:100%;object-fit:cover;object-position:center 32%}
.enr .portada{padding-block:clamp(36px,5vw,60px) clamp(48px,6vw,72px)}
.enr .marca{display:flex;flex-direction:column;gap:6px;margin-bottom:clamp(28px,4vw,44px)}
.enr .wordmark{font-family:var(–sans);font-weight:700;font-size:clamp(26px,3vw,34px);letter-spacing:.176em;color:var(–verde);line-height:1}
.enr .bajada{font-family:var(–sans);font-weight:600;font-size:11px;letter-spacing:1.13em;color:var(–label);line-height:1}
.enr .portada .grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:end}
.enr .portada .izq{display:flex;flex-direction:column;gap:18px;min-width:0}
.enr .portada .der{display:flex;flex-direction:column;gap:24px;min-width:0}
/* Banda distribuidoras */
.enr .banda{background:var(–banda);padding-block:28px}
.enr .banda .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:14px 40px}
.enr .banda .eyebrow{color:var(–verde)}
.enr .chips{display:flex;flex-wrap:wrap;gap:8px 22px}
.enr .chips span{font-size:15px;font-weight:500;color:var(–texto)}
.enr .chips span.t{color:var(–verde);font-weight:700}
/* ———- Servicios ———- */
.enr .cabecera{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(36px,5vw,56px)}
.enr .servicios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(32px,5vw,72px)}
.enr .serv{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 18px;padding-top:22px;border-top:1px solid var(–borde)}
.enr .serv svg{grid-row:span 2;width:36px;height:36px;color:var(–verde)}
.enr .serv p{font-size:15px}
/* ———- Tabla on-grid vs híbrido ———- */
.enr .comparar{background:var(–fila);border-top:1px solid var(–banda);border-bottom:1px solid var(–banda)}
.enr .tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.enr table.tabla{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;background:var(–blanco)}
.enr .tabla th,.enr .tabla td{border:1px solid var(–borde);padding:14px 18px;text-align:left;vertical-align:top}
.enr .tabla thead th{background:var(–banda);font-weight:600;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(–verde)}
.enr .tabla tbody th{font-weight:600;color:var(–verde);width:24%}
.enr .tabla tbody tr:nth-child(even) td,.enr .tabla tbody tr:nth-child(even) th{background:var(–fila)}
.enr .comparar .nota{margin-top:16px}
/* ———- Cómo trabajamos ———- */
.enr .proceso{background:var(–verde);color:#E4EEEB}
.enr .proceso h2.sec{color:var(–blanco)}
.enr .proceso .filete{background:var(–label)}
.enr .proceso .eyebrow{color:var(–label)}
.enr .pasos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;counter-reset:paso}
.enr .paso{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1px solid rgba(255,255,255,.28)}
.enr .paso .n{font-family:var(–serif);font-weight:700;font-size:38px;line-height:1;color:var(–label)}
.enr .paso h3{color:var(–blanco);font-size:16px}
.enr .paso p{font-size:14px;line-height:1.6;color:#D6E4E0}
/* ———- Propuesta preliminar ———- */
.enr .prelim .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,6vw,80px);align-items:start}
.enr .indice{display:flex;flex-direction:column;margin-top:8px}
.enr .indice li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding-block:11px;border-bottom:1px solid var(–banda);font-size:15px}
.enr .indice li span{font-weight:600;color:var(–label);font-variant-numeric:tabular-nums}
.enr .grafico{border:1px solid var(–borde);padding:clamp(18px,3vw,28px);background:var(–blanco);min-width:0}
.enr .grafico .tit{font-weight:700;font-size:15px;color:var(–verde);margin-bottom:2px}
.enr .grafico .sub{font-size:13px;color:var(–texto2);margin-bottom:22px}
.enr .barras-wrap{overflow-x:auto}
.enr .barras{position:relative;display:grid;grid-template-columns:repeat(12,minmax(22px,1fr));gap:8px;align-items:stretch;grid-template-rows:100%;height:220px;min-width:340px;padding-top:22px;
background-image:linear-gradient(#EFF3F2 1px,transparent 1px);background-size:100% 25%;background-position:0 22px}
.enr .bar{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.enr .bar i{display:block;background:var(–verde);height:var(–h);border-radius:1px 1px 0 0;transform-origin:bottom;animation:enrCrece .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(–d) * 45ms)}
.enr .bar b{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(–h) + 4px);font-size:10px;font-weight:700;color:var(–texto);white-space:nowrap;font-variant-numeric:tabular-nums}
.enr .meses{display:grid;grid-template-columns:repeat(12,minmax(22px,1fr));gap:8px;min-width:340px;margin-top:8px;border-top:1px solid var(–borde);padding-top:8px}
.enr .meses span{font-size:11px;color:#A9B5B2;text-align:center}
.enr .grafico .nota{text-align:center;margin-top:18px}
@keyframes enrCrece{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
/* ———- Dónde ———- */
.enr .donde{padding-top:0}
.enr .donde .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(–borde);padding-top:40px}
.enr .donde .item{display:flex;flex-direction:column;gap:6px}
.enr .donde .item p{font-size:15px}
/* ———- Contacto ———- */
.enr .contacto{background:var(–banda)}
.enr .contacto .grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.enr .contacto .izq{display:flex;flex-direction:column;gap:18px}
.enr .datos{display:flex;flex-direction:column;background:var(–blanco);border-left:4px solid var(–verde);padding:8px 24px}
.enr .datos li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding-block:14px;border-bottom:1px solid var(–banda);font-size:15px;line-height:1.5}
.enr .datos li:last-child{border-bottom:0}
.enr .datos li span{font-weight:600;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(–verde);padding-top:2px}
.enr .datos a{color:var(–texto);word-break:break-word}
.enr .datos a:hover{color:var(–verde)}
/* ———- Pie ———- */
.enr .pie{padding-block:36px;background:var(–blanco)}
.enr .pie .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.enr .pie .wordmark{font-size:18px}
.enr .pie .bajada{font-size:9px;margin-top:6px}
.enr .pie p{font-size:13px;color:var(–texto2)}
/* ———- Responsive ———- */
@media (max-width:960px){
.enr .pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
.enr .prelim .grid,.enr .contacto .grid,.enr .portada .grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:680px){
.enr .servicios,.enr .donde .grid{grid-template-columns:minmax(0,1fr)}
.enr .pasos{grid-template-columns:minmax(0,1fr)}
.enr .bajada{letter-spacing:.8em}
.enr .datos li{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (prefers-reduced-motion:reduce){
.enr .bar i{animation:none}
.enr .btn{transition:none}
}
ENEREAST
ENERGÍA SOLAR
Instalaciones fotovoltaicas
Generá en tu techo la energía que hoy pagás en la factura.
Diseñamos e instalamos sistemas solares conectados a red e híbridos con baterías para industrias, comercios y viviendas de Buenos Aires.
Analizamos boletas de
Edenor Edesur EDEA EDEN Cooperativas
T1 · T2 · T3
Sistemas on-grid
Paneles conectados a la red. Consumís lo que generás de día y el excedente se inyecta como usuario-generador (Ley 27.424). Es la opción con mejor repago para empresas con consumo diurno.
Híbridos con baterías
Generación solar más un banco de baterías que mantiene la casa, la oficina o los equipos críticos funcionando cuando se corta la luz.
Análisis de facturación
Leemos tu boleta (energía, potencia contratada, cargos fijos) y te decimos qué parte puede bajar con solar y cuál no. Si conviene ajustar la potencia contratada, también lo vemos.
Llave en mano
Estructura, obra eléctrica, protecciones, puesta en marcha y trámite de usuario-generador ante la distribuidora. Un solo responsable de punta a punta.
Elegir el sistema
¿On-grid o híbrido?
Concepto On-grid Híbrido con baterías
Conexión En paralelo con la red En paralelo con la red, con respaldo propio Si se corta la luz El sistema se apaga por seguridad Las baterías alimentan las cargas elegidas Excedente Se inyecta a la red (Ley 27.424) o se limita con inyección cero Primero carga baterías, después se inyecta Ideal para Industrias, comercios y oficinas que consumen de día Viviendas, oficinas y equipos que no pueden quedarse sin energía Inversión Menor, con el repago más corto Mayor, por el banco de baterías
También se puede combinar: un on-grid grande para el galpón y un híbrido chico para las oficinas.
Cómo trabajamos
De la factura a la puesta en marcha
1 Nos mandás la factura Con una boleta reciente (mejor si son varias) arrancamos el análisis.
2 Propuesta preliminar Dimensionamos el sistema, estimamos la generación mes a mes y te pasamos un precio en USD.
3 Visita técnica Validamos techo, estructura, tablero y recorridos de cable antes de cerrar el presupuesto.
4 Instalación Montaje, obra eléctrica, protecciones y puesta en marcha con nuestro equipo.
5 Usuario-generador Gestionamos el trámite ante la distribuidora y el cambio a medidor bidireccional.
Qué recibís
Una propuesta con números, no un folleto
Cada preliminar se arma con tu factura y tu techo. Incluye:
01 Resumen ejecutivo con potencia, generación y precio02 Análisis de tu facturación o de las cargas declaradas03 Equipamiento: inversor, paneles y estructura04 Generación estimada mes a mes05 Respaldo con baterías u operación con la red06 Propuesta económica y condiciones
Generación mensual estimada
Ejemplo: sistema de 10 kWp en el AMBA · kWh por mes
1.650
1.400
1.250
1.000
800
650
720
920
1.100
1.350
1.550
1.700
Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic
Total estimado: unos 14.100 kWh al año. Valores ilustrativos; cada propuesta usa la orientación e inclinación reales.
Base
Castelar, zona oeste
Desde acá cubrimos todo el oeste del conurbano.
AMBA
GBA y CABA
Industrias, comercios y viviendas en zona norte, sur y Capital.
Provincia
Interior bonaerense
Costa Atlántica y norte de la provincia, con visita técnica coordinada.
