/* ───────────────────────────────────────────────────────
   SOVERANTI — THEME EXTRAS v3 (full light · premium)
   Carga después de styles.css y theme-light.css
──────────────────────────────────────────────────────── */

/* ── Section label: dorado oscuro elegante ────────── */
.section-label {
  color: #8A6820 !important;
  font-weight: 600 !important;
  letter-spacing: 2.5px !important;
  font-size: 0.7rem !important;
}

/* ── HERO: gradiente claro blanco → crema ─────────── */
.hero {
  background: linear-gradient(135deg, #FFFFFF 0%, #F8F4EE 55%, #EDE4D5 100%) !important;
}
#hero-particles { opacity: 0.35 !important; }

.hero h1 {
  color: #0B1927 !important;
  font-size: clamp(2.4rem, 5.5vw, 4rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.18 !important;
}
.hero h1 em {
  background: linear-gradient(135deg, #C4A760 0%, #8A6820 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-style: italic;
}
.hero p {
  color: #4A5A6A !important;
  font-size: 1.05rem !important;
}
.hero-badge {
  background: rgba(196,167,96,0.1) !important;
  color: #7A5E20 !important;
  border-color: rgba(196,167,96,0.28) !important;
}
.hero-stat .num { color: #0B1927 !important; }
.hero-stat .lbl { color: #5A6A7A !important; }

/* Hero live feed — texto oscuro sobre claro */
.hfeed-title  { color: rgba(10,20,36,0.48) !important; }
.hfeed-result { color: #0B1927 !important; }
.hfeed-result em { color: #C4A760 !important; }
.hfeed-who    { color: rgba(10,20,36,0.42) !important; }
.hfeed-card {
  background: rgba(255,255,255,0.88) !important;
  border-color: rgba(196,167,96,0.18) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}
.hfeed-stat {
  background: rgba(255,255,255,0.9) !important;
  border-color: rgba(196,167,96,0.15) !important;
  box-shadow: none !important;
}
.hfeed-stat-num { color: #0B1927 !important; }
.hfeed-stat-lbl { color: rgba(10,20,36,0.48) !important; }
.hfeed-rating {
  background: rgba(255,255,255,0.9) !important;
  border-color: rgba(196,167,96,0.15) !important;
  box-shadow: none !important;
}
.hfeed-rating-score { color: #0B1927 !important; }
.hfeed-rating-sub   { color: rgba(10,20,36,0.48) !important; }
.hfeed-live-dot { background: #22c55e !important; }

/* Botón secundario en hero claro */
.btn-secondary {
  color: #0B1927 !important;
  border: 2px solid rgba(10,20,36,0.22) !important;
}
.btn-secondary:hover {
  border-color: #C4A760 !important;
  color: #C4A760 !important;
}

/* ── NÚMEROS DE SERVICIOS (era #060d14) ─────────── */
.serv-numeros {
  background: #F8F4EE !important;
  border-bottom-color: rgba(196,167,96,0.15) !important;
}
.sn-num   { color: #C4A760 !important; }
.sn-label { color: #5A6A7A !important; }
.serv-quicklinks { border-top-color: rgba(196,167,96,0.15) !important; }
.sql-label    { color: rgba(10,20,36,0.35) !important; }
.sql-item     { background: #FFFFFF !important; border-color: rgba(196,167,96,0.15) !important; }
.sql-item:hover { background: rgba(196,167,96,0.06) !important; border-color: rgba(196,167,96,0.35) !important; }
.sql-item-name  { color: #0B1927 !important; }
.sql-item-price { color: #C4A760 !important; }

/* ── SOBRE JULIO (era #060d14) ──────────────────── */
.sobre-julio { background: #FFFFFF !important; }

/* ── HERRAMIENTAS (era #0B1927) ─────────────────── */
.herramientas { background: #F8F4EE !important; }
.tool-item {
  background: #FFFFFF !important;
  border-color: rgba(196,167,96,0.15) !important;
}
.tool-item:hover {
  border-color: #C4A760 !important;
  box-shadow: 0 4px 16px rgba(196,167,96,0.1) !important;
}
.tool-name { color: #0B1927 !important; }

/* ── MINI-CTA (era navy): crema dorada ──────────── */
.mini-cta {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE4D5 100%) !important;
  border-top: 1px solid rgba(196,167,96,0.2) !important;
}
.mini-cta h2 { color: #0B1927 !important; }
.mini-cta p  { color: #5A6A7A !important; }
.mini-cta-info a { color: #5A6A7A !important; }
.mini-cta-info a:hover { color: #C4A760 !important; }

/* ── LEAD MAGNET (era navy): crema con acento dorado */
.lead-magnet {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE4D5 100%) !important;
  border-top: 3px solid rgba(196,167,96,0.35) !important;
  border-bottom: 3px solid rgba(196,167,96,0.35) !important;
}
.lm-badge {
  background: rgba(196,167,96,0.15) !important;
  color: #7A5E20 !important;
  border-color: rgba(196,167,96,0.35) !important;
}
.lead-magnet h2 { color: #0B1927 !important; }
.lead-magnet p  { color: #4A5A6A !important; }
.lead-magnet li { color: #2A3A4A !important; }
.lm-cover {
  background: #FFFFFF !important;
  border: 1px solid rgba(196,167,96,0.25) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.09) !important;
}
.lm-cover-title { color: #0B1927 !important; }
.lm-cover-brand { color: #C4A760 !important; }

/* ── BLOG HEADER (era navy) ─────────────────────── */
.blog-header {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE4D5 100%) !important;
}
.blog-header h1,
.blog-article-header h1 { color: #0B1927 !important; }
.blog-header p,
.blog-article-header p   { color: #5A6A7A !important; }
.blog-article-header .ba-cat { color: #C4A760 !important; }
.blog-article .blog-header h1 em {
  color: #C4A760 !important;
  background: linear-gradient(135deg, #C4A760, #8A6820) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Blog cards (colores de texto y acento) */
.blog-card-cat  { color: #C4A760 !important; }
.blog-card-link { color: #C4A760 !important; }

/* Blog CTA box (era dark gradient) */
.blog-cta-box {
  background: linear-gradient(135deg, #F5F0E8, #EDE4D5) !important;
  border: 1px solid rgba(196,167,96,0.2) !important;
  border-radius: 16px !important;
}
.blog-cta-box h3 { color: #0B1927 !important; }
.blog-cta-box p  { color: #5A6A7A !important; }
.blog-cta-box .btn-primary { background: linear-gradient(135deg, #C4A760, #8A6820) !important; color: #0B1927 !important; }

/* ── PARTNERS HERO ──────────────────────────────── */
.partners-hero {
  background: linear-gradient(135deg, #F5F0E8 0%, #EDE4D5 100%) !important;
}
.partners-hero h1 { color: #0B1927 !important; }
.partners-hero p  { color: #5A6A7A !important; }
.earn-card h3 { color: #0B1927 !important; }
.earn-card p  { color: #5A6A7A !important; }

/* ── CALCULADORA: mantener navy ─────────────────── */
.calc-hero   { background: linear-gradient(135deg, #0B1927 0%, #1a2a3a 100%) !important; }
.calc-result { background: linear-gradient(135deg, #0B1927, #1a2a3a) !important; }
.calc-result-num { color: #C4A760 !important; }

/* ── Separadores y detalles finos ───────────────── */
.pq-list li { border-bottom-color: rgba(196,167,96,0.1) !important; }

/* ── Packs: forzar 3 columnas iguales, misma altura ── */
.bundles-grid {
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: stretch !important;
}
@media (max-width: 960px) {
  .bundles-grid { grid-template-columns: 1fr !important; }
}
.bundle-card {
  display: flex !important;
  flex-direction: column !important;
}
.bundle-footer {
  margin-top: auto !important;
}
.bundle-emprendedor {
  padding-top: 40px !important;
}

/* ── Animaciones de entrada por sección ─────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(1.4); }
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* Aplicar reveal automáticamente a cards y sections */
.curso-card,
.bundle-card,
.tool-item,
.blog-card,
.earn-card,
.faq-item {
  transition: opacity 0.5s ease, transform 0.5s ease, border-color 0.2s, box-shadow 0.2s !important;
}

/* ── Certificado: texto visible (ya no es link) ── */
.curso-cert {
  color: #8A6820 !important;
  font-size: 0.78rem !important;
}
.curso-cert a {
  color: #8A6820 !important;
  font-size: 0.78rem !important;
  text-decoration: none !important;
}
.curso-cert a:hover { color: #C4A760 !important; }