/* ==========================================================================
   Sección «Conoce nuestra Agenda» de la web pública
   --------------------------------------------------------------------------
   Sobrescribe lo que el tema (assets/css/style.css, 226 KB) define para
   .meeta-event-schedule. Va aparte y no dentro del tema, igual que
   menu-expoisp.css, para poder tocarlo sin miedo y sin perderlo si algún día
   se actualiza la plantilla.

   Se carga en index.php después de style.css.

   Qué cambia y por qué:

   1. El tema pinta la sección de azul #1a39d7 con la foto encima al 45 % de
      opacidad. Ese azul no está en la paleta del sitio —navy #002544, rojo
      #c11127, ámbar #ffa839, azul #2c9cc3— y mezclado con la foto daba un
      violeta que no aparece en ninguna otra sección.

   2. La foto pasa a verse entera y el color va encima como velo, que es como
      están resueltas las otras bandas con imagen de fondo (la de WispHubCon y
      «Le apostamos a Pereira»). Así la imagen se ve y el texto sigue legible.

   3. assets/images/fondo_agenda.jpg es una toma clara: mármol y luz natural,
      con la mitad de los píxeles en 0,242 de luminancia. Sobre ella el blanco
      necesitaría un velo del 84 % para sostenerse, y a esa altura la foto ya
      no se ve. La salida es que lo único que va suelto sobre el fondo —los
      días 2 y 3 del selector— lleve su propio fondo: con él, el velo general
      puede quedarse en el 62 % y la imagen se aprecia.
   ========================================================================== */

/* El navy es también el respaldo si la imagen no carga */
.meeta-event-schedule {
    background-color: #002544;
}

/* La foto, sin la opacidad que la apagaba. Pasa a -2 para dejar sitio al velo */
.meeta-event-schedule::before {
    opacity: 1;
    z-index: -2;
}

/*
 * El velo va anclado al contenedor y no al borde de la pantalla: el contenido
 * ocupa los 1170 px del contenedor centrado, así que en un monitor de 2560
 * sobran casi 700 px a cada lado sin nada encima, y ahí la foto puede verse
 * más. Por debajo de 1200 px el contenedor cambia de ancho y el calc() deja de
 * caer donde debe, así que ahí el velo cubre parejo.
 */
.meeta-event-schedule::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,
            rgba(0, 37, 68, .46) 0,
            rgba(0, 37, 68, .62) calc(50% - 585px),
            rgba(0, 37, 68, .62) calc(50% + 585px),
            rgba(0, 37, 68, .46) 100%);
}

@media only screen and (max-width: 1199.98px) {
    .meeta-event-schedule::after {
        background: rgba(0, 37, 68, .66);
    }
}

/*
 * Los días sin seleccionar eran solo un borde punteado y texto blanco, sin
 * fondo: sobre el mármol claro de la foto se perdían. Con este navy propio el
 * blanco queda en 10,8:1 y el día activo se sigue distinguiendo porque el tema
 * le pone color sólido.
 */
.meeta-event-schedule-time {
    background-color: rgba(0, 37, 68, .72);
    border-color: rgba(255, 255, 255, .55);
}

.meeta-event-schedule-tabs-menu li:not(.active) .meeta-event-schedule-time:hover {
    background-color: rgba(0, 37, 68, .85);
    border-color: #ffffff;
}

/*
 * El recuadro de «Conoce nuestra Agenda» se oscurecía con #1a0a1e, un negro
 * violáceo del tema que sobre el mármol claro de la foto tiraba a granate.
 * Con el navy de la marca la sección entera queda en un solo tono.
 */
.meeta-event-schedule-banner::before {
    background-color: #002544;
    opacity: 0.72;
}