/* ===== CIERRE PRO: refinamientos sutiles HERO (no cambia layout) ===== */

/* Texto: nitidez y profundidad */
.hero h1{
  text-shadow: 0 10px 30px rgba(0,0,0,0.55);
}

.hero .sub,
.hero .mini{
  text-shadow: 0 6px 18px rgba(0,0,0,0.45);
}

/* Botones: sombra MUY suave (sin brillo) */
.hero .btn{
  /* Profundidad suave (sin brillo) */
  box-shadow: 0 10px 22px rgba(0,0,0,0.22);
}

.hero .btn.gold{
  box-shadow: 0 10px 22px rgba(0,0,0,0.26);
}

.hero .btn.gold:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0,0,0,0.30);
}

/* Accesibilidad: foco visible al navegar con teclado */
.hero .btn:focus-visible{
  outline: 3px solid rgba(212,175,55,0.55);
  outline-offset: 3px;
}

.hero .btn.gold.outline{
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: transparent;
}