/*
ARCHIVO DE CSS PROPIO. 
INNERJOIN - 2026
*/

/*Andy Cortés - Cambios para trabajar en Home la sección dinámica de posteos*/

/* ===== Seccion "Lo que estoy analizando" - Tabs de categorias ===== */

/* Contenedor de tabs: vertical */
.ue_taxonomy {
  flex-direction: column !important;
  width: 100%;
}

/* Cada tab: sin fondo del widget, linea superior + padding */
.ue_taxonomy .ue_taxonomy_item,
.ue_taxonomy .ue_taxonomy_item.uc-selected {
  background-color: transparent !important;
  border: none !important;
  border-top: 1px solid #000000 !important;
  border-radius: 0 !important;
  padding: 24px 45px !important;
  width: 100% !important;
}

/* Contenido interno: flecha + texto */
.ue_taxonomy .ue_taxonomy_item_content {
  display: flex !important;
  align-items: center;
  gap: 32px;
}

/* Flecha ▶ */
.ue_taxonomy .ue_taxonomy_item_content::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #070707;
  flex-shrink: 0;
}

/* Titulo de categoria */
.ue_taxonomy .ue_taxonomy_item_title {
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300;
  font-size: 32px;
  line-height: 38px;
  color: #000000 !important;
}

/* Estado activo: texto mas fuerte, sin fondo negro */
.ue_taxonomy .ue_taxonomy_item.uc-selected .ue_taxonomy_item_title {
  font-weight: 600 !important;
}

/* Forzar que el contenedor de tabs y el widget ocupen todo el ancho */
.ue_taxonomy {
  width: 100% !important;
}
[id^="uc_ue_buttons_post_filter"],
[class*="ue_buttons_post_filter"] {
  width: 100% !important;
}

/* Orden en el Post List: fecha -> categoria -> texto (como Figma) */
.uc_post_list_content_inside {
  display: flex;
  flex-direction: column;
}
.uc_post_list_content_inside .ue-meta-data {
  order: 1;
  margin-left: -5px;
}
.uc_post_list_content_inside .ue-grid-item-category {
  order: 2;
}
.uc_post_list_content_inside .uc_post_content {
  order: 3;
}

/* ===== Newsletter form (CF7) ===== */

/* Inputs */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"] {
  height: 56px !important;
  background: #ffffff !important;
  border: 2px solid #afafaf !important;
  border-radius: 4px !important;
  color: #070707 !important;
  font-family: "Outfit", "Merriweather Sans", sans-serif;
  font-size: 16px !important;
  padding: 0 16px !important;
  width: 100% !important;
}

/* Placeholder */
.wpcf7-form input::placeholder {
  color: #747474 !important;
  font-size: 16px !important;
}

/* Boton */
.wpcf7-form input[type="submit"] {
  background: #a99c8c !important;
  border: none !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  height: 40px !important;
  width: 100% !important;
  cursor: pointer;
}

/* Textarea del form de contacto: mas alto */
[id^="wpcf7-f4886-p"] textarea {
  height: auto !important;
  min-height: 213px !important;
  padding: 12px 16px !important;
  resize: vertical;
}

/* Boton del form de CONTACTO: negro (override del beige generico) */
[id^="wpcf7-f4886-p"] input[type="submit"] {
  background: #070707 !important;
  border: 2px solid #343434 !important;
  width: 136px !important;
}

/* Separacion entre campos (el wrapper <p> no funciona porque CF7 no envuelve cada campo) */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
  margin-bottom: 24px !important;
}

/* ===== Educación - Card en Post Carousel (mismos estilos que el grid) ===== */

/* Imagen */
.uc_image_carousel_container_holder .uc_image_carousel_placeholder img {
  border-radius: 16px !important;
  height: 304px !important;
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
}

/* Contenido: alinear a la izquierda, sin fondo */
.uc_image_carousel_container_holder .uc_image_carousel_content,
.uc_image_carousel_container_holder .uc_image_carousel_content_holder {
  text-align: left !important;
  background: transparent !important;
}
.uc_image_carousel_container_holder .uc_image_carousel_content_holder {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 20px !important;
}

/* Label: sacar badge gris, dejar texto beige */
.uc_image_carousel_container_holder .ue-grid-item-category a {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #a99c8c !important;
  text-transform: uppercase;
}

/* Titulo */
.uc_image_carousel_container_holder .uc_post_title,
.uc_image_carousel_container_holder .uc_post_title-link {
  text-decoration: none !important;
  font-family: "Playfair Display", serif !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 31px !important;
  color: #070707 !important;
}

/* Descripcion */
.uc_image_carousel_container_holder .ue-evento-desc {
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  line-height: 27px !important;
  color: #070707 !important;
}

/* Fecha y modalidad */
.uc_image_carousel_container_holder .ue-evento-fechamod {
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #555555 !important;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* Boton */
.uc_image_carousel_container_holder .uc_more_btn {
  background: #070707 !important;
  border: 2px solid #343434 !important;
  border-radius: 8px !important;
  height: 40px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  width: fit-content;
}
.uc_image_carousel_container_holder .ue-item-btn-holder {
  margin-top: 24px !important;
}

/* Flechas del carrusel: abajo, centradas, 48px (como Figma) */
.uc_image_carousel_container_holder ~ .owl-nav,
[class*="owl-carousel"] .owl-nav {
  position: static !important;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 40px;
}
[class*="owl-carousel"] .owl-nav .owl-prev,
[class*="owl-carousel"] .owl-nav .owl-next {
  position: static !important;
  width: 48px !important;
  height: 48px !important;
  transform: none !important;
  margin: 0 !important;
}

/* Meta-data del card: apilar en columna (desc y fecha en lineas separadas) */
.uc_image_carousel_container_holder .ue-meta-data {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px;
  align-items: flex-start;
}

/* Orden card de entrevistas (solo Prensa): medio·fecha arriba */
.dg-carrusel-entrevistas .uc_image_carousel_content_holder {
  display: flex;
  flex-direction: column;
}
.dg-carrusel-entrevistas .ue-entrevista-mediofecha {
  order: 0;
}
.dg-carrusel-entrevistas .uc_post_title {
  order: 2;
}
.dg-carrusel-entrevistas .ue-meta-data {
  order: 3;
}

/* Label CATEGORIA · FECHA del carrusel de News */
.uc_image_carousel_container_holder .ue-news-catfecha {
  font-family: "Merriweather Sans", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 21px !important;
  color: #a99c8c !important;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* Contenedor de la imagen de las cards de carrusel: que tome el alto de la imagen (304) */
.uc_image_carousel_container_holder .uc_image_carousel_placeholder {
  height: auto !important;
}

/* Prensa: imagen de las cards de entrevistas en 16:9 (miniatura de YouTube completa) */
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder img {
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* Prensa: recuadro de imagen 16:9 y la imagen entera adentro (sin recortes en ningún ancho) */
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder {
  aspect-ratio: 16 / 9;
  height: auto !important;
  overflow: hidden;
}
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder a {
  display: block;
  width: 100%;
  height: 100%;
}
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
  object-fit: contain !important;
}

/* Prensa (entrevistas) + News (Substack): recuadro de imagen 16:9 y la imagen entera adentro */
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder,
.dg-carrusel-substack .uc_image_carousel_container_holder .uc_image_carousel_placeholder {
  aspect-ratio: 16 / 9;
  height: auto !important;
  overflow: hidden;
}
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder a,
.dg-carrusel-substack .uc_image_carousel_container_holder .uc_image_carousel_placeholder a {
  display: block;
  width: 100%;
  height: 100%;
}
.dg-carrusel-entrevistas .uc_image_carousel_container_holder .uc_image_carousel_placeholder img,
.dg-carrusel-substack .uc_image_carousel_container_holder .uc_image_carousel_placeholder img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto;
  object-fit: contain !important;
}

/* News - carrusel Substack: título y botón alineados al borde de la imagen, separación 24px (Figma 124:2062) */
.dg-carrusel-substack .uc_image_carousel_content {
  padding: 0 !important;
}
.dg-carrusel-substack .uc_image_carousel_container_holder .uc_image_carousel_content_holder {
  padding: 24px 0 0 0 !important;
}
.dg-carrusel-substack .uc_image_carousel_container_holder .ue-item-btn-holder {
  margin-top: 24px !important;
}

/* News - carrusel Substack: sacar el margen propio del botón (queda solo la separación de 24px) */
.dg-carrusel-substack .uc_more_btn {
  margin-top: 0 !important;
}

/* Contacto (página): campo "Consulta" más bajo (133px) y 48px hasta el botón, según Figma.
   En Home el mismo formulario mantiene su alto de 213px. */
body.page-id-154 [id^="wpcf7-f4886-p"] textarea {
  height: 133px !important;
  min-height: 133px !important;
  margin-bottom: 42px !important;
}