/* =========================================================
   HERO
========================================================= */
.hero{
  min-height:100vh;display:flex;align-items:flex-end;position:relative;
  padding:160px 0 90px;color:#fff;
  background:linear-gradient(180deg,rgba(14,26,39,.55) 0%,rgba(14,26,39,.72) 55%,rgba(14,26,39,.94) 100%),url('../assets/carretera-terminada.jpg') center 62%/cover no-repeat;
}
.hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(181,140,42,.25),transparent 45%);
  pointer-events:none;
}
.hero-inner{position:relative;z-index:2;width:100%;}
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;padding:9px 18px 9px 14px;
  border:1px solid rgba(255,255,255,.25);border-radius:100px;background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);font-size:.8rem;font-weight:500;margin-bottom:28px;
}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-light);position:relative;flex-shrink:0;}
.pulse-dot::after{
  content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--gold-light);
  animation:pulse-ring 1.8s ease-out infinite;
}
@keyframes pulse-ring{0%{transform:scale(.5);opacity:1;}100%{transform:scale(1.9);opacity:0;}}
.hero h1{
  font-size:clamp(2.6rem,6.2vw,5rem);font-weight:800;letter-spacing:-.01em;color:#fff;margin-bottom:10px;
}
.hero h1 .accent{color:var(--gold-light);}
.hero-sub{
  font-family:'Poppins',sans-serif;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;
  color:rgba(255,255,255,.92);margin-bottom:22px;max-width:780px;
}
.hero-lead{font-size:1.05rem;color:rgba(255,255,255,.78);max-width:640px;margin-bottom:38px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:56px;}
.hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
  padding-top:36px;border-top:1px solid rgba(255,255,255,.18);max-width:820px;
}
.hero-stats .stat-num{
  font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700;color:#fff;
  display:flex;align-items:baseline;gap:2px;
}
.hero-stats .stat-num .suffix{color:var(--gold-light);font-size:.75em;}
.hero-stats .stat-label{font-size:.78rem;color:rgba(255,255,255,.65);margin-top:4px;letter-spacing:.02em;}
.scroll-hint{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.7);font-size:.7rem;
  letter-spacing:.14em;text-transform:uppercase;
}
.scroll-hint .line{width:1px;height:34px;background:linear-gradient(#fff,transparent);position:relative;overflow:hidden;}
.scroll-hint .line::after{
  content:"";position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--gold-light);
  animation:scroll-drip 1.8s ease-in-out infinite;
}
@keyframes scroll-drip{0%{top:-100%;}60%{top:100%;}100%{top:100%;}}

/* Responsive */
@media (max-width:1024px){
  .hero-stats{grid-template-columns:repeat(2,1fr);row-gap:26px;}
}
@media (max-width:768px){
  .hero{padding:140px 0 70px;}
}
