/* Página de inicio */
.hero {
  position: relative; overflow: hidden; color: #fff;
  background: radial-gradient(circle at 85% 20%, rgba(0, 148, 0, 0.45), transparent 55%), linear-gradient(135deg, #14181d 0%, #1b3a1b 100%);
  padding-block: clamp(3rem, 2rem + 6vw, 6.5rem);
}
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 48px 48px; }
.hero__inner { position: relative; display: grid; gap: var(--esp-6); align-items: center; }
@media (min-width: 1024px) { .hero__inner { grid-template-columns: 1.2fr 1fr; } }
.hero h1 { color: #fff; }
.hero h1 span { color: #7fe07f; }
.hero__texto { color: #d4e4d2; font-size: var(--texto-lg); max-width: 560px; }
.hero__acciones { display: flex; flex-wrap: wrap; gap: var(--esp-3); margin-top: var(--esp-5); }
.hero__datos { display: flex; flex-wrap: wrap; gap: var(--esp-5); margin-top: var(--esp-6); list-style: none; padding: 0; }
.hero__datos li { font-size: var(--texto-sm); color: #cfe0cc; }
.hero__datos strong { display: block; font-size: var(--texto-xl); color: #fff; }
.hero__visual { display: none; }
@media (min-width: 1024px) { .hero__visual { display: block; } }
.hero__visual img { border-radius: var(--radio-lg); box-shadow: var(--sombra-lg); border: 4px solid rgba(255, 255, 255, 0.12); }

.lineas { display: grid; gap: var(--esp-5); }
@media (min-width: 768px) { .lineas { grid-template-columns: repeat(3, 1fr); } }
.linea { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--color-borde); border-radius: var(--radio-lg); overflow: hidden; transition: box-shadow var(--transicion), transform var(--transicion); }
.linea:hover { box-shadow: var(--sombra); transform: translateY(-3px); }
.linea__imagen { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; background: var(--color-fondo-claro); }
.linea__cuerpo { padding: var(--esp-5); display: flex; flex-direction: column; flex: 1; }
.linea__cuerpo p { color: var(--color-texto-suave); }
.linea__cuerpo .boton { margin-top: auto; align-self: flex-start; }

.beneficios { display: grid; gap: var(--esp-5); grid-template-columns: 1fr; list-style: none; padding: 0; margin: 0; }
@media (min-width: 576px) { .beneficios { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .beneficios { grid-template-columns: repeat(4, 1fr); } }
.beneficio { background: #fff; border-radius: var(--radio); padding: var(--esp-5); border: 1px solid var(--color-borde); }
.beneficio__icono { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 14px; background: var(--color-fondo-verde); color: var(--color-primario-oscuro); margin-bottom: var(--esp-3); }
.beneficio__icono .icono { width: 28px; height: 28px; }
.beneficio h3 { font-size: var(--texto-lg); }
.beneficio p { margin: 0; color: var(--color-texto-suave); font-size: var(--texto-sm); }

.cta { background: linear-gradient(120deg, var(--color-primario-oscuro), var(--color-apoyo)); color: #fff; border-radius: var(--radio-lg); padding: clamp(1.75rem, 1rem + 4vw, 3.5rem); display: grid; gap: var(--esp-5); align-items: center; }
@media (min-width: 768px) { .cta { grid-template-columns: 1fr auto; } }
.cta h2 { color: #fff; margin-bottom: var(--esp-2); }
.cta p { margin: 0; color: #e8f5e6; }
.encabezado-fila { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: var(--esp-3); margin-bottom: var(--esp-5); }
.encabezado-fila h2 { margin: 0; }