/* Enercap Energía — landing de una página (Cloudflare Pages). Se suma a css/v2.css: solo lo propio de la landing. */

/* Las razones de la portada son h2 (la página tiene un solo h1); se ven como antes. */
.vidrio__titulo { font-size: 1.15rem; letter-spacing: -.005em; margin-bottom: .35rem; }

/* Las tarjetas no llevan a otra página: sin flecha ni salto al pasar el mouse. */
article.tarjeta-foto:hover { transform: none; }

/* Los servicios que no entran en el mosaico, en una lista corta. */
.otros-servicios {
  list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: 1rem 2rem;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.otros-servicios li { display: grid; grid-template-columns: 44px 1fr; gap: .9rem; align-items: start; line-height: 1.5; color: var(--texto-secundario); }
.otros-servicios strong { color: var(--texto); }
.otros-servicios .icono {
  width: 44px; height: 44px; padding: 10px; border-radius: 14px; background: var(--magenta-suave); color: var(--magenta-texto);
}

/* Contacto: lo que hay que mandar, en un vidrio debajo de los botones. */
.llamado .propuesta { max-width: 560px; margin: 2.8rem auto 0; text-align: left; }
.llamado .propuesta h3 { font-size: 1.2rem; }
.llamado .propuesta .checks { margin-top: 1.1rem; }
.llamado .propuesta .checks span { color: var(--sobre-oscuro); }
.llamado .botones p { color: rgb(245 244 248 / .85); }
