*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root{
      --bg: #ffffff;
      --text: #000000;
      --muted: #6b7280;
      --accent: #cc0000; /* rojo */
      --surface: #ffffff;
      --border: #e6e6e6;
    }

    #grafico-principal{
      background: var(--bg);
      color: var(--text);
      font-family: 'Heebo', sans-serif;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      min-height:100vh;
      margin: 10px;
    }

    #logo-enetpulse{
      content: url('https://file.epdata.es/biblioteca/173/enetpulse-transparent.png');
      display: block;
      width: 95px;
      height: auto;
    }

    #pie-grafica{
      padding-top: 20px;
      display: flex;
      justify-content: right;
      margin-right: 10px;
    }

 .logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-decoration: none;
    color: #8c8b8b;
    font-size: 12px;
    font-weight: 600;
}
    
    .wff_event_row_wrapper_root wff_event_row_wrapper_root_not_livescore_mode{
    width: 100px;}

    .header{ margin:0 auto; }
    .header-eyebrow{ font-family:'Heebo',sans-serif; color:var(--accent); letter-spacing:2px; font-size:12px; margin-bottom:6px; }
    .header-title{ font-family:'Heebo',sans-serif; font-size:18px; line-height:1.1; }
    .header-title span{ color:var(--accent); }

    .filter-bar{ max-width:900px; margin:18px auto 0; padding:0 20px; }
    .filter-label{ font-size:12px; color:var(--muted); margin-bottom:8px; }
    .filter-tabs{ display:flex; flex-wrap:wrap; margin-bottom: 20px;}
    .filter-dropdown{ display:none; }
    .tab{ background:transparent; border:0; padding: 6px 11px; cursor:pointer; color:var(--muted); font-family:'Heebo',sans-serif; font-size:14px; border-bottom:2px solid transparent; }
    .tab.active{ color:var(--accent); border-bottom-color:var(--accent); }
    .tab.tab-all{ color:var(--muted); }

    #status{ color:var(--muted); font-size:13px; padding:10px 0; min-height:20px; }
    .dot{ width:6px;height:6px;border-radius:50%;background:var(--accent); display:inline-block; margin-right:8px; }

    /* minimal widget overrides */
    .wff_widget, .wff_euro2021_widget{ background:transparent !important; }
    .wff_grouping_header_value{ color:var(--text) !important; font-family:'Heebo',sans-serif !important; font-size:18px !important; }
    .wff_event_start_time_element{ color:var(--muted) !important; font-size:13px !important; }

    .group-section{ transition:opacity .15s ease; }
    .group-section.hidden{ display:none !important; }

    /* Responsive: dropdown for small screens */
    .filter-dropdown-menu{ display:none; }
@media (max-width:400px) {
  .filter-tabs { display: none; }
  
  .filter-dropdown { 
    display: block; 
    position: relative; 
    width: 100%;
  }
  
  /* Estilo para el botón del móvil */
  #filterDropdownButton {
    width: 100%;
    text-align: left;
    background: #e6e6e6;
    color: var(--text) !important;
    font-weight: bold;
  }

  /* Estilo para la lista desplegable que se abre */
  .filter-dropdown-menu { 
    display: none; 
    position: absolute; 
    left: 0; 
    top: calc(100% + 4px); 
    background: #ffffff !important; /* Forzar fondo blanco */
    border: 1px solid var(--border); 
    border-radius: 6px;
    padding: 6px; 
    z-index: 99999 !important; /* Asegura que flote por encima de todo */
    width: 100%; 
    max-height: 300px;
    overflow-y: auto;
  }
  
  .filter-dropdown-menu.open { 
    display: block; 
  }
  
  /* Botones internos del menú */
  .filter-dropdown-menu .tab { 
    display: block; 
    width: 100%;
    padding: 12px 10px; 
    border: 0;
    border-bottom: 1px solid var(--border); 
    color: var(--text) !important; 
    text-align: left; 
    background: transparent;
  }
  
  .filter-dropdown-menu .tab:last-child { 
    border-bottom: 0; 
  }
  
  .header-title { font-size: 18px; line-height: 1.1; }
}