/* ================================================
   HGW Colombia · hero.css
   Sección Hero + Ticker
   ================================================ */

#hero {
  min-height:100svh; min-height:100vh;
  display:flex; align-items:center;
  position:relative; overflow:hidden;
}
.hero-bg {
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 80% 30%,rgba(61,107,79,0.15) 0%,transparent 65%),
    radial-gradient(ellipse 50% 40% at 15% 80%,rgba(201,168,76,0.07) 0%,transparent 60%),
    linear-gradient(160deg,#0e0e0b 0%,#141410 50%,#0e0e0b 100%);
}
.hero-grid-bg {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(201,168,76,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,76,0.04) 1px,transparent 1px);
  background-size:clamp(50px,8vw,80px) clamp(50px,8vw,80px);
}
.hero-inner {
  position:relative; z-index:10; width:100%;
  display:grid; grid-template-columns:1fr 1fr;
  align-items:center; gap:clamp(32px,6vw,80px);
  padding:clamp(90px,12vh,130px) var(--gap) clamp(60px,8vh,90px);
}
.hero-eyebrow {
  display:flex; align-items:center; gap:12px;
  margin-bottom:clamp(20px,4vw,28px);
  animation:fadeUp 0.8s ease both;
}
.hero-eyebrow-line { width:36px; height:1px; background:var(--gold); animation:lineGrow 0.6s ease 0.3s both; transform-origin:left; flex-shrink:0; }
.hero-eyebrow span { font-size:var(--t-xs); letter-spacing:3px; text-transform:uppercase; color:var(--gold); font-weight:500; }

.hero-h1 {
  font-family:var(--serif); font-size:var(--t-hero); font-weight:900;
  line-height:1.0; letter-spacing:-2px; color:var(--cream);
  margin-bottom:clamp(18px,3vw,28px); animation:fadeUp 0.8s ease 0.2s both;
}
.hero-h1 em { font-style:italic; color:var(--gold); display:block; }

.hero-desc {
  font-size:var(--t-m); font-weight:300; color:var(--text2);
  line-height:1.75; max-width:420px;
  margin-bottom:clamp(28px,5vw,44px); animation:fadeUp 0.8s ease 0.35s both;
}
.hero-actions {
  display:flex; align-items:center;
  gap:clamp(14px,3vw,24px); flex-wrap:wrap;
  animation:fadeUp 0.8s ease 0.5s both;
}
.hero-stats {
  display:flex; gap:clamp(20px,4vw,48px); flex-wrap:wrap;
  margin-top:clamp(32px,5vw,56px); padding-top:clamp(24px,4vw,40px);
  border-top:1px solid var(--border); animation:fadeUp 0.8s ease 0.65s both;
}
.hero-stat-num  { font-family:var(--serif); font-size:clamp(28px,5vw,38px); font-weight:700; color:var(--cream); line-height:1; }
.hero-stat-num span { color:var(--gold); }
.hero-stat-lbl  { font-size:var(--t-xs); color:var(--text3); text-transform:uppercase; letter-spacing:1.5px; margin-top:4px; }

/* Card flotante derecha */
.hero-right { position:relative; display:flex; justify-content:center; align-items:center; }
.hero-card-stack { position:relative; width:100%; max-width:360px; animation:fadeIn 1s ease 0.6s both; }
.hero-card {
  background:linear-gradient(135deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02));
  border:1px solid var(--border); border-radius:16px;
  padding:clamp(20px,3vw,32px); backdrop-filter:blur(10px);
  animation:float 6s ease-in-out infinite;
}
.hero-card-hd   { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.hero-card-orb  { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg,var(--green),var(--green2)); display:flex; align-items:center; justify-content:center; font-size:20px; box-shadow:0 0 20px rgba(61,107,79,0.5); flex-shrink:0; }
.hero-card-name { font-family:var(--serif); font-size:clamp(15px,2.5vw,18px); font-weight:700; color:var(--cream); }
.hero-card-role { font-size:10px; color:var(--text3); text-transform:uppercase; letter-spacing:1px; }
.hero-card-kpis { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.hero-kpi       { background:rgba(255,255,255,0.04); border:1px solid var(--border); border-radius:8px; padding:12px; }
.hero-kpi-val   { font-family:var(--serif); font-size:clamp(18px,3vw,24px); font-weight:700; color:var(--gold); }
.hero-kpi-lbl   { font-size:9px; color:var(--text3); text-transform:uppercase; letter-spacing:1px; margin-top:2px; }
.hero-card-badge { background:rgba(61,107,79,0.15); border:1px solid rgba(61,107,79,0.4); border-radius:8px; padding:10px 14px; font-size:12px; color:var(--green3); display:flex; align-items:center; gap:8px; }
.hero-f1 { position:absolute; top:-18px; right:-20px; background:var(--gold); color:var(--ink); border-radius:10px; padding:10px 14px; font-size:12px; font-weight:600; animation:float 5s ease-in-out 1s infinite; box-shadow:0 6px 24px rgba(201,168,76,0.4); white-space:nowrap; }
.hero-f2 { position:absolute; bottom:16px; left:-28px; background:rgba(14,14,11,0.92); border:1px solid var(--border2); border-radius:10px; padding:10px 14px; font-size:11px; color:var(--text2); animation:float 7s ease-in-out 0.5s infinite; backdrop-filter:blur(10px); white-space:nowrap; }

/* Ticker */
.ticker { background:var(--gold); padding:clamp(10px,2vw,14px) 0; overflow:hidden; white-space:nowrap; }
.ticker-track { display:inline-flex; animation:marquee 28s linear infinite; }
.ticker-item  { display:inline-flex; align-items:center; gap:14px; padding:0 clamp(20px,3vw,32px); font-size:clamp(10px,2vw,12px); font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--ink); }
.ticker-dot   { width:4px; height:4px; border-radius:50%; background:var(--ink); opacity:0.35; }

/* Responsive */
@media (max-width:1024px) {
  .hero-inner { grid-template-columns:1fr; gap:0; padding-bottom:clamp(48px,7vh,80px); }
  .hero-right { display:none; }
}
@media (max-width:480px) {
  .hero-actions { flex-direction:column; align-items:flex-start; }
  .hero-actions .btn-primary { width:100%; text-align:center; }
  .hero-stats { flex-direction:column; gap:16px; }
}