/* ============================================ */
/* HERO SECTION — Sección principal              */
/* ============================================ */

.hero {
    position: relative; min-height: 100vh; display: flex; align-items: center;
    overflow: hidden; padding-top: 80px;
}
.hero-fondo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.hero-fondo img, .hero-fondo video { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--gradiente-hero); z-index: 1; }
.hero-particulas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.hero-contenido { position: relative; z-index: 3; max-width: var(--ancho-max); margin: 0 auto; padding: 0 var(--espacio-lg); width: 100%; }

.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(200,164,92,0.1); border: 1px solid rgba(200,164,92,0.3); border-radius: var(--radio-xl); padding: 8px 20px; margin-bottom: var(--espacio-lg); color: var(--color-primario); font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; animation: fadeInDown 1s ease forwards; }

.hero-titulo { margin-bottom: var(--espacio-lg); animation: fadeInUp 1s ease 0.2s both; }
.hero-titulo .linea-1 { display: block; font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 400; color: var(--texto-secundario); margin-bottom: 8px; }
.hero-titulo .linea-2 { display: block; font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; line-height: 1.1; }
.hero-titulo .linea-3 { display: block; font-size: clamp(2rem, 5vw, 4rem); font-weight: 700; color: var(--color-primario); line-height: 1.1; }

.hero-descripcion { max-width: 550px; font-size: 1.15rem; line-height: 1.8; color: var(--texto-secundario); margin-bottom: var(--espacio-xl); animation: fadeInUp 1s ease 0.4s both; }

.hero-botones { display: flex; gap: var(--espacio-md); flex-wrap: wrap; animation: fadeInUp 1s ease 0.6s both; }

.hero-stats { display: flex; gap: var(--espacio-2xl); margin-top: var(--espacio-2xl); animation: fadeInUp 1s ease 0.8s both; }
.hero-stat { text-align: center; }
.hero-stat-numero { font-family: var(--fuente-titulo); font-size: 2.5rem; font-weight: 800; background: var(--gradiente-dorado); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1.2; }
.hero-stat-texto { color: var(--texto-sutil); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }

@media (max-width: 768px) {
    .hero { min-height: 90vh; }
    .hero-stats { gap: var(--espacio-xl); }
    .hero-stat-numero { font-size: 1.8rem; }
}