/*
Theme Name: Envigado Fútbol Club - Cantera de Héroes
Theme URI: https://envigadofc.co
Author: Envigado FC Digital Team
Author URI: https://envigadofc.co
Description: Tema oficial y exclusivo de Envigado Fútbol Club. Diseñado con arquitectura atlética y editorial europea, 100% responsive, integración dinámica con DIMAYOR, absorbente de noticias históricas de WordPress y blindado por las 5 Reglas Fundamentales del Club (incluyendo Regla de Oro #5: Gestión Integral Centralizada en Todas las Páginas Indexadas).
Version: 1.0.8
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: envigado-fc
Tags: sports, football, orange-legacy, custom-header, custom-menu, featured-images, translation-ready
*/

/* ==========================================================================
   IRONCLAD EFC BRAND CORE STYLES & FALLBACKS
   Garantiza que la página JAMÁS se muestre blanca ni con tipografía rota
   ========================================================================== */
html {
  scroll-behavior: smooth;
  background-color: #171717 !important;
}

body {
  background-color: #171717 !important;
  color: #FFFFFF !important;
  font-family: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* Colores Corporativos Oficiales */
.bg-brand-charcoal { background-color: #171717 !important; }
.bg-brand-dark { background-color: #0E0E0E !important; }
.bg-brand-orange { background-color: #F58220 !important; }
.bg-brand-orange-hover:hover { background-color: #FF6A00 !important; }
.text-brand-orange { color: #F58220 !important; }
.text-brand-gray { color: #71717A !important; }
.text-brand-charcoal { color: #171717 !important; }
.border-brand-orange { border-color: #F58220 !important; }
.border-brand-dark { border-color: #27272A !important; }
.border-brand-border { border-color: #E4E4E7 !important; }
.border-brand-border-dark { border-color: #27272A !important; }
.bg-brand-surface { background-color: #201F1F !important; }
.bg-brand-surface-card { background-color: #1C1B1B !important; }
.bg-brand-light { background-color: #F4F4F5 !important; }

/* Tipografía Oficial */
h1, h2, h3, h4, h5, h6, .font-display {
  font-family: 'Bricolage Grotesque', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Degradados y Sombras del Hero */
.hero-gradient {
  background: linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(23,23,23,0.75) 45%, rgba(23,23,23,0.2) 100%) !important;
}

.hero-gradient-mobile {
  background: linear-gradient(180deg, rgba(10,10,10,0.3) 0%, rgba(10,10,10,0.92) 80%, rgba(10,10,10,1) 100%) !important;
}

/* Utilidades de Scroll y Transición */
.hide-scroll::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scroll,
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.transition-smooth {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}