/* ===== CSS CUSTOM PARA CLIENTES ===== */
/* Este archivo puede ser personalizado por los clientes para sobrescribir estilos */

/* Ejemplo de personalización de variables */
/*
:root {
    --sorteo-primary: #your-color;
    --sorteo-secondary: #your-color;
    --sorteo-accent: #your-color;
    
    --sorteo-success: #your-color;
    --sorteo-warning: #your-color;
    --sorteo-danger: #your-color;
    --sorteo-info: #your-color;
    
    --sorteo-header-bg-light: #your-color;
    --sorteo-header-bg-dark: linear-gradient(135deg, #your-color 0%, #your-color 100%);
    --sorteo-header-text-light: #your-color;
    --sorteo-header-text-dark: #your-color;
    
    --sorteo-svg-primary-light: #your-color;
    --sorteo-svg-primary-dark: #your-color;
    --sorteo-svg-secondary-light: #your-color;
    --sorteo-svg-secondary-dark: #your-color;
}
*/

/* Ejemplo de personalización de componentes */
/*
.blackout-font {
    font-family: 'Your-Custom-Font', 'Blackout', cursive;
}

.mc-teamLogo {
    border-radius: 4px;
    border: 1px solid var(--bs-border-color);
}

.card {
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
*/

/* ===== PERSONALIZACIÓN MUNDIAL FIFA ===== */

/* Fuente Bungee Shade para títulos de grupos y página 
.grupo-title {
  font-family: "Bungee Shade", "Blackout", cursive;
  font-size: 1.8rem !important;
  letter-spacing: 1px !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}
*/
/* Título principal de la página con Bungee Shade
.sorteo-title {
  font-family: "Bungee Shade", "Blackout", cursive !important;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4) !important;
}
 */