/* ─────────────────────────────────────────
   ESTILOS PROPIOS DE index.html
   (linktree simple; la landing completa vive en coaching.css)
───────────────────────────────────────── */

/* ─────────────────────────────────────────
   ORBES DE FONDO ANIMADOS
───────────────────────────────────────── */
.orb-1 {
  width: 520px; height: 520px;
  top: -140px; left: -160px;
  background: radial-gradient(circle, rgba(110,126,40,0.20) 0%, rgba(80,100,20,0.06) 55%, transparent 70%);
  animation: drift1 15s ease-in-out infinite alternate;
}
.orb-2 {
  width: 460px; height: 460px;
  bottom: -80px; right: -130px;
  background: radial-gradient(circle, rgba(100,125,28,0.17) 0%, rgba(50,70,10,0.05) 55%, transparent 70%);
  animation: drift2 20s ease-in-out infinite alternate;
}
.orb-3 {
  width: 280px; height: 280px;
  top: 45%; left: 55%;
  background: radial-gradient(circle, rgba(110,126,40,0.08) 0%, transparent 70%);
  animation: drift3 25s ease-in-out infinite alternate;
}
@keyframes drift3 {
  from { transform: translate(-50%, -50%) scale(0.9); }
  to   { transform: translate(-35%, -65%) scale(1.15); }
}

/* ─────────────────────────────────────────
   GLASSMORPHISM
───────────────────────────────────────── */
.glass {
  background: rgba(255,255,255,0.03);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(110,126,40,0.16);
}
.glass-brand {
  background: rgba(110,126,40,0.10);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(110,126,40,0.32);
}
@keyframes chip-glow {
  0%, 100% { border-color: rgba(110,126,40,0.16); color: #9ca3af; box-shadow: none; }
  50%       { border-color: rgba(110,126,40,0.65); color: #e5e7eb; box-shadow: 0 0 14px rgba(110,126,40,0.22); }
}
.dist-chip {
  pointer-events: none;
  cursor: default;
  animation: chip-glow 5s ease-in-out infinite;
}
.dist-chip:nth-child(1) { animation-delay: 0s; }
.dist-chip:nth-child(2) { animation-delay: 1s; }
.dist-chip:nth-child(3) { animation-delay: 2s; }
.dist-chip:nth-child(4) { animation-delay: 3s; }
.dist-chip:nth-child(5) { animation-delay: 4s; }

/* ─────────────────────────────────────────
   FADE-UP ENTRADA
───────────────────────────────────────── */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp 0.65s cubic-bezier(0.22,1,0.36,1) both; }
.d1 { animation-delay: 0.05s; }
.d2 { animation-delay: 0.18s; }
.d3 { animation-delay: 0.31s; }
.d4 { animation-delay: 0.46s; }
.d5 { animation-delay: 0.61s; }
.d6 { animation-delay: 0.76s; }

/* ─────────────────────────────────────────
   BOTÓN PRINCIPAL (glow)
───────────────────────────────────────── */
.btn-main {
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  box-shadow: 0 4px 22px rgba(110,126,40,0.28);
}
.btn-main:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 48px rgba(110,126,40,0.55), 0 8px 28px rgba(110,126,40,0.3);
}
.btn-main:active { transform: scale(0.97); }

/* ─────────────────────────────────────────
   BOTONES SECUNDARIOS
───────────────────────────────────────── */
.btn-sec {
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.btn-sec:hover {
  transform: translateY(-2px);
  background: rgba(110,126,40,0.07);
  border-color: rgba(110,126,40,0.4);
}
.btn-sec:active { transform: scale(0.97); }

/* ─────────────────────────────────────────
   ICONOS SOCIALES
───────────────────────────────────────── */
.social-btn {
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.social-btn:hover {
  transform: translateY(-3px);
  color: #6e7e28;
  background: rgba(110,126,40,0.08);
  border-color: rgba(110,126,40,0.45);
}
.social-btn:active { transform: scale(0.95); }

/* ─────────────────────────────────────────
   DIVISOR CON GRADIENTE
───────────────────────────────────────── */
.divider {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(110,126,40,0.28) 50%, transparent 100%);
}

/* ─────────────────────────────────────────
   DOT PULSANTE
───────────────────────────────────────── */
@keyframes dot-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.45; transform: scale(0.8); }
}
.dot-pulse { animation: dot-pulse 2.2s ease-in-out infinite; }

/* ─────────────────────────────────────────
   BOTÓN CTA PRINCIPAL — SHIMMER
───────────────────────────────────────── */
.btn-cta {
  background: linear-gradient(90deg, #6b7a2a, #6e7e28, #9eb234, #6e7e28, #6b7a2a);
  background-size: 300% auto;
  animation: btn-shimmer 5s linear infinite;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 6px 30px rgba(110,126,40,0.4);
}
.btn-cta:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 55px rgba(110,126,40,0.6), 0 10px 36px rgba(110,126,40,0.35);
}
.btn-cta:active { transform: scale(0.97); }