/* ── index.css: Estilos exclusivos de la página de Inicio ── */

/* HERO */
.hero {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--navy-dark) 0%, var(--navy) 55%, var(--navy-light) 100%);
  display: flex; align-items: center;
  position: relative; overflow: hidden;
  padding: 100px 24px 60px;
}
.hero::before {
  content: '';
  position: absolute; inset: 0;
  background-image: radial-gradient(circle at 80% 20%, rgba(201,168,76,.12) 0%, transparent 50%),
    radial-gradient(circle at 10% 80%, rgba(201,168,76,.08) 0%, transparent 40%);
}
.hero__grid-pattern {
  display: none; /* grid removed per request */
}
.hero__inner {
  display: grid; grid-template-columns: 1fr 1fr; gap: 80px;
  align-items: center; position: relative; z-index: 1; width: 100%;
}
.hero__badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201,168,76,.15); border: 1px solid rgba(201,168,76,.3);
  color: var(--gold-light); padding: 6px 16px; border-radius: 50px;
  font-size: .8rem; font-weight: 600; letter-spacing: .08em;
  text-transform: uppercase; margin-bottom: 24px;
}
.hero__badge::before { content:''; display:block; width:6px; height:6px; background:var(--gold); border-radius:50%; animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.3)} }

.hero__title { font-family:var(--font-display); font-size:clamp(2.6rem,5.5vw,4.2rem); font-weight:700; color:var(--white); line-height:1.1; margin-bottom:20px; }
.hero__title em { font-style:normal; color:var(--gold); }
.hero__subtitle { font-size:1.1rem; color:rgba(255,255,255,.7); max-width:480px; line-height:1.8; margin-bottom:36px; }
.hero__actions { display:flex; gap:16px; flex-wrap:wrap; margin-bottom:56px; }
.hero__stats { display:flex; gap:40px; }
.hero__stat { display:flex; flex-direction:column; }
.hero__stat-number { font-family:var(--font-display); font-size:2.2rem; font-weight:700; color:var(--gold); line-height:1; }
.hero__stat-label  { font-size:.8rem; color:rgba(255,255,255,.6); margin-top:4px; text-transform:uppercase; letter-spacing:.06em; }

.hero__visual { position:relative; display:flex; justify-content:center; }
.hero__card {
  background: rgba(255,255,255,.06); backdrop-filter:blur(16px);
  border: 1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg);
  padding: 40px; max-width:420px; width:100%; box-shadow:var(--shadow-lg);
}
.hero__card-logo { display:flex; align-items:center; gap:16px; margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid rgba(255,255,255,.1); }
.hero__card-logo-text { color:var(--white); }
.hero__card-logo-text strong { display:block; font-family:var(--font-display); font-size:1.15rem; font-weight:700; }
.hero__card-logo-text span  { font-size:.75rem; color:var(--gold-light); text-transform:uppercase; letter-spacing:.08em; }
.hero__service-list { display:flex; flex-direction:column; gap:16px; }
.hero__service-item { display:flex; align-items:center; gap:14px; color:rgba(255,255,255,.85); font-size:.95rem; }
.icon-circle { width:40px; height:40px; background:rgba(201,168,76,.15); border:1px solid rgba(201,168,76,.25); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1rem; }
.hero__deco { position:absolute; width:180px; height:180px; border:1px solid rgba(201,168,76,.15); border-radius:50%; top:-40px; right:-40px; animation:rotate-slow 20s linear infinite; }
.hero__deco::after { content:''; position:absolute; width:120px; height:120px; border:1px solid rgba(201,168,76,.1); border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); }
@keyframes rotate-slow { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* MISIÓN/VISIÓN HOME */
.mv-home { padding: 80px 24px; background: var(--off-white); border-top: 4px solid; border-image: linear-gradient(90deg, var(--navy), var(--gold), var(--navy)) 1; }
.mv-home__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.mv-home__card {
  background: var(--white); border-radius:var(--radius-lg); padding:36px 28px;
  border: 1.5px solid var(--gray-200); transition:var(--transition); position:relative; overflow:hidden;
}
.mv-home__card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--navy),var(--gold)); transform:scaleX(0); transition:transform var(--transition); transform-origin:left; }
.mv-home__card:hover { box-shadow:var(--shadow-lg); transform:translateY(-6px); border-color:var(--gray-200); }
.mv-home__card:hover::before { transform:scaleX(1); }
.mv-home__emoji { font-size:2rem; display:block; margin-bottom:14px; }
.mv-home__card h3 { font-family:var(--font-display); font-size:1.3rem; font-weight:700; color:var(--navy); margin-bottom:12px; }
.mv-home__card p  { font-size:.9rem; color:var(--gray-700); line-height:1.75; margin-bottom:20px; }
.mv-home__link { font-size:.875rem; font-weight:600; color:var(--gold-dark); transition:color var(--transition); }
.mv-home__link:hover { color:var(--navy); }

@media (max-width:900px) { .hero__inner{grid-template-columns:1fr} .hero__visual{display:none} }
@media (max-width:640px) { .mv-home__grid{grid-template-columns:1fr} .hero__stats{flex-wrap:wrap;gap:24px} .hero__actions{flex-direction:column} }