/*
Theme Name: FWRD Child
Template: fwrd
*/


/*------------------------------*/
/* TIPOGRAFÍA GLOBAL */
/*------------------------------*/



body, p, ul, ol, li {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.7 !important;
  color: #ffffff;
  font-weight: normal !important;
}


/* Encabezados jerárquicos */



h1 {
  font-size: 42px !important;
  line-height: 1.2 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
}

h2 {
  font-size: 42px !important;
  line-height: 1.2 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
}


h3 {
  font-size: 36px !important;
  line-height: 1.3 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
}



h4 {
  font-size: 28px !important;
  line-height: 1.4 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}


h5 {
  font-size: 25px !important;
  line-height: 1.4 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}

h6 {
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-family: 'Oswald', Impact, 'Arial Black', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}



/* Listas */
/* ul, ol {
  margin-left: 1.5em !important;
  margin-bottom: 1.5em !important;
  padding-left: 1em !important;
}  */


/* Aplicar solo a listas dentro del contenido principal, no al menú */
.entry-content ul,
.entry-content ol {
  margin-left: 1.5em !important;
  margin-bottom: 1.5em !important;
  padding-left: 1em !important;
}

ul li, ol li {
  font-size: 20px !important;
  line-height: 1.7 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  font-weight: normal !important;
  color: #ffffff;
}



/*------------------------------*/
/* DETALLE DE EVENTOS */
/*------------------------------*/

main.event-detail.two-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
    margin: 2rem 0 !important;
}

main.event-detail.two-columns > .event-image {
    flex: 0 0 40% !important;
    max-width: 40% !important;
}

main.event-detail.two-columns > .event-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
    object-fit: cover !important;
}

main.event-detail.two-columns > .event-info {
    flex: 1 1 55% !important;
    max-width: 55% !important;
}

main.event-detail.two-columns > .upcoming-dates {
    margin-top: 2rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid #ddd !important;
}

/* Responsive: en móviles una columna */
@media screen and (max-width: 768px) {
    main.event-detail.two-columns {
        flex-direction: column !important;
    }

    main.event-detail.two-columns > .event-image,
    main.event-detail.two-columns > .event-info {
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
}

/* fuerza estilo en el parrafo que anida en la capa para evitar herencia */

.event-content,
.event-content * {
  color: #000000 !important;
}

@media (max-width: 768px) {
  .event-content,
  .event-content * {
    color: #000000 !important;
  }
}

main.event-detail.two-columns > .event-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important; /* <-- Borde cuadrado */
    object-fit: cover !important;
}


.event-detail.two-columns > .event-info {
  flex: 1 1 55% !important;
  max-width: 55% !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.event-detail.two-columns > .event-image {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  box-sizing: border-box !important;
  border-radius: 0 !important; /* <-- Borde cuadrado */
}

/*------------------------------*/
/* MENÚ MÓVIL */
/*------------------------------*/

@media only screen and (max-width: 1160px) {
  .mobile-menu-clase {
    background-color: #666666;
  }
}


/*------------------------------*/
/* ALTURA 100% Y FONDO */
/*------------------------------*/

.altura100 {
  height: 100vh;
}

.fondo-diario {
  height: 100vh;
}

/*------------------------------*/
/* MENÚ PADRE ACTIVO (DESACTIVADO) */
/*------------------------------*/

.menu-item.no-link.current-menu-item > a {
    color: inherit;
    font-weight: normal;
}

.menu-item.no-link > a {
    pointer-events: none;
    cursor: default;
}





/*------------------------------*/
/* PARTE TRASERA EVENTOS REGULARES y especiales */
/*------------------------------*/


body .vc_grid-item .vc_gitem-zone.vc_gitem-zone-b {
  background-color:#A80B0B !important;
}

body .vc_grid-item .vc_gitem-zone.vc_gitem-zone-b p {
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 10 !important;
}



/*------------------------------*/
/* OCULTO VISION COMENTARIOS EN PAGINA DETALLE EVENTO MEC
/*------------------------------*/


.single-mec-events #comments,
.single-mec-events .comments-area {
    display: none !important;
}


/*------------------------------*/
/* GALERIA FOTOS
/*------------------------------*/

.wpb_wrapper .wpb_gallery_slides {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  position: relative !important; /* para evitar position absolute en items */
  height: auto !important; /* para evitar altura fija */
}

.wpb_wrapper .wpb_gallery_slides ul.wpb_image_grid_ul {
  position: static !important !important; /* quitar position absolute */
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px;
  list-style: none !important;
  width: auto !important;
  max-width: 100%;
}

.wpb_wrapper .wpb_gallery_slides ul.wpb_image_grid_ul li.isotope-item {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 auto;
}

.wpb_wrapper .wpb_gallery_slides ul.wpb_image_grid_ul li.isotope-item a img {
  display: block;
  width: 400px; /* o el tamaño que quieras */
  height: auto;
  border-radius: 0 !important;
}


/*------------------------------*/
/* lista posts y videos
/*------------------------------*/

.media-block .text-box h2 {
  color: white !important;
}

/*------------------------------*/
/* numeros cuenta atras en MEC Eventos - Detalles
/*------------------------------*/

.mec-days,
.mec-hours,
.mec-minutes,
.mec-seconds
{
  color: black !important;
}




/*------------------------------*/
/* OCULTA CAPA MENU CLASSIC DEL TEMA 
/* PARA QUE MUESTRE SOLO MOBILE MENU 
/* EN MOVILES... SINO MUESTRA FRANJA NEGRA */
/*------------------------------*/

@media (max-width: 1024px) {
    body .classic-menu,
    body .classic-menu.fixed,
    body .classic-menu.mini-active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
}

@media (max-width: 1024px) {
    #wrapper,
    .container,
    #pusher {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}



/*------------------------------------------------*/
/* OCULTA H1 en HOME PERO VISBLE A EFECTOS DE SEO */
/*------------------------------------------------*/

.h1-oculto {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}



/*----------------------------------------------------*/
/* VISIBILIDAD CAPAS AVISO  HORARIO VERANO / INVIERNO */
/*----------------------------------------------------*/

.modo-oculto .horario-verano,
.modo-oculto .horario-invierno { display: none !important; }

.modo-verano .horario-invierno { display: none !important; }
.modo-invierno .horario-verano { display: none !important; }

/* Opcional: transición suave de opacidad si usas .is-visible / .is-hidden */
.horario-verano, .horario-invierno { transition: opacity .2s ease; }
.modo-oculto .horario-verano, .modo-oculto .horario-invierno,
.modo-verano .horario-invierno,
.modo-invierno .horario-verano { opacity: 0; }
.modo-verano .horario-verano,
.modo-invierno .horario-invierno { opacity: 1; }