/* ------------------------------------------------------------------------- *
 *  Calendario de eventos (MEC 7.37): ajustes visuales — jnews-child 2.0.29
 *  Se carga solo en la página del calendario (ID 185031), después del CSS de
 *  MEC. Varias reglas llevan !important porque compiten con el CSS que MEC
 *  imprime en línea (opción de estilos) y con el widget HTML de Elementor de
 *  la página, que se imprime en el <body>, más tarde que este archivo.
 *  Tokens: neutral-50 #F8FAFC, neutral-600 #475569, neutral-700 #334155,
 *  neutral-800 #1E293B, primary-600 #1868F2, primary-700 #074FD5.
 * ------------------------------------------------------------------------- */

/* 1) Cuadrícula del mes.
 * MEC 7.37 dibuja los encabezados (LU…DO) como <div class="mec-calendar-table-head">
 * con display:table y width:100%, pero cada semana es un <dl> con display:table
 * sin ancho. El widget de Elementor de la página fija dt {width:60px} desde
 * 1024 px, así que cada semana medía 7×60 = 420 px y los encabezados 560 px:
 * las fechas quedaban corridas a la izquierda y SA/DO vacíos.
 * Cada semana pasa a ocupar el 100 % con 7 columnas iguales, igual que los
 * encabezados (que siguen con su ancho mínimo de MEC, 7×80 px). */
.mec-wrap .mec-calendar dl.mec-calendar-row {
  display: table !important;
  width: 100% !important;
  table-layout: fixed;
}
.mec-wrap .mec-calendar dl.mec-calendar-row > dt {
  display: table-cell;
  width: 14.2857% !important;
}

/* 2) Filtros: sin bordes redondeados en la unión entre el ícono y el campo.
 * Safari dibuja el <select> nativo con sus propias esquinas redondeadas; se
 * quita la apariencia nativa y se dibuja la flecha con un SVG. */
.mec-wrap .mec-search-form .mec-dropdown-search > i {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
}
.mec-wrap .mec-search-form .mec-dropdown-search > select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center / 12px 12px !important;
  padding-right: 30px !important;
}
body.jnews-dark-mode .mec-wrap .mec-search-form .mec-dropdown-search > select {
  background: #1E293B url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center / 12px 12px !important;
}
.mec-wrap .mec-search-form .mec-text-input-search > i {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.mec-wrap .mec-search-form .mec-text-input-search > input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* 3) Hora del evento y su reloj en neutral-600 (modo claro). */
body:not(.jnews-dark-mode) .mec-wrap .mec-calendar .mec-event-article .mec-event-time,
body:not(.jnews-dark-mode) .mec-wrap .mec-calendar .mec-event-article .mec-event-time.mec-color,
body:not(.jnews-dark-mode) .mec-wrap .mec-calendar .mec-event-article .mec-event-time i,
body:not(.jnews-dark-mode) .mec-wrap .mec-calendar .mec-event-article .mec-event-time i:before {
  color: #475569 !important;
}

/* 4) Hover de la tarjeta en modo claro: neutral-50 (todas, no solo las pasadas). */
.mec-wrap .mec-calendar .mec-event-article {
  transition: background-color .15s ease;
}
body:not(.jnews-dark-mode) .mec-wrap .mec-calendar .mec-event-article:hover {
  background-color: #F8FAFC !important;
}

/* 5) Hover de la tarjeta en modo oscuro: neutral-700. */
body.jnews-dark-mode .mec-wrap .mec-calendar .mec-event-article:hover,
body.jnews-dark-mode .mec-wrap .mec-calendar .mec-past-event.mec-event-article:hover {
  background: #334155 !important;
}

/* 6) Botón Restablecer en modo oscuro: sombra neutral-700 en lugar de blanca. */
body.jnews-dark-mode .mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
  box-shadow: 0 1px 0 0 rgb(51, 65, 85) !important;
}

/* 7) Línea bajo el título del mes en modo oscuro: neutral-700. */
body.jnews-dark-mode .mec-wrap .mec-calendar .mec-calendar-topsec .mec-calendar-side .mec-calendar-table {
  border-top-color: #334155 !important;
}

/* 8) Formulario «Sugiere un evento»: estado de foco del campo. */
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-url {
  border: 1px solid transparent !important;
  outline: none;
  position: relative;
  z-index: 1;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-url:focus,
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-url:focus-visible {
  border-color: #1868F2 !important;
  box-shadow: 0 0 0 3px rgba(24, 104, 242, .25) !important;
  outline: none !important;
}
body.jnews-dark-mode .seccion-sugerir-evento input.wpcf7-form-control.wpcf7-url:focus,
body.jnews-dark-mode .seccion-sugerir-evento input.wpcf7-form-control.wpcf7-url:focus-visible {
  border-color: #4285F4 !important;
  box-shadow: 0 0 0 3px rgba(66, 133, 244, .4) !important;
}

/* 9) Botón «Enviar sugerencia»: hover y foco con el azul de la marca. */
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-submit {
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-submit:hover,
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-submit:focus-visible,
body.jnews-dark-mode .seccion-sugerir-evento input.wpcf7-form-control.has-spinner.wpcf7-submit:not(ul):not(li):not(.btn):not(.tag):not(.jeg_header_wrapper):not(.jeg_post_info):not(.jeg_post_meta):hover,
body.jnews-dark-mode .seccion-sugerir-evento input.wpcf7-form-control.has-spinner.wpcf7-submit:not(ul):not(li):not(.btn):not(.tag):not(.jeg_header_wrapper):not(.jeg_post_info):not(.jeg_post_meta):focus-visible {
  background: #1868F2 !important;
  color: #FFFFFF !important;
}
.seccion-sugerir-evento input.wpcf7-form-control.wpcf7-submit:active,
body.jnews-dark-mode .seccion-sugerir-evento input.wpcf7-form-control.has-spinner.wpcf7-submit:not(ul):not(li):not(.btn):not(.tag):not(.jeg_header_wrapper):not(.jeg_post_info):not(.jeg_post_meta):active {
  background: #074FD5 !important;
  color: #FFFFFF !important;
}

/* 10) Fondo de la sección del formulario en modo oscuro: neutral-800. */
body.jnews-dark-mode .elementor-element.seccion-sugerir-evento,
body.jnews-dark-mode .elementor-element.seccion-sugerir-evento:not(.elementor-motion-effects-element-type-background) {
  background-color: #1E293B !important;
}