/* 
  ESTILOS PREMIUM PARA ENFOLD - QUINIELA 2026 - CORREGIDO 
*/

/* Hero con degradado y red de fondo combinados */
.metegol-hero-section {
  background: 
    repeating-linear-gradient(0deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 60px),
    repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0px, rgba(255,255,255,0.04) 1px, transparent 1px, transparent 60px),
    linear-gradient(135deg, #4364f7 0%, #6fb1fc 50%, #15d4d8 100%) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 80px 0 !important;
}

/* Forzar que el contenedor interno sea transparente */
.metegol-hero-section .container, 
.metegol-hero-section .template-page, 
.metegol-hero-section main {
  background: transparent !important;
  border: none !important;
}

/* Tipografía Premium */
.metegol-premium-title .av-main-heading {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: #ffffff !important;
}

.metegol-premium-title em {
  font-style: normal !important;
  color: #f9d423 !important; /* Dorado del logo */
  text-shadow: 0 2px 10px rgba(249,212,35,0.3);
}

/* Tarjetas */
.metegol-card {
  background: #ffffff !important;
  border-radius: 24px !important;
  padding: 2.5rem !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.03) !important;
}

/* Botón */
.metegol-btn-primary a {
  background: #ffffff !important;
  color: #4364f7 !important;
  border-radius: 50px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
  border: none !important;
}

/* GTranslate Manual Overrides (Global) */
.lang-en { display: none !important; }
html.translated-ltr .lang-es, html.translated-rtl .lang-es { display: none !important; }
html.translated-ltr .lang-en, html.translated-rtl .lang-en { display: inline !important; }

@media (max-width: 768px) {
  /* Mover GTranslate en mobile para que no tape el contenido */
  .gtranslate_wrapper, #gtranslate_wrapper, .gt_float_switcher {
      position: fixed !important;
      top: auto !important;
      bottom: 20px !important;
      left: 20px !important;
      z-index: 999999 !important;
  }
}

/* Corrección para GTranslate superpuesto en el menú principal de Enfold (Desktop) */
#top .main_menu .menu .gtranslate_wrapper,
#top .main_menu .menu .gt_switcher {
    position: relative !important;
    display: inline-block !important;
    min-width: 95px !important;
    line-height: normal !important;
    vertical-align: middle !important;
    margin-top: -3px !important;
}

/* Evitar que el contenedor LI (elemento del menú) colapse su ancho */
#top .main_menu .menu li.menu-item:has(.gtranslate_wrapper),
#top .main_menu .menu li.menu-item:has(.gt_switcher),
li.gtranslate-menu-item {
    min-width: 100px !important;
    display: inline-block !important;
}