/* === MENÚ PRINCIPAL ROJO, PEGADO ARRIBA, SUBMENÚS CORRECTOS === */
.pkp_site_nav_menu {
  background-color: #911613 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1000 !important;
}

.obj_galley_link.pdf:before {
  display: none;
}

p.hover-text {
  display: none;
}

/* Menú principal horizontal */
.pkp_site_nav_menu .pkp_nav_list {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Ítems del menú */
.pkp_site_nav_menu .pkp_nav_list > li {
  position: relative !important; /* necesario para submenú */
  flex: 0 0 auto !important;
}

/* Enlaces principales */
.pkp_site_nav_menu .pkp_nav_list > li > a {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color 0.2s ease-in-out;
}

.pkp_site_nav_menu .pkp_nav_list > li > a:hover {
  color: #000 !important;
}

/* === SUBMENÚS DESPLEGABLES === */
.pkp_site_nav_menu .pkp_nav_list li ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background-color: #911613 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  min-width: 360px !important;
  display: none !important;
  z-index: 99999 !important; /* ✅ asegura que quede arriba */
}

/* Mostrar submenú al pasar el mouse */
.pkp_site_nav_menu .pkp_nav_list li:hover > ul {
  display: block !important;
}

/* Submenús igual que el menú principal */
.pkp_site_nav_menu .pkp_nav_list li ul li a {
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  padding: 6px 14px !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition:
    color 0.2s ease-in-out,
    background 0.2s ease-in-out;
}

/* Hover igual que menú principal */
.pkp_site_nav_menu .pkp_nav_list li ul li a:hover {
  color: #000000 !important;
  background: rgb(255, 255, 255) !important; /* o el mismo efecto que quieras */
}

/* === ESTRUCTURA GENERAL DEL HEADER === */
.pkp_site_name_wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_structure_head {
  position: relative !important;
  overflow: visible !important; /* ✅ importantísimo */
  z-index: 9999 !important;
}

/* --- VERSIÓN FINAL (sin saltos, submenús visibles) --- */
.navigation_primary_row .pkp_navigation_primary_wrapper {
  position: absolute !important;
  top: -35px !important;
  left: 0 !important;
  width: 100vw !important;
  max-width: 100% !important;
  overflow: visible !important; /* ✅ deja sobresalir submenús */
  background-color: #911613 !important;
  z-index: 10000 !important;
}

.navigation_primary_row .pkp_navigation_primary_wrapper .pkp_nav_list {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: nowrap !important; /* ✅ no rompe líneas */
  list-style: none !important;
  margin: 0 auto !important;
  padding: 10px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Submenús del wrapper */
.navigation_primary_row .pkp_navigation_primary_wrapper .pkp_nav_list li ul {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  background-color: #911613 !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  display: none !important;
  z-index: 99999 !important;
}

.navigation_primary_row
  .pkp_navigation_primary_wrapper
  .pkp_nav_list
  li:hover
  > ul {
  display: block !important;
}

/* Flechas de submenú en escritorio y móvil */
.pkp_site_nav_menu .submenu-toggle {
  color: #fff !important; /* fuerza blanco */
}

/* ========================================================= */
/*                   MENÚ MÓVIL CORREGIDO                    */
/*       Slide-down suave + submenús que no se enciman        */
/* ========================================================= */

@media (max-width: 768px) {
  /* ===== Botón hamburguesa visible ===== */
  .pkp_site_nav_toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: #fff;
    font-weight: 700;
    padding: 8px 12px;
    cursor: pointer;
    z-index: 20001;
  }

  /* Oculta menú desktop */
  .navigation_primary_row .pkp_navigation_primary_wrapper.desktop-only,
  .pkp_site_nav_menu .pkp_nav_list {
    display: none !important;
  }

  /* ===== Wrapper del menú móvil ===== */
  .pkp_navigation_primary_wrapper {
    max-height: 300px !important;
    overflow: visible !important;
    transition: max-height 0.35s ease !important;
    width: 100% !important;
    background-color: #911613 !important;
    padding: 0 !important;
    position: static !important;
    z-index: 20000;
  }

  .pkp_navigation_primary_wrapper.open {
    max-height: 800px !important;
  }

  /* ===== Lista vertical ===== */
  .pkp_navigation_primary_wrapper .pkp_nav_list,
  #ojsnextgenNavigationPrimary {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .pkp_navigation_primary_wrapper .pkp_nav_list > li,
  #ojsnextgenNavigationPrimary > li {
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    position: relative;
  }

  /* enlaces */
  .pkp_navigation_primary_wrapper .pkp_nav_list > li > a,
  #ojsnextgenNavigationPrimary > li > a {
    display: block !important;
    width: 100% !important;
    padding: 12px 16px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    background: transparent !important;
    padding-right: 44px !important; /* espacio para flecha */
  }

  /* ===== SUBMENÚ ACORDEÓN SUAVE ===== */

  /* FIX → elimina comportamiento fuera del flujo */
  .pkp_navigation_primary_wrapper li ul,
  #ojsnextgenNavigationPrimary li ul {
    position: static !important; /* ← ESTE ES EL FIX CLAVE */
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s ease !important;
    padding-left: 12px !important;
    background: rgba(0, 0, 0, 0.15) !important;
  }

  /* submenú abierto */
  .pkp_navigation_primary_wrapper li[aria-expanded="true"] > ul,
  #ojsnextgenNavigationPrimary li[aria-expanded="true"] > ul {
    max-height: 500px !important;
    padding-top: 6px !important;
  }

  /* ===== Botón toggle para submenú ===== */
  .submenu-toggle {
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 14px !important;
    margin-left: 8px !important;
    cursor: pointer !important;
    padding: 8px !important;
    position: absolute !important;
    right: 10px !important;
    top: 8px !important;
  }
}

@media (max-width: 768px) {
  .pkp_navigation_primary_wrapper li.has-submenu > a,
  #ojsnextgenNavigationPrimary li.has-submenu > a {
    cursor: pointer !important;
  }
}

@media (max-width: 768px) {
  .pkp_navigation_primary_wrapper.open {
    margin-top: 25px !important; /* ← Ajusta aquí (5px, 10px, 15px...) */
  }
}

.submenu-toggle {
  background: transparent !important; /* quita fondo blanco */
  border: none !important; /* quita borde */
  box-shadow: none !important; /* quita sombra */
}

/*-------------------------------------------------------------------------------------------*/

/* === CONTENIDO DEL HOME === */

.pkp_page_index .current_issue .article-slider .current_issue_articles {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  grid-template-columns: 100%;
  overflow-x: auto;
  height: auto !important; /* deja que crezca según el contenido */
}

.pkp_page_index .current_issue .current_issue_description .h5 {
  border-bottom: 0.25rem solid #ffffff; /* divisor blanco justo debajo del texto */
  background-color: #e9e3de !important; /* gris solicitado */
  color: #ffffff !important; /* texto blanco */
  border-radius: 0 !important;
  padding: 1.5rem 0 !important; /* solo arriba/abajo si quieres */
  box-shadow: none !important;
  background-image: none !important;
  margin: 0 !important;
  display: inline-block; /* o block si quieres que ocupe todo el ancho */
}

/* --- Ajuste: COVER Y DESCRPCIÓN --- */
.pkp_page_index .current_issue .col-md-6:first-child {
  padding-right: 0 !important;
}
.pkp_page_index .current_issue .col-md-6:last-child {
  padding-left: 0 !important;
}

.current-issue-flex {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch; /* estira las columnas a la misma altura */
}

.current_issue_title .issue-number {
  font-weight: bold;
  margin-right: 0.3rem; /* opcional, un poquito de espacio */
}

.current_issue_title .issue-identification {
  font-weight: normal;
}

/* Para forzar que estén en líneas separadas pero pegadas */
.current_issue_title span {
  display: block;
  margin: 0; /* quitar cualquier margen extra */
  padding: 0; /* quitar padding si hay */
}

.current_issue_title .issue-number,
.current_issue_title .issue-identification {
  display: block; /* cada uno en línea separada */
  margin: 0; /* quita márgenes extra */
  padding: 0; /* quita padding extra */
}

.current_issue_title .issue-identification {
  border-bottom: 0.25rem solid #000000;
  padding-bottom: 1.5rem; /* ↑ más espacio debajo del texto y arriba de la barra */
  margin-top: 0.25rem; /* mantiene un poco de separación arriba */
}

.current_issue_title {
  margin-bottom: 3px !important; /* ← quita espacio debajo */
  padding-bottom: 0px !important;
}

.current_issue_title .issue-number {
  margin-bottom: 0px !important; /* ← importante */
  padding-bottom: 0px !important;
}

.current_issue_title2 {
  text-align: center; /* CENTRA todo */
  margin-top: 0.5rem;
}

/* Línea corta */
.current_issue_title2 .issue-identification {
  display: inline-block; /* necesario para línea corta */
  border-bottom: 3px solid #000;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.current_issue_title2 .issue-date {
  font-size: 0.9rem;
  opacity: 0.8;
  color: #000;
  margin-top: 0.1rem; /* ← mucho más pegado */
  margin-bottom: 1.5rem; /* ← mucho más pegado */
}

.current_issue_description {
  overflow: visible !important;
}

.current_issue_divider {
  width: 100% !important; /* línea completa */
  height: 3px !important; /* grosor */
  background-color: #000000 !important; /* BLANCA para que se vea */
  margin: 15px 0 !important; /* separación arriba/abajo */
  display: block !important; /* fuerza que se muestre */
}

/* Sobrescribir el ancho de las columnas solo dentro de current_issue */
.pkp_page_index .current_issue .col-md-6 {
  flex: none !important;
  max-width: none !important;
  -ms-flex: none !important;
  width: auto !important;
}

/* Contenedor flex para que se junten */
.pkp_page_index .current_issue .current-issue-flex {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: stretch; /* mismas alturas */
}

.pkp_page_index
  .current_issue
  .current_issue_description
  *:not(.issue-divider-black) {
  background-color: transparent !important;
  color: #000000 !important;
}

.pkp_page_index
  .current_issue
  .current_issue_description
  hr.issue-divider-black {
  background-color: #000 !important;
  height: 2px !important;
  border: none !important;
  opacity: 1 !important;
  margin-top: 0px !important; /* sin margen arriba */
  margin-bottom: 15px !important; /* opcional */
}

.pkp_page_index
  .current_issue
  .current_issue_description
  p
  + hr.issue-divider-black {
  margin-top: 0px !important;
}

/* === Neutralizar decoraciones o bordes del tema === */
.pkp_page_index .current_issue,
.pkp_page_index .current_issue .row,
.pkp_page_index .current_issue .current_issue_description {
  border: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Eliminar pseudo-elementos decorativos */
.pkp_page_index .current_issue::before,
.pkp_page_index .current_issue::after,
.pkp_page_index .current_issue .row::before,
.pkp_page_index .current_issue .row::after,
.pkp_page_index .current_issue .current_issue_description::before,
.pkp_page_index .current_issue .current_issue_description::after {
  content: none !important;
  background: none !important;
  border: none !important;
}

/* Confirmar color y fondo final */
.pkp_page_index .current_issue .current_issue_description {
  background-color: #e9e3de !important;
  color: #000000 !important;
}

/* === COVER Y DESCRIPCIÓN=== */

/* Comportamiento base (móvil / pequeño): apilado */
.pkp_page_index .current_issue .current-issue-flex {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.pkp_page_index .current_issue .current-issue-flex > div {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 0.5rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Punto donde queremos mantener dos columnas lado a lado y pegadas */
@media (min-width: 992px) {
  .pkp_page_index .current_issue .current-issue-flex {
    flex-wrap: nowrap !important;
    align-items: stretch !important; /* misma altura */
  }

  /* Cover */
  .pkp_page_index .current_issue .current-issue-flex .col-md-6:first-child {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: stretch !important; /* estira imagen a la altura de la columna */
  }

  /* Imagen del cover */
  .pkp_page_index .current_issue .current-issue-flex .col-md-6:first-child img {
    width: 100% !important;
    height: 100% !important; /* ocupa toda la altura del cover */
    object-fit: cover !important; /* cubre todo sin dejar espacio */
    display: block !important;
  }

  /* Descripción */
  .pkp_page_index .current_issue .current-issue-flex .col-md-6:last-child {
    flex: 0 0 60% !important;
    max-width: 60% !important;
    margin-left: -10px !important;
    margin-right: 15px !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  /* Mantener texto siempre del mismo tamaño, no escala */
  .pkp_page_index .current_issue .current_issue_description {
    font-size: 0.85rem !important; /* tamaño fijo */
    line-height: 1 !important;
    padding: 0.95rem 1.5rem !important;
  }
}

.pkp_page_index .current_issue-container {
  width: 100% !important;
  max-width: 100% !important;
  flex-wrap: nowrap !important;
}

/* === Estilo de las tarjetas del carrusel de artículos === */
.article {
  background: transparent !important; /* sin fondo */
  border: none !important; /* sin bordes */
  box-shadow: none !important; /* sin sombras */
}

.article a,
.article a.text-white {
  color: #000 !important; /* texto negro */
}

.article .authors-nextgen {
  color: #444 !important; /* autores gris oscuro para contraste */
}

.article ul.custom_galley_links a {
  color: #000 !important; /* enlaces (PDF, etc.) negros */
}

.article ul.custom_galley_links a:hover {
  color: #007bff !important; /* azul al pasar el cursor */
}

.galley-icon {
  width: 22px;
  height: 22px;
  margin-right: 6px;
  vertical-align: middle;
}

.custom_galley_links a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
  color: #000 !important;
}

.custom_galley_links a:hover {
  text-decoration: underline;
}

.article-cover img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 6px;
}

.article a,
.article a.text-white {
  color: #000 !important; /* texto negro */
}

.current_issue_articles .article_container {
  height: auto !important;
  overflow: visible !important;
  flex: 0 0 120px !important; /* 🔹 más angostas, caben 3 sin cortarse */
  max-width: 220px !important;
}

/* Ajuste interno para que el contenido no se vea apretado */
.current_issue_articles .obj_article_summary {
  padding: 1rem !important;
  font-size: 0.92rem !important;
  line-height: 1.3 !important;
}

/* Si las imágenes o el texto se ven muy apretados */
.current_issue_articles .obj_article_summary {
  padding: 1.2rem !important;
}

/* === Ajuste visual del carrusel: mantener desplazamiento y mostrar más contenido === */

.current_issue_articles {
  overflow-x: auto !important; /* desplazamiento horizontal */
  overflow-y: visible !important; /* mostrar todo verticalmente */
  display: flex !important;
  gap: 1.2rem !important;
  align-items: stretch !important; /* tarjetas mismas altura si quieres */
  padding-bottom: 10px !important;
}
/* Contenedor general del carrusel */
.article-slider {
  width: 85%; /* prueba con 85% o 80% según necesites */
  margin: 0 auto; /* centra el carrusel */
  position: relative;
}

.article-slider .slider-control {
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

/* Flecha izquierda fuera del carrusel */
.article-slider .slider-control.left {
  left: -10% !important; /* muévela hacia fuera */
}

/* Flecha derecha fuera del carrusel */
.article-slider .slider-control.right {
  right: -10% !important; /* muévela hacia fuera */
}

/* Botones circulares */
.article-slider .slider-control .control {
  width: 40px !important;
  height: 40px !important;
  background-color: #911613 !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease;
}

/* Hover para las flechas */
.article-slider .slider-control .control:hover {
  background-color: #911613 !important;
}

/* Íconos de flecha */
.article-slider .slider-control i {
  font-size: 1.8rem !important;
  line-height: 1 !important;
}

/* === Ajuste del ancho total del carrusel (sin afectar las tarjetas) === */
.pkp_page_index .current_issue .article-slider {
  max-width: 85% !important; /* más angosto el contenedor total */
  margin: 0 auto !important; /* centrado horizontal */
  overflow: visible !important;
}

/* Ajustar el tamaño de las tarjetas dentro del carrusel */
.pkp_page_index .current_issue .article-slider .slick-slide {
  margin: 0 8px !important; /* reduce separación lateral */
}

.pkp_page_index .current_issue .article-slider .obj_article_summary {
  flex: 0 0 calc(33.333% - 16px) !important; /* 3 por fila exactas */
  max-width: calc(33.333% - 16px) !important;
  box-sizing: border-box;
}

/* En pantallas pequeñas, vuelve a 100% para responsividad */
@media (max-width: 980px) {
  .pkp_page_index .current_issue .article-slider .obj_article_summary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Tarjetas individuales (más altas pero sin romper scroll) */
.current_issue_articles .article_container {
  flex: 0 0 280px !important; /* ancho fijo de tarjeta */
  background: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* Contenido interior: margen y colores */
.current_issue_articles .article {
  background: #ffffff !important;
  color: #000 !important;
  padding: 1rem !important;
  border-radius: 8px !important;
}

/* Imagen de portada del artículo */
.article-cover img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  margin-bottom: 0.5rem !important;
}

/* Título y autores visibles */
.article .h6 {
  font-weight: 600 !important;
  color: #000 !important;
  margin-bottom: 0.5rem !important;
}
.article .authors-nextgen {
  color: #555 !important;
  font-size: 0.9rem !important;
}

/* Enlaces de galeras (PDF, HTML, etc.) */
.custom_galley_links {
  list-style: none !important;
  padding: 0 !important;
  margin-top: auto !important; /* los deja al fondo */
}
.custom_galley_links a {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  color: #000 !important;
  font-weight: 500 !important;
  margin-right: 10px !important;
}
.custom_galley_links a:hover {
  color: #007bff !important;
}

/* Íconos */
.galley-icon {
  width: 20px !important;
  height: 20px !important;
  margin-right: 6px !important;
  vertical-align: middle !important;
}

/*-----------------------------------------------SIDEBAR----------------------------------------*/

/* Forzar que el sidebar no se sitúe por encima visualmente */
.sidebar {
  position: relative !important;
  z-index: 1 !important;
}

/* === Botón de Iniciar sesión (sidebar) === */
.sidebar .auth .auth_btn_container .btn_login {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #911613 !important;
  border-radius: 6px !important;
  padding: 0.35rem 1.2rem !important; /* menos padding vertical */
  font-size: 15px !important; /* letra más pequeña */
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* menor separación entre icono y texto */
  transition: all 0.3s ease !important;
}

.sidebar .auth .auth_btn_container .btn_login img {
  order: -1 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  filter: brightness(0);
}

.sidebar .auth .auth_btn_container .btn_login:hover {
  background-color: #911613 !important;
  color: #fff !important;
  border-color: #911613 !important;
}

/* === Sección de idioma (sidebar) === */
.sidebar .language {
  text-align: center !important;
  margin-top: 1rem !important;
}

/* Título "Idioma" con ícono más pequeño a la izquierda */
.sidebar .language .h4 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.sidebar .language .h4 img {
  width: 20px !important;
  height: 20px !important;
  order: -1 !important; /* ícono a la izquierda */
}

/* === Enlaces de idioma (texto plano

/* Íconos de idioma (mantiene estructura original pero negros) */
.sidebar .language .col-6 a img {
  width: 36px !important; /* tamaño moderado */
  height: 36px !important;
  filter: brightness(0) !important; /* los vuelve negros */
  transition: filter 0.3s ease !important;
}

/* Al pasar el mouse, un poco más oscuros */
.sidebar .language .col-6 a:hover img {
  filter: brightness(0.2) !important;
}

/* === Botón "Quiero publicar" === */
.sidebar .want_to_publish .btn_want_to_publish {
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #911613 !important;
  border-radius: 6px !important;
  padding: 0.25rem 2rem !important; /* menos altura, ancho ajustado */
  font-size: 15px !important; /* letra más pequeña */
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* menor separación entre icono y texto */
  transition: all 0.3s ease !important;
}

.sidebar .auth .auth_btn_container,
.sidebar .want_to_publish .want_to_publish_btn_container {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

.sidebar .want_to_publish .btn_want_to_publish:hover {
  background-color: #911613 !important; /* fondo rojo al pasar */
  color: #fff !important; /* texto blanco al pasar */
}

.sidebar .want_to_publish .btn_want_to_publish img {
  width: 20px !important;
  height: 20px !important;
  order: -1 !important; /* ícono a la izquierda */
  filter: brightness(0) !important; /* ícono negro */
}

.scimago-force-right {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important; /* → Mover a la derecha */
}

.scimago-force-right img {
  display: block !important;
}

/* === Separación entre secciones del sidebar === */
.sidebar > div {
  margin-bottom: 1.8rem !important; /* ajusta a gusto */
}

/* Artículos más consultados */
.most-viewed-issues .most-viewed-link {
  color: #911613; /* rojo institucional */
  font-size: 0.9rem; /* más pequeño */
  font-weight: 400;
  text-decoration: none;
  line-height: 1.3;
}

.most-viewed-issues .most-viewed-link:hover {
  color: #911613; /* rojo más oscuro */
  text-decoration: underline;
}

.social-sjr-link img {
  display: inline-block !important; /* que el img sea inline y pueda centrarse */
  margin: 0 auto !important; /* centrado horizontal */
  max-width: 100%; /* evita que se salga del contenedor */
  height: auto !important;
}

/*-----------------------------------------------ICONOS DEL SIDEBAR----------------------------------------*/

/* Icono de iniciar sesión */
.sidebar .auth .auth_btn_container {
  position: relative;
}

.sidebar .auth .auth_btn_container .btn_login img {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* Icono "Quiero publicar" */
.sidebar .want_to_publish .want_to_publish_btn_container {
  position: relative;
}

.sidebar .want_to_publish .btn_want_to_publish img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* Icono del título de idioma */
.sidebar .language .h4 {
  position: relative;
  font-size: 15px !important; /* mismo tamaño que .social-header */
  font-weight: 600 !important;
}

.sidebar .language .h4 img {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}

/* Separar LOGIN y IDIOMA correctamente */
.sidebar .auth {
  margin-bottom: 40px !important;
}

.sidebar .auth .auth_btn_container {
  margin-bottom: 0 !important;
}

/* Bloques personalizados del sidebar */
.block_custom .content p {
  color: #000 !important; /* Cambia el color del texto */
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

.block_custom .content a {
  color: #000; /* negro */
  text-decoration: none;
}

.block_custom .content a:hover {
  color: #911613; /* rojo al pasar el mouse */
  text-decoration: underline;
}

.block_custom .title {
  color: #020202; /* o el color que quieras */
  border-bottom: 2px solid #000; /* la barra negra */
  padding-bottom: 0.3rem;
  margin-bottom: 0.5rem;
}

.pkp_page_index .page_section_title {
  text-align: center;
  padding: 2rem 1rem;
  margin: 2rem 0;
  background-color: #952e57; /* este es el que cambiaremos */
  color: #fff;
  font-size: 2.25rem;
}

.columna-imagen img {
  display: block; /* hace que el <img> sea un bloque */
  margin: 0 auto; /* centra horizontalmente */
  max-width: 100%; /* evita que se salga del contenedor */
  height: auto; /* mantiene proporción */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* sombreado suave */
}

/* Lista de artículos */
.columna-divs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

center {
  text-align: left !important;
  display: block !important;
}

/* Contenedor: icono a la izquierda, texto a la derecha */
.most-viewed-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Texto en dos líneas */
.most-viewed-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

/* Cada línea del texto */
.most-viewed-text span {
  display: block;
}

/* Icono más grande, pero en su lugar */
.img-to-icon-large {
  width: 55px;
  height: 55px;
}

.most-viewed-issues .most-viewed-link {
  display: block;
  text-align: left;
}

/*------------------------------DOSSIER 2025---------------------------*/

.dossier-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start; /* <<< CAMBIO CLAVE */
  padding: 10px;
  background-color: #ffffff;
  border-radius: 5px;
}

/* Imagen de la portada */
.dossier-cover {
  width: 120px;
  height: auto;
  flex-shrink: 0;
  border-radius: 5px; /* opcional, bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* sombreado suave */
}

/* Información del artículo */
.dossier-info {
  flex: 1;
}

.dossier-info .titulo {
  font-weight: bold;
  margin: 0 0 0.25rem 0;
}

.dossier-info .autores {
  margin: 8px 0 0 0;
  font-style: italic;
}

/* Enlaces PDF, XML… */
.value.galleys_links {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 0 !important; /* <<< AQUÍ EL CAMBIO */
  margin-top: 8px !important;
}

.value.galleys_links li {
  list-style: none;
  display: inline-flex !important;
}

/* Evitar centrado heredado */
.center,
center {
  text-align: left !important;
}

/* Forzar íconos alineados a la izquierda */
.value {
  text-align: left !important;
}

/* ================================================
   DESCARGAR NÚMERO COMPLETO — ESTILO NUEVO
   ================================================ */

.dossier-download {
  text-align: center; /* CENTRAR TODO */
  margin-top: 20px;
  margin-bottom: 20px;
}

.dossier-download-link {
  display: inline-flex; /* ICONO Y TEXTO EN LÍNEA */
  align-items: center; /* Alinear verticalmente */
  gap: 8px; /* Separación icono-texto */
  font-weight: bold;
  color: #911613 !important; /* TEXTO EN ROJO */
  font-size: 12px;
  text-decoration: none;
}

.dossier-download-link:hover {
  text-decoration: underline;
}

/* ICONO MÁS PEQUEÑO */
.dossier-download-icon {
  width: 28px; /* <<< TAMAÑO PERFECTO */
  height: auto;
}

/* ================================================
   TARJETA ROJA — Forzar alineación a la izquierda
   ================================================ */
.tarjeta-roja {
  text-align: center !important; /* centramos todo el texto */
}

.tarjeta-roja .parrafo {
  text-align: center !important; /* centramos el texto del <p> */
}

/* Estilo de tarjeta para el texto del dossier */
.tarjeta-roja {
  background-color: #911613; /* rojo del dossier */
  color: #ffffff; /* texto blanco */
  padding: 20px 25px; /* espacio interno */
  border-radius: 8px; /* bordes redondeados */
  margin-bottom: 2rem; /* separación de otros elementos */
  text-align: right; /* fuerza el texto a la izquierda */
  line-height: 1.4; /* espacio entre líneas */
  font-family: Arial, sans-serif; /* fuente legible */
}

.tarjeta-roja .parrafo {
  margin: 0; /* quita margen extra del <p> */
  font-size: 0.9rem; /* tamaño de texto */
}

/* ============================================
   FORZAR ICONOS DE GALLEYS A LA IZQUIERDA
   ============================================ */

/* El UL completo pegado a la izquierda */
ul.value.galleys_links {
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 0 !important;
}

/* Cada LI alineado a la izquierda */
ul.value.galleys_links li {
  text-align: left !important;
  justify-content: flex-start !important;
  display: flex !important; /* <<< CLAVE */
  align-items: center !important;
}

/* Contenedor del ícono + tooltip */
ul.value.galleys_links li .hover-container {
  text-align: left !important;
  justify-content: flex-start !important;
  display: flex !important; /* <<< CLAVE */
  flex-direction: column;
  align-items: flex-start !important;
}

/* El texto del tooltip a la izquierda también */
ul.value.galleys_links li .hover-text {
  text-align: left !important;
}

/* ============================
   Ver más (solo texto rojo)
   ============================ */
.ver-mas-container {
  margin-top: 20px;
  text-align: center; /* centra el texto si quieres */
}

.ver-mas-texto {
  color: #911613; /* rojo del dossier */
  font-weight: bold; /* opcional */
  text-decoration: none; /* sin subrayado */
}

.ver-mas-texto:hover {
  text-decoration: underline; /* subrayado al pasar el mouse */
}

@media (max-width: 768px) {
  /*-------------------------------------
  Portadas y textos se apilan verticalmente
  -------------------------------------*/
  .dossier-item {
    flex-direction: column; /* portada arriba, texto abajo */
    align-items: center; /* centra portada y texto */
    text-align: center;
    gap: 10px;
    width: 100%;
    padding: 10px;
  }

  /* Portada más pequeña y proporcional */
  .dossier-cover {
    width: 80%;
    max-width: 180px;
    height: auto;
  }

  /* Contenedor de info ocupa casi todo el ancho */
  .dossier-info {
    width: 90%;
    text-align: center;
    flex-wrap: wrap;
  }

  /* Ajuste de título y autores */
  .dossier-info .titulo,
  .dossier-info .autores,
  .dossier-info .doi {
    font-size: 0.9rem;
    line-height: 1.3em;
    word-wrap: break-word;
  }

  /*-------------------------------------
  Iconos de galleys centrados en móvil
  -------------------------------------*/
  ul.value.galleys_links {
    display: flex !important;
    justify-content: center !important; /* centrado horizontal */
    flex-wrap: wrap; /* saltar a la siguiente fila si no caben */
    padding-left: 0 !important; /* quitar padding lateral por defecto */
    margin: 10px auto 0 auto; /* centrar UL */
    list-style: none;
    width: 100%;
    box-sizing: border-box;
  }

  ul.value.galleys_links li {
    display: flex !important;
    flex-direction: column; /* texto debajo del icono */
    align-items: center; /* centra icono y texto */
    justify-content: center;
    margin: 5px 10px; /* separación entre iconos */
    flex: 0 0 auto; /* evita que se estiren */
  }

  ul.value.galleys_links li .hover-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
  }

  ul.value.galleys_links li .hover-text {
    text-align: center;
    font-size: 0.8rem;
    margin: 0;
  }

  .es-icon-galley {
    width: 40px;
    height: auto;
  }

  /* Contenedor principal */
  .columna-divs-2025 {
    max-width: 95%;
    margin: 20px auto 0 auto;
    padding: 0 10px;
  }

  /* Ajusta enlaces “Ver más” */
  .ver-mas-container {
    text-align: center;
    margin-top: 20px;
  }

  .ver-mas-texto {
    font-size: 14px;
  }
}

/*-------------------------------- DOSSIER 2024 - TARJETA ROJA ------------------------------*/

/* Tarjeta roja única */
.tarjeta-roja-2024-unica {
  background-color: #911613;
  color: #fff;
  padding: 10px 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: 0.9rem;
  line-height: 1.3em;
}

/* Contenedor de textos dentro de la tarjeta */
.dossiers-container-2024-unica {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}

.dossier-2024-unica {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* Texto izquierda y derecha */
.dossier-texto-izquierda,
.dossier-texto-derecha {
  text-align: center;
  max-width: 280px;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 0.9rem;
}

.dossier-texto-izquierda p,
.dossier-texto-derecha p {
  margin: 0;
  padding: 0;
}

/* Portadas y botones */
.dossiers-covers-buttons-2024 {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.dossier-cover-button-2024 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dossier-cover-2024-unica {
  width: 100%;
  max-width: 300px;
  display: block;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35); /* sombra más visible */
}

.dossier-download-2024-unica {
  margin-top: 10px;
  text-align: center;
}

.dossier-download-icon-2024-unica {
  width: 50px;
  height: auto;
}

/* Ajusta el botón de descarga de PDF */
.dossier-download-2024-unica a {
  display: inline-flex; /* flex para alinear icono y texto */
  align-items: center; /* verticalmente centrados */
  gap: 8px; /* espacio entre icono y texto */
  text-decoration: none;
  color: #911613; /* o el color que quieras */
  font-size: 0.9rem; /* tamaño del texto */
}

/* Icono más pequeño */
.dossier-download-icon-2024-unica {
  width: 20px; /* icono más pequeño */
  height: auto;
  display: inline-block;
}

.columna-divs-2024-unica {
  margin: 100px 0 0 10px; /* centrado horizontal con top margin */
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 700px; /* ancho máximo para que no ocupe toda la pantalla */
  padding: 0 10px; /* opcional: algo de espacio en móviles */
}

.dossier-item-2024-unica {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.dossier-item-cover-2024 {
  width: 140px; /* antes 120px */
  height: 200px; /* antes 160px */
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 4px;
}

.dossier-info-2024-unica .titulo-2024-unica {
  margin-top: 0; /* quita espacio arriba */
  margin-bottom: 5px; /* ajusta el espacio debajo si quieres */
  padding: 0; /* elimina cualquier padding extra */
}

.dossier-info-2024-unica .titulo-2024-unica a {
  font-weight: bold;
  text-decoration: none;
}

.dossier-info-2024-unica .autores-2024-unica {
  font-style: italic;
  font-size: 0.9em;
}

/* Estilo para el enlace "Ver más..." debajo de la lista de artículos */
.ver-mas-articulos-2024 {
  text-align: center; /* centra el contenido horizontalmente */
  margin-top: 20px;
}

.ver-mas-articulos-2024 a {
  display: inline-block; /* permite centrar el enlace */
  text-decoration: none; /* sin subrayado */ /* negrita */
  color: #911613; /* color rojo como los dossiers */
  font-size: 16px;
}

.ver-mas-articulos-2024 a:hover {
  text-decoration: underline; /* efecto al pasar el mouse */
}

.dossiers-covers-buttons-2024 {
  display: flex;
  justify-content: center;
  gap: 40px;
  align-items: stretch; /* <- esto hace que los hijos tomen toda la altura */
}

.dossier-divider-2024 {
  width: 1px;
  background-color: rgb(65, 63, 63);
  margin: 0 20px;
  height: 380px; /* altura igual a las portadas */
  align-self: flex-start; /* hace que la línea empiece desde arriba */
}

/* ----------- PORTADAS (pestañas) ----------- */

.tab-portada {
  cursor: pointer;
  display: block;
  transition: opacity 0.3s ease;
}

.tab-portada:hover {
  opacity: 0.7;
}

/* contenedor portadas */
.dossiers-covers-buttons-2024 {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 20px;
  flex-wrap: wrap;
  align-items: stretch;
}

.dossier-cover-2024-unica {
  width: 100%;
  max-width: 300px;
  display: block;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.35);
}

.dossier-divider-2024 {
  width: 1px;
  background-color: rgb(65, 63, 63);
  margin: 0 20px;
  height: 380px;
  align-self: flex-start;
}

@media (max-width: 768px) {
  /*-------------------------------------
  Portadas y textos se apilan verticalmente
  -------------------------------------*/
  .dossier-item-2024-unica {
    flex-direction: column; /* portada arriba, texto abajo */
    align-items: center; /* centra portada y texto */
    text-align: center;
    gap: 10px;
    width: 100%;
  }

  /* Línea divisoria horizontal centrada */
  .dossier-divider-2024 {
    display: block;
    width: 60%; /* ancho de la línea, ajustable */
    max-width: 180px; /* que coincida con ancho portada */
    height: 2px;
    background-color: rgb(65, 63, 63);
    margin: 15px auto; /* centrada y con espacio arriba/abajo */
  }

  /* Portada más pequeña y proporcional */
  .dossier-item-cover-2024 {
    width: 80%;
    max-width: 180px;
    height: auto;
  }

  /* Contenedor de info ocupa todo el ancho */
  .dossier-info-2024-unica {
    width: 90%;
    text-align: center;
    flex-wrap: wrap;
  }

  /* Ajuste de título y autores */
  .dossier-info-2024-unica .titulo-2024-unica,
  .dossier-info-2024-unica .autores-2024-unica {
    font-size: 0.9rem;
    line-height: 1.3em;
    word-wrap: break-word;
  }

  /* Contenedor principal */
  .columna-divs-2024-unica {
    max-width: 95%;
    margin: 20px auto 0 auto;
    padding: 0 10px;
  }

  /* Ajusta enlaces “Ver más” */
  .ver-mas-articulos-2024 a {
    font-size: 14px;
  }

  @media (max-width: 768px) {
    /* Forzar que los textos del dossier se apilen verticalmente */
    .dossiers-container-2024-unica {
      flex-direction: column; /* uno debajo del otro */
      align-items: center; /* centrados */
      gap: 20px; /* separación entre textos */
    }

    .dossier-2024-unica {
      width: 100%;
      text-align: center;
    }

    .dossier-texto-izquierda,
    .dossier-texto-derecha {
      max-width: 90%; /* que se ajusten bien al móvil */
    }
  }

  /*-------------------------------------
Iconos de galleys centrados en móvil
-------------------------------------*/
  .value.galleys_links {
    display: flex !important;
    justify-content: center; /* centrado horizontal de los iconos */
    flex-wrap: wrap; /* saltar a la siguiente fila si no caben */
    padding-left: 0; /* quitar padding lateral */
    margin: 0 auto; /* centrar contenedor */
    list-style: none; /* quitar bullets */
    width: 100%; /* asegurar que ocupa todo el ancho */
    box-sizing: border-box; /* para que padding no rompa ancho */
  }

  .value.galleys_links li {
    display: flex;
    flex-direction: column; /* texto debajo del icono */
    align-items: center; /* centra icono y texto */
    justify-content: center; /* centra verticalmente dentro del li */
    margin: 5px 10px; /* separación entre iconos */
    flex: 0 0 auto; /* evita que los li se estiren */
  }

  .hover-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px; /* separación entre icono y texto */
  }

  .hover-text {
    text-align: center;
    font-size: 0.8rem;
    margin: 0;
  }

  .es-icon-galley {
    width: 40px;
    height: auto;
  }
}

.tabs-dossier-2024 input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}

/* estilos portadas/labels */
.dossiers-covers-buttons-2024 {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
  margin-top: 18px;
}
.tab-portada {
  cursor: pointer;
  display: inline-block;
}

.tab-portada img {
  width: 380px; /* antes 300 */
  height: 450px; /* antes 430 */
  border-radius: 6px;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
}

.titulo-panel-dossier {
  text-align: center;
  font-size: 1.3em; /* opcional, si no quieres tamaño, quítalo */
  margin-bottom: 25px; /* separa del primer artículo */
}

.tab-portada:hover img {
  transform: scale(1.03);
}

/* divider */
.dossier-divider-2024 {
  width: 1px;
  height: 540px;
  background: #41403f;
  margin: 0 8px;
}

.dossier-items-scroll {
  max-height: 930px; /* o la altura que quieras */
  overflow-y: auto; /* activa scroll vertical */
  padding-right: 10px; /* opcional: evita que el contenido toque el borde */
}

/* PANEL por defecto hidden */
.tab-panel {
  display: none;
  margin-top: 26px;
  max-width: 900px;
}

.dossier-items-container {
  max-height: 600px; /* altura del área con scroll */
  overflow-y: auto; /* activa scroll vertical */
}

/* reglas que muestran el panel según radio seleccionado */
/* cuando tab1 está checked → mostrar panel1 */
#tab1:checked ~ .dossiers-covers-buttons-2024 ~ .panels #panel1 {
  display: block;
}

/* cuando tab2 está checked → mostrar panel2 */
#tab2:checked ~ .dossiers-covers-buttons-2024 ~ .panels #panel2 {
  display: block;
}

/* (opcional) estilo visual para portada activa */
#tab1:checked ~ .dossiers-covers-buttons-2024 label[for="tab1"] img {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
  transform: scale(1.04);
}
#tab2:checked ~ .dossiers-covers-buttons-2024 label[for="tab2"] img {
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
  transform: scale(1.04);
}

/* estilos de lista/artículos (los tuyos) */
.columna-divs-2024-unica {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  box-sizing: border-box;
}

.dossier-item-2024-unica {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-top: 25px;
  margin-bottom: 35px;
}

.dossier-item-cover-2024 {
  width: 140px;
  height: 200px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 4px;
}
.titulo-2024-unica a {
  font-weight: bold;
  text-decoration: none;
}
.autores-2024-unica {
  font-style: italic;
  font-size: 0.95em;
  color: #333;
}

@media (max-width: 768px) {
  .dossiers-covers-buttons-2024 {
    flex-direction: column; /* apilar verticalmente */
    align-items: center; /* centrar portadas */
    gap: 1rem; /* espacio entre portadas */
  }

  .dossier-divider-2024 {
    display: none; /* ocultar divider en móvil */
  }

  /* Centrar la portada del dossier 2024 en móvil */
  .dossier-item-cover-2024 {
    display: block; /* asegurar que sea un bloque */
    margin: 0 auto; /* centrado horizontal */
  }

  .tab-portada img {
    width: 100%; /* ocupa todo el contenedor */
    max-width: 300px; /* opcional: límite ancho */
    height: auto; /* mantener proporción */
  }
}

/*-------------------------------------------------------------------------------------------------*/

/* Input de búsqueda: redondeado y padding */
.pkp_search input[name="query"] {
  border-radius: 25px; /* bordes completamente redondeados */
  padding: 0.5rem 1rem; /* espacio interno */
  border: 2px solid #911613; /* borde rojo institucional */
  width: 100%; /* ocupa todo el ancho del contenedor */
  box-sizing: border-box;
  font-size: 1rem;
}

/* Ocultar el botón de búsqueda */
.pkp_search button.buscar_block {
  display: none;
}

/* Portadas en formato vertical fijo */
.dossier-cover {
  width: 120px !important; /* ancho fijo */
  height: 180px !important; /* alto vertical */
  object-fit: cover !important; /* recorta la imagen sin deformar */
  border-radius: 4px; /* opcional, igual que antes */
  flex-shrink: 0;
}

#customblock-archivos .section-title {
  font-size: 1.3rem; /* tamaño grande */
  font-weight: bold;
  color: #000; /* negro */
  margin-bottom: 0.5rem; /* separación debajo del título */
  margin-top: 1rem; /* separación arriba */
}

#customblock-archivos p a {
  color: #000; /* enlaces negros */
  text-decoration: none;
}

#customblock-archivos p a:hover {
  text-decoration: underline; /* subrayado al pasar el cursor */
}

.item.p-3 {
  background-color: #911613; /* fondo rojo */
  width: 100%; /* ocupa todo el ancho disponible */
  box-sizing: border-box; /* incluye padding dentro del ancho */
}

/*------------------------------------------Featured_multimedia------------------------------------------*/

.pkp_page_index .featured_multimedia .item {
  background-color: #e9e3de;
  width: 100%; /* ancho completo del contenedor padre */
  margin-left: -15px; /* para compensar padding del row */
  margin-right: -15px;
  padding: 10px; /* si quieres padding interno */
}

/*------------------------------------------TOPICS---------------------------------------------------*/

/* Contenedor interno de topics */
.topics_container {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  justify-content: center;
  padding: 0 2rem;
  background-color: #e9e3de !important;
  align-items: stretch; /* 👈 AGREGA ESTO */
}

.topic-item {
  flex: 1 1 0;
  min-width: 0;
  max-width: 220px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%; /* 👈 AGREGA ESTO */
}

.topic_read_more {
  margin-top: auto; /* 👈 AGREGA ESTO */
  text-align: center;
  width: 100%;
}

.topic_image {
  width: 100%;
  max-width: 200px;
  height: 140px;
  margin: 0 auto 1rem auto;
  overflow: hidden; /* 🔥 CLAVE REAL */
}

.topic_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Label y link */
.topic_label {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #000000 !important;
  height: 80px; /* 👈 altura fija */
  overflow: hidden; /* 👈 oculta si se pasa */
}

.topic_read_more a {
  font-size: 0.85rem;
  color: #911613 !important;
  text-decoration: underline;
  text-decoration-color: #911613;
}

.topic_label_custom {
  color: #000 !important;
  white-space: pre-line;
}

.topic_read_more a:hover {
  color: #6e1010 !important;
  text-decoration-color: #6e1010;
}

/* Títulos de secciones */
.pkp_page_index .page_section_title {
  background-color: #911613 !important; /* rojo institucional */
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 8px 0;
  line-height: 1.2;
  width: 100%;
  text-align: center;
}

.iconos-home {
  margin-bottom: 40px;
}

.fila-iconos {
  display: flex;
  justify-content: center;
  gap: 500px; /* separacion entre iconos más controlada */
  align-items: center;
}

.icono-accesibilidad img,
.icono-inicio img,
.icono-ayuda img {
  width: 50px;
  height: auto;
  margin: 0 10px;
}

/* etiquetas individuales */
.label-accesibilidad {
  display: block;
  margin-top: 5px;
  font-size: 0.9rem;
  color: #007bff;
  font-weight: bold;
  font-style: italic;
}

.label-inicio {
  display: block;
  margin-top: 5px;
  font-size: 1rem;
  color: #28a745;
  font-weight: 600;
  text-transform: uppercase;
}

/* poner texto encima del icono */
.icono-accesibilidad .label-accesibilidad {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  color: #fff;
  font-weight: bold;
  pointer-events: none; /* que no interfiera con clicks */
  text-align: center;
}

.label-ayuda {
  display: block;
  margin-top: 5px;
  font-size: 0.85rem;
  color: #ffc107;
  font-weight: normal;
}

/* --- RESPONSIVIDAD DE TOPICS --- */

/* En pantallas medianas: 2 o 3 por fila */
@media (max-width: 1200px) {
  .topics_container {
    flex-wrap: wrap; /* permite que bajen a la siguiente línea */
    justify-content: center;
  }

  .topic-item {
    width: calc(33.333% - 2rem); /* 3 por fila */
  }
}

/* En pantallas pequeñas: 1 por fila */
@media (max-width: 1168px) {
  .topics_container {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
  }

  .topic-item {
    width: 80%; /* ocupa casi todo el ancho */
  }

  .topic_image img {
    max-width: 100%;
  }

  .topic_label {
    font-size: 1rem;
  }

  .topic_read_more a {
    font-size: 0.9rem;
  }
}

/* Palabras clave de topics */
.topic_keywords {
  font-size: 0.85rem;
  line-height: 1.3;
  white-space: normal;
  word-break: break-word;
  margin-bottom: 0.5rem;
  text-align: center;
  padding-left: 2px; /* 👈 mueve un poco el texto a la izquierda */
}

/*--------------------------------DOSSIER-----------------------------------------------------*/
.dossier-carousel {
  position: relative;
  perspective: 1000px;
  width: 180px; /* mismo ancho del anterior */
  height: 240px; /* ajusta según el alto de tus imágenes */
  margin: 0 auto 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px; /* baja todo el contenido */
}

.dossier-carousel input {
  display: none;
}

/* contenedor 3D */
.slides {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.8s ease;
}

/* cada slide ocupa el mismo espacio */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform-origin: center center;
}

/* imagen con tamaño original */
.slide img {
  width: 150px; /* igual que antes */
  height: 220px; /* igual que antes */
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  transition: transform 0.3s ease;
}

.slide img:hover {
  transform: scale(1.05);
}

.dossier-label {
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-top: 8px;
}

/* --- Estados según radio seleccionado --- */
#dossier2025:checked ~ .slides {
  transform: rotateY(0deg);
}

#dossier2024:checked ~ .slides {
  transform: rotateY(-180deg);
}

/* --- Posiciona las caras en el espacio 3D --- */
/* --- Posiciona las 3 caras en el espacio 3D --- */
.slide1 {
  transform: rotateY(0deg) translateZ(120px);
}

.slide2 {
  transform: rotateY(120deg) translateZ(120px);
}

.slide3 {
  transform: rotateY(240deg) translateZ(120px);
}

/* --- Contenedor --- */
.slides {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: autoRotate 9s infinite ease-in-out; /* MISMO TIEMPO QUE ANTES */
  transition: transform 0.8s ease;
}

/* --- Animación con pausas, ahora para 3 --- */
@keyframes autoRotate {
  0% {
    transform: rotateY(0deg);
  }
  25% {
    transform: rotateY(0deg);
  }

  33% {
    transform: rotateY(-120deg);
  }
  58% {
    transform: rotateY(-120deg);
  }

  66% {
    transform: rotateY(-240deg);
  }
  91% {
    transform: rotateY(-240deg);
  }

  100% {
    transform: rotateY(0deg);
  }
}

/*------------------------------------------------------------------------------------------------------------*/

/* ---------------------------- */
/* MINI REPRODUCTOR COMPACTO SIN MOVERLO */
/* ---------------------------- */

/* Contenedor mini_player: dejamos posición, quitamos padding */
.playlist .article .mini_player {
  padding: 0 !important;
  margin: 0 !important;
}

/* Reducir espacio entre botones prev/play/next */
.playlist .mini_player .d-flex.justify-content-around.mb-2 {
  gap: 3px !important; /* antes 6px */
  margin-bottom: 0 !important;
}

/* Botones más compactos */
.playlist .audio_control_buttom {
  width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
}

/* Iconos dentro de los botones */
.playlist .audio_control_buttom i {
  font-size: 12px !important;
}

/* Icono play un poco más grande */
.playlist .audio_control_buttom.play i {
  font-size: 14px !important;
}

/* Botón mute */
.playlist .audio_control_buttom.mute i {
  font-size: 12px !important;
}

/* Sliders más delgados */
.playlist .seek-slider,
.playlist .volume-slider {
  height: 2.5px !important;
  margin: 0 !important;
}

/* Thumb más pequeño */
.playlist .seek-slider::-webkit-slider-thumb,
.playlist .volume-slider::-webkit-slider-thumb,
.playlist .seek-slider::-moz-range-thumb,
.playlist .volume-slider::-moz-range-thumb {
  width: 9px !important;
  height: 9px !important;
}

/* Subir la fila de volumen */
.playlist .mini_player .d-flex.align-items-center.justify-content-center.mt-2 {
  margin-top: 0 !important; /* elimina el espacio extra */
  gap: 4px !important; /* espacio entre mute y slider */
}

/* Slider de volumen más compacto y pegado */
.playlist .volume-slider {
  height: 2.5px !important; /* igual que antes */
  margin: 0 !important;
}

/*----------------------------------*/
/* Wrapper específico de playlist */
/*----------------------------------*/
.playlist .playlist_articles_wrapper {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: visible;
  gap: 0.5rem;
  overflow-y: visible !important;
  min-height: 0 !important;
}

/* Flechas del carrusel - forzar círculo y evitar que flex las reduzca */
.playlist .carousel_arrow {
  display: inline-flex; /* mantener icono centrado */
  align-items: center;
  justify-content: center;

  /* tamaño: ajusta 105px por el que quieres */
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important; /* evita que el botón se reduzca */
  box-sizing: border-box; /* padding/border incluidos en ancho */
  padding: 0 !important; /* quita padding que deforma */
  border: none;
  border-radius: 50% !important; /* círculo perfecto */
  background: #911613;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto; /* NO crecer ni encoger en el flex container */
  z-index: 5; /* por si lo tapa el slider */
}

/* icono dentro (ajusta tamaño del icono) */
.playlist .carousel_arrow i {
  font-size: 15px; /* ajusta al gusto */
  pointer-events: none; /* sólo el botón recibe clicks */
}

/* Responsive: botones más pequeños en móviles */
@media (max-width: 480px) {
  .playlist .carousel_arrow {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }
  .playlist .carousel_arrow i {
    font-size: 18px;
  }
}

.playlist .carousel_arrow.left {
  margin-right: 20px; /* separa la flecha izquierda del carrusel */
}

.playlist .carousel_arrow.right {
  margin-left: 20px; /* separa la flecha derecha del carrusel */
}

.playlist .carousel_arrow:disabled {
  opacity: 0.35;
  cursor: default;
}

/* Contenedor de artículos */
.playlist .playlist_articles {
  overflow-x: hidden;
  overflow-y: hidden !important;
}

/* Slider principal */
.playlist .articles_slider {
  display: flex;
  align-items: flex-end;
  gap: 0 !important; /* sin gap, controlamos con transform */
  transition: transform 0.4s ease;
  padding-left: 0;
  padding-right: 0;
}

/* Cada tarjeta */
.playlist .article {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 300px;
  cursor: pointer;
  text-align: center;
  opacity: 0.5;
  transform: scale(0.85);
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  position: relative;
}

/* Tarjeta central */
.playlist .article.current_audio {
  transform: scale(1.2);
  opacity: 1;
  z-index: 10;
}

/* Reducir solo el texto de título y autor en todas las tarjetas */
.playlist .article .details a.h5 {
  font-size: 0.8rem !important; /* título más pequeño */
  line-height: 1.1;
}

.playlist .article .details small {
  font-size: 0.55rem !important; /* autor más pequeño */
}

.playlist .article.current_audio .details a.h5 {
  font-size: 0.85rem !important;
}

.playlist .article.current_audio .details small {
  font-size: 0.6rem !important;
}

/* Mover un poco el texto hacia abajo dentro de la tarjeta */
.playlist .article .details a.h5,
.playlist .article .details small {
  display: block;
  margin-top: 4px; /* ajusta el valor a tu gusto, ej: 4px o 6px */
}

.playlist .article .details .text_block {
  margin-top: 6px; /* empuja todo el bloque de texto un poco hacia abajo */
}

/* Posicionar la mini UI sobre la portada (encima de .details) */
.playlist .article .mini_player {
  position: absolute;
  left: 12px;
  right: 12px;
  z-index: 10050 !important; /* debe quedar arriba del overlay */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  pointer-events: auto;
  padding: 4px 6px !important; /* ligero padding */
  gap: 4px !important; /* menos espacio entre filas */
  bottom: -30px !important; /* sube todo el mini_player ligeramente (ajusta -30 → -28 / -26 si hace falta) */
}

.playlist .article .mini_player .d-flex.justify-content-around.mb-2 {
  justify-content: center !important;
  gap: 8px;
  width: 100%;
}

/* Tamaño de los botones */
.playlist .article .mini_player .audio_control_buttom {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* Iconos dentro de botones (reduce los fa-2x) */
.playlist .article .mini_player .audio_control_buttom i {
  font-size: 16px !important; /* ajusta aquí si quieres más pequeño/grande */
  line-height: 1 !important;
  color: #911613 !important;
}

/* Mini player: hover de botones */
.playlist .article .mini_player .audio_control_buttom:hover {
  background-color: #911613 !important; /* fondo rojo */
  color: #fff !important; /* asegura que el botón use blanco */
}

/* Icono dentro del botón en hover */
.playlist .article .mini_player .audio_control_buttom:hover i {
  color: #fff !important; /* ícono blanco */
}

/* Opcional: un pequeño efecto de escala */
.playlist .article .mini_player .audio_control_buttom:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-in-out;
}

/* Si quieres el icono Play un poco mayor que prev/next */
.playlist .article .mini_player .audio_control_buttom.play i {
  font-size: 20px !important;
}

/* Barra de progreso: que ocupe casi todo el ancho del mini_player */
.playlist .article .mini_player .seek-slider {
  width: 100% !important;
  height: 6px !important;
  -webkit-appearance: none;
  appearance: none;
  background: #ddd !important;
  border-radius: 4px;
  margin-top: 4px;
}

/* .details es hermano de .cover_image -> seleccionamos .article .details */
.playlist .article .details {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start !important;
  padding-top: 20px !important;
  align-items: center;
  text-align: center;
  background: rgba(
    0,
    0,
    0,
    0.35
  ) !important; /* fondo translúcido para legibilidad */
  z-index: 9999 !important; /* encima de la imagen */
}

/* Asegurar que el botón play esté sobre la imagen y sobre el overlay si lo deseas */
.playlist .article .audio_control_buttom,
.playlist .article .audio_control_buttom i,
.playlist .article .audio_control_buttom img {
  position: relative;
  z-index: 10000 !important;
}

/* Si quieres que título y autor estén visibles (blanco) */
.playlist .article .details a.h5,
.playlist .article .details small {
  color: #fff !important;
}

/* Opcional: quitar transform/opacity muy agresivos si están ocultando */

/* Asegurar que la imagen esté por debajo */
.playlist .article .cover_image img {
  position: relative;
  z-index: 1;
  display: block;
}

/* Artículo central */
.playlist .article.current_audio {
  transform: scale(1.2);
  opacity: 1;
}

/* Imagen de portada */
.playlist .cover_image {
  position: relative !important;
  width: 300px;
  height: 200px;
  overflow: hidden !important;
  border-radius: 10px;
  margin-bottom: 0.5rem;
  box-shadow: none !important;
  z-index: 1;
}

/* Imagen interna */
.playlist .cover_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition:
    opacity 0.3s ease,
    transform 0.4s ease;
  box-shadow: none !important;
  filter: none !important;
  z-index: 1;
}

/* Overlay .details cubre toda la portada */
.playlist .cover_image .details {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
  box-sizing: border-box;
  z-index: 5; /* más alto que la imagen */
  background: rgba(0, 0, 0, 0.35) !important;
  border-radius: 10px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  z-index: 30 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Título y autor dentro del overlay */
.playlist .cover_image .details a.h5 {
  color: #fff !important;
  font-size: 0.1rem;
  font-weight: 600;
  text-align: center;
  margin: 0;
  font-size: 0.95rem !important; /* un poco más pequeño */
  line-height: 1.1;
  text-shadow: none !important;
}

.playlist .cover_image .details small {
  color: #ddd !important;
  font-size: 0.5rem;
  text-align: center;
  margin-top: 2px;
}

/* Reproductor de audio */
.playlist .cover_image .details .audio_player {
  display: flex;
  flex-direction: column; /* botones arriba, barras abajo */
  width: 100%;
  gap: 6px;
}

/* Fila de botones centrados */
.playlist .cover_image .details .audio_player .btn_row {
  display: flex;
  justify-content: center; /* centra los 3 botones */
  gap: 10px;
  margin-top: 30px !important;
}

/* Fila de barras: primero la barra de reproducción, luego la de volumen */
.playlist .cover_image .details .audio_player .bars_row {
  display: flex;
  flex-direction: column; /* apila barras verticalmente */
  align-items: flex-start; /* alinea la barra de progreso a la izquierda */
  gap: 4px; /* separación entre reproducción y volumen */
}

/* Barra de reproducción */
.playlist .cover_image .details .audio_player .progress_bar {
  flex: 1;
  height: 4px;
  background: #fff !important;
}

/* Barra de volumen */
.playlist .cover_image .details .audio_player .volume_bar {
  width: 80px;
  height: 4px;
  background: #fff !important;
}

/* Botones del reproductor */
.playlist .cover_image .details .audio_player button {
  color: #000 !important;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  box-shadow: none !important;
  outline: none !important;
}

.playlist .cover_image .details .audio_player button:hover {
  background: #c21f29 !important;
  transform: scale(1.1);
}

/* Thumbs de las barras */
.playlist
  .cover_image
  .details
  .audio_player
  .progress_bar::-webkit-slider-thumb,
.playlist .cover_image .details .audio_player .volume_bar::-webkit-slider-thumb,
.playlist .cover_image .details .audio_player .progress_bar::-moz-range-thumb,
.playlist .cover_image .details .audio_player .volume_bar::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
}

/* Eliminar pseudo-elementos de sombras */
.playlist .article::before,
.playlist .article::after,
.playlist .cover_image::before,
.playlist .cover_image::after,
.playlist .details::before,
.playlist .details::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

/* Forzar que nada tenga sombra dentro del playlist */
.playlist * {
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Wrapper para icono + barra de volumen */
.playlist .cover_image .details .audio_player .volume_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}

/* Icono de volumen */
.playlist .cover_image .details .audio_player .volume_icon {
  width: 10px;
  height: 10px;
  display: block;
}

/* Barra de volumen alineada a la derecha */
.playlist .cover_image .details .audio_player .bars_row {
  display: flex;
  justify-content: space-between; /* progreso a la izquierda, volumen a la derecha */
  align-items: center;
  width: 100%;
  gap: 10px;
}

/* ------------------ */
/* Barra de progreso  */
/* ------------------ */
.playlist .cover_image .details .audio_player .progress_bar,
.playlist .cover_image .details .audio_player .volume_bar {
  -webkit-appearance: none; /* Chrome/Safari */
  -moz-appearance: none; /* Firefox */
  width: 100%;
  height: 4px;
  background: #fff; /* Track blanca */
  border-radius: 2px;
  outline: none;
}

/* Thumb para WebKit (Chrome, Safari, Edge) */
.playlist
  .cover_image
  .details
  .audio_player
  .progress_bar::-webkit-slider-thumb,
.playlist
  .cover_image
  .details
  .audio_player
  .volume_bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff; /* Circulito blanco */
  cursor: pointer;
}

/* Track para Firefox */
.playlist .cover_image .details .audio_player .progress_bar::-moz-range-track,
.playlist .cover_image .details .audio_player .volume_bar::-moz-range-track {
  background: #fff;
  height: 4px;
  border-radius: 2px;
}

/* Thumb para Firefox */
.playlist .cover_image .details .audio_player .progress_bar::-moz-range-thumb,
.playlist .cover_image .details .audio_player .volume_bar::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

/* Botones del reproductor con imágenes */
.playlist .cover_image .details .audio_player button img {
  width: 30px; /* ajusta al tamaño real de tu icono */
  height: 30px; /* ajusta al tamaño real de tu icono */
}

/* ====== FIX: botones con solo la imagen (sin fondo blanco) ====== */
.playlist .cover_image .details .audio_player button {
  background: transparent !important; /* sin fondo */
  background-image: none !important;
  padding: 0 !important; /* que el <img> marque el tamaño */
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important; /* ajusta si quieres otro tamaño */
  height: 34px !important;
}

/* Evita que :hover ponga fondo */
.playlist .cover_image .details .audio_player button:hover {
  background: transparent !important;
  transform: scale(1.08); /* solo agranda si quieres */
}

/* Asegurar que la imagen no reciba filtros/mezclas y ocupe todo el botón */
.playlist .cover_image .details .audio_player button img {
  display: block !important;
  width: 30px !important;
  height: 30px !important;
  background: transparent !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* Por si hay reglas globales que alteren imágenes dentro de botones */
.playlist .cover_image .details .audio_player button > img,
.playlist .cover_image .details .audio_player button img {
  border: none !important;
  box-shadow: none !important;
}

/* Selecciona ambos iconos */
.content table th img {
  width: 50px; /* Ajusta el tamaño */
  height: auto;
  margin: 0 10px; /* Separación horizontal entre ellos */
  transition: transform 0.3s; /* Opcional: efecto hover */
}

/* Efecto al pasar el mouse */
.content table th img:hover {
  transform: scale(1.2);
}

/* Si quieres centrar la tabla dentro del contenedor */
.content table {
  margin: 0 auto;
}

/* === FIX: restaurar estilo original de barra de progreso y volumen === */

/* Mantiene el ancho correcto */
.playlist input[type="range"].seek-slider {
  width: 100% !important;
}

.playlist input[type="range"].volume-slider {
  width: 50% !important;
}

/* Mantiene el espaciado igual que antes */
.playlist .mini_player .d-flex.align-items-center.justify-content-center {
  padding-bottom: 3rem !important;
}

/* === Restaurar visibilidad y estilo simple de barras === */
.playlist input[type="range"].seek-slider,
.playlist input[type="range"].volume-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  background: #ccc;
  border-radius: 2px;
  outline: none;
}

/* Tamaño específico para el volumen */
.playlist input[type="range"].volume-slider {
  width: 80px;
}

/* Thumb (circulito) */
.playlist input[type="range"].seek-slider::-webkit-slider-thumb,
.playlist input[type="range"].volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #911613;
  cursor: pointer;
}

.playlist input[type="range"].seek-slider::-moz-range-thumb,
.playlist input[type="range"].volume-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #911613;
  cursor: pointer;
}

/* === FIX FINAL: restaurar barras visibles === */

/* Barra de progreso */
.playlist input[type="range"].seek-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100% !important;
  height: 4px;
  background: #ccc !important;
  border-radius: 2px;
  outline: none;
  margin-top: 6px;
  margin-bottom: 4px;
}
.playlist input[type="range"].seek-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #911613;
  cursor: pointer;
}

/* Barra de volumen */
.playlist input[type="range"].volume-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 80px !important;
  height: 4px;
  background: #ccc !important;
  border-radius: 2px;
  outline: none;
}
.playlist input[type="range"].volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #911613;
  cursor: pointer;
}

/* Asegura que las barras estén al frente (no tapadas por overlays) */
.playlist input[type="range"].seek-slider,
.playlist input[type="range"].volume-slider {
  position: relative;
  z-index: 20000 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Tiempos del mini reproductor en blanco */
.playlist .mini_player .time {
  color: #fff !important;
}

/* Carrusel móvil: 1 tarjeta centrada, las laterales apenas visibles */
@media (max-width: 600px) {
  /* Wrapper del carrusel ocupa toda la pantalla y centrado */
  .playlist .playlist_articles_wrapper {
    max-width: 100vw !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    overflow: hidden !important; /* ocultar tarjetas laterales completamente */
    position: relative;
  }

  /* Contenedor del slider ocupa todo el ancho y centrado */
  .playlist .playlist_articles {
    width: 100% !important;
    overflow: visible !important;
    display: flex;
    justify-content: center;
  }

  /* Slider flexible */
  .playlist .articles_slider {
    display: flex !important;
    justify-content: center;
    gap: 12px; /* separación entre tarjetas */
    width: auto !important;
    transition: transform 0.3s ease; /* animación suave */
  }

  /* Tarjetas más anchas y proporcionales en móvil */
  .playlist .article {
    width: 220px !important;
    aspect-ratio: 4.2 / 3.8; /* altura proporcional al ancho */
    flex: 0 0 auto;
    transform: scale(0.8);
    opacity: 0.3;
    transition:
      transform 0.3s ease,
      opacity 0.3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
  }

  /* Imagen dentro de la tarjeta */
  .playlist .article img {
    width: 100% !important;
    height: auto !important; /* se adapta al ancho y mantiene proporción */
    flex: 1 0 auto; /* ocupa espacio proporcional dentro de la tarjeta */
    object-fit: cover;
    display: block;
  }

  /* Contenido de la tarjeta */
  .playlist .article .article_content {
    padding: 8px;
    text-align: center;
    flex: 0 0 auto; /* ocupa solo lo necesario */
    overflow: hidden;
  }

  /* Tarjeta activa */
  .playlist .article.current_audio {
    transform: scale(1) !important;
    opacity: 1 !important;
    z-index: 10;
  }

  /* Flechas visibles y en los extremos */
  .playlist .carousel_arrow.left,
  .playlist .carousel_arrow.right {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  .playlist .carousel_arrow.left {
    left: 0 !important;
  }

  .playlist .carousel_arrow.right {
    right: 0 !important;
  }
}

/*----------------------------------------------------------------------------------------------------*/

/* --- Botón subir arriba --- */
.icono-inicio {
  cursor: pointer; /* mano al pasar el ratón */
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
  display: inline-block;
}

.icono-inicio img {
  width: 50px; /* ajusta el tamaño si lo deseas */
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}

.icono-inicio:hover img {
  transform: scale(1.1); /* ligero zoom */
  filter: brightness(1.2); /* un poco más brillante */
}

/* OCULATAR http://ojs33.test/index.php/es/article/view/2795 */
.obj_galley_link:before {
  display: none !important;
}

.obj_galley_link:hover,
.obj_galley_link:focus {
  transform: scale(1rem);
  background: none;
  border: none;
}

.es-icon-galley {
  max-width: 26px;
  height: auto;
  margin-right: 0px;
  transition: transform 0.4s ease;
  display: block;
}

.logos-cintillo {
  display: flex; /* pone los logos en fila */
  justify-content: center; /* centra horizontalmente */
  align-items: center; /* alinea verticalmente si hay alturas distintas */
  gap: 20px; /* espacio entre los logos */
  flex-wrap: nowrap; /* evita que se rompa a otra línea */
}
.logos-cintillo a img {
  max-height: 100px; /* limita la altura si quieres que sean proporcionales */
  height: auto;
  width: auto;
}

/* --------------------------------TÍTULOS DEL SIDEBAR IGUALES A .social-header-------------------------------------------- */
.pkp_block .title,
.pkp_block h2,
.sidebar .title,
.sidebar h2 {
  font-size: 15px !important; /* igual que .social-header */
  font-weight: bold !important; /* mismo peso de fuente */
  text-transform: none !important; /* quita las mayúsculas forzadas */
  font-family: inherit !important; /* usa la misma familia que el resto */
  color: #000000 !important; /* mismo color de texto */
  margin-bottom: 8px !important;
  border-bottom: 4px solid #000000; /* misma línea que .social-divider */
  padding-bottom: 6px;
}

.social-header {
  display: inline-flex; /* icono y texto en línea */
  align-items: center; /* alineación vertical */
  gap: 10px; /* más espacio entre icono y texto */
  font-weight: bold; /* opcional */
  text-align: center;
  font-size: 15px; /* tamaño de letra más grande */
}

.social-header .social-icon {
  width: 20px; /* icono más grande */
  height: 20px;
}

.social-header-dossier .social-icon-dossier {
  width: 30px; /* icono más grande */
  height: 30px;
}

.social-header-dossier {
  display: inline-flex; /* icono y texto en línea */
  align-items: center; /* alineación vertical */
  gap: 10px; /* más espacio entre icono y texto */
  font-weight: bold; /* opcional */
  text-align: center;
  font-size: 15px; /* tamaño de letra más grande */
}

.social-header-network .social-icon-network {
  width: 27px; /* icono más grande */
  height: 27px;
}

.social-header-network {
  display: inline-flex; /* icono y texto en línea */
  align-items: center; /* alineación vertical */
  gap: 10px; /* más espacio entre icono y texto */
  font-weight: bold; /* opcional */
  text-align: center;
  font-size: 15px; /* tamaño de letra más grande */
}

.social-divider {
  width: 100%; /* ancho de la línea */
  margin: 10px auto 20px; /* márgenes arriba y abajo */
  border: 0;
  border-bottom: 2px solid #000000 !important;
}

/* === FORZAR TODAS LAS LÍNEAS DE TÍTULOS EN LA SIDEBAR A 2PX NEGRO === */
.sidebar .title,
.sidebar h2,
.sidebar h4,
.sidebar .pkp_block .title,
.sidebar .pkp_block h2,
.sidebar .pkp_block h4,
.sidebar .h4 {
  border-bottom: 2px solid #000 !important;
  padding-bottom: 6px !important;
  margin-bottom: 12px !important;
}

/* Opcional: ajustar tamaño en móviles */
@media (max-width: 480px) {
  .social-header
    .social-icon
    .social-header-dossier
    .social-icon-dossier
    .social-header-network
    .social-icon-network {
    width: 16px !important;
    height: 16px !important;
  }
}

.obj_galley_link {
  border: none;
}

.pkp_structure_sidebar,
#sidebar,
.sidebar {
  border: none !important;
  box-shadow: none !important;
}

/* Social Header (icono a la izquierda, texto centrado) */
.social-header,
.social-header-dossier,
.social-header-network {
  position: relative; /* contenedor relativo */
  font-weight: bold;
  font-size: 15px;
  text-align: center; /* texto centrado */
  display: block; /* bloque para que text-align funcione */
  line-height: 1.3;
  padding-left: 5px; /* espacio para el icono */
}

/* Iconos alineados a la izquierda */
.social-header .social-icon,
.social-header-dossier .social-icon-dossier,
.social-header-network .social-icon-network {
  position: absolute; /* posicionamiento fuera del flujo del texto */
  left: 18px; /* pegado a la izquierda del contenedor */
  top: 50%; /* centrado vertical */
  transform: translateY(-50%);
  object-fit: contain;
}

/*----------------------------------------INDEX FOOTER-----------------------------------------*/

.pkp_structure_footer a {
  color: #fff !important;
  text-decoration: underline;
}

.pkp_structure_footer a:hover {
  color: #ddd !important;
}

.pkp_footer_content p {
  max-width: 1000px;
  margin: 0 auto 10px;
}

/* Responsivo de artículos */
@media (max-width: 768px) {
  .obj_article_details .row {
    display: flex;
    flex-direction: column;
  }

  /* Mover la portada y galeradas arriba (debajo del título) */
  .obj_article_details .entry_details {
    order: 1;
  }

  .obj_article_details .main_entry {
    order: 2;
  }
}

/* Mostrar solo en pantallas grandes (>= 992px) */
.only-desktop {
  display: none;
}

.only-mobile {
  display: block;
}

@media (min-width: 992px) {
  .only-desktop {
    display: block;
  }
  .only-mobile {
    display: none;
  }
}

/* Logos del footer en móviles */
@media (max-width: 480px) {
  .logos-cintillo {
    display: flex !important;
    flex-direction: column !important; /* apila verticalmente */
    align-items: center !important; /* centra horizontalmente */
    gap: 10px; /* separación entre logos */
  }

  .logos-cintillo img {
    width: 500px !important; /* tamaño uniforme */
    height: auto !important; /* mantiene proporción */
  }
}

/*------------------------------------------ASISTENTE VIRTUAL ----------------------------------------*/

/*------------------------------------------
  ASISTENTE VIRTUAL – FIX FINAL
------------------------------------------*/

/* círculo */
.chat-bubble {
  background-color: #ffffff !important; /* círculo visible */
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  width: 56px !important;
  height: 56px !important;

  position: fixed !important;
  z-index: 99999 !important;
  bottom: 20px !important;
  right: 20px !important;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

/* contenedor de la imagen */
.chat-bubble .bubble-icon {
  width: 42px !important;
  height: 42px !important;

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: visible !important;
}

/* imagen REAL */
.chat-bubble .bubble-icon img {
  width: auto !important;
  height: 100% !important;

  max-width: 100%;
  object-fit: contain !important;

  border-radius: 0 !important; /* 🔑 CLAVE */
  clip-path: none !important;
  mask: none !important;

  background: transparent !important;
}

/* =============================== */
/*    AJUSTE PORTADA SOLO MÓVIL    */
/* =============================== */
@media (max-width: 768px) {
  /* Centrar la portada */
  .pkp_page_index .current_issue .col-md-6:first-child {
    text-align: center !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  /* Centrar y limitar la imagen */
  .pkp_page_index .current_issue .col-md-6:first-child img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* =============================== */
/*  AJUSTE DESCRIPCIÓN SOLO MÓVIL  */
/* =============================== */
@media (max-width: 768px) {
  /* Centra el bloque completo de descripción */
  .pkp_page_index .current_issue .col-md-6:last-child {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    text-align: center !important;
  }

  /* Centrar títulos internos */
  .pkp_page_index .current_issue .current_issue_title {
    text-align: center !important;
  }

  /* Ajustar las líneas del título */
  .pkp_page_index .current_issue .current_issue_title span {
    display: block !important;
    width: 100% !important;
  }

  /* Centrar la descripción y darle más margen interior */
  .pkp_page_index .current_issue .current_issue_description {
    text-align: center !important;
    padding: 1.2rem 1.5rem !important;
    box-sizing: border-box !important;
  }

  /* Centrar la fecha de publicación */
  .pkp_page_index .current_issue .issue-date {
    text-align: center !important;
  }
}

/* =============================== */
/*   Quitar espacio entre cover y descripción */
/* =============================== */
@media (max-width: 768px) {
  .pkp_page_index .current_issue .current-issue-flex > div {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Quitar margen inferior de la imagen */
  .pkp_page_index .current_issue .col-md-6:first-child img {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: block !important;
  }
}

/* =============================== */
/*   FIX FINAL: alinear cover+desc en móvil */
/* =============================== */
@media (max-width: 768px) {
  /* Bloque principal */
  .pkp_page_index .current_issue {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Elimina márgenes negativos de row */
  .pkp_page_index .current_issue .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Contenedor vertical uniforme */
  .pkp_page_index .current_issue .current-issue-flex {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 1rem !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Columnas ocupan 100% y centradas */
  .pkp_page_index .current_issue .current-issue-flex > .col-md-6 {
    width: 100% !important;
    max-width: 300px !important; /* ancho fijo igual para cover y descripción */
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* Imagen dentro del contenedor */
  .pkp_page_index .current_issue img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Elementos con width:100vw forzados a 100% */
  .pkp_page_index .current_issue [style*="100vw"],
  .pkp_page_index .current_issue [style*="width:100vw"] {
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Controles del slider */
  .pkp_page_index .article-slider .slider-control {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Evita overflow de palabras largas */
  .pkp_page_index .current_issue,
  .pkp_page_index .current_issue * {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }

  /* Último refuerzo: no-scroll horizontal */
  html,
  body {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* Ajuste final de padding para la descripción */
  .pkp_page_index .current_issue .current_issue_description {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    box-sizing: border-box !important;
  }
}

/* === FIX CELULAR: centrar imagenes y texto de topics === */
@media (max-width: 1168px) {
  .topics_container {
    flex-direction: column !important; /* columna: items apilados */
    align-items: center !important; /* centra todo horizontalmente */
    gap: 1.5rem !important;
    padding-left: 0.5rem !important; /* reduce padding horizontal */
    padding-right: 0.5rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .topic-item {
    width: 100% !important; /* ocupa todo el ancho del container */
    max-width: 300px !important; /* opcional: limita tamaño de cada item */
    text-align: center !important; /* centra texto dentro del item */
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important; /* imagen arriba, texto abajo */
    align-items: center !important; /* centra contenido del item */
  }

  .topic_image {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .topic_image img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .topic_label,
  .topic_read_more {
    text-align: center !important; /* centra el texto */
  }
}

/*------------------------------------------Featured_multimedia------------------------------------------*/

@media (max-width: 768px) {
  /* Centrar items de featured multimedia en móvil */
  .pkp_page_index .featured_multimedia .item {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important; /* ocupa casi todo el ancho, dejando margen */
    max-width: 400px !important; /* opcional: limitar ancho máximo */
    padding: 10px !important; /* mantener padding interno */
    box-sizing: border-box !important;
  }

  /* Centrar el iframe dentro del item */
  .pkp_page_index .featured_multimedia .item iframe {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Centrar título y metadatos */
  .pkp_page_index .featured_multimedia .item .h5,
  .pkp_page_index .featured_multimedia .item .meta {
    text-align: center !important;
  }

  /* Centrar el contenedor general */
  .pkp_page_index .featured_multimedia {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}

/*------------------------------------------BOTONES DEL SIDEBAR------------------------------


@media (max-width: 480px) {
    .sidebar .auth .auth_btn_container,
    .sidebar .want_to_publish .want_to_publish_btn_container {
        max-width: 100% !important;
    }

    .sidebar .auth .auth_btn_container .btn_login,
    .sidebar .want_to_publish .want_to_publish_btn_container .btn_want_to_publish {
        width: 100% !important;
    }
}


------------*/

/*------------------------------------------------------------------------------------*/

/* Contenedor de las citas con scroll */
.item.references .value {
  max-height: 350px; /* Altura visible */
  overflow-y: auto; /* Scroll vertical */
  padding-right: 10px; /* Espacio para que no tape el scroll */
}

/* Opcional: estilizar el scroll para que se vea elegante */
.item.references .value::-webkit-scrollbar {
  width: 6px;
}

.item.references .value::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}

.item.references .value::-webkit-scrollbar-thumb {
  background: #b3b3b3;
  border-radius: 10px;
}

.item.references .value::-webkit-scrollbar-thumb:hover {
  background: #8a8a8a;
}

/*----------------------------------------------------------------------------------------------*/

/* === Botones sidebar: Login y Publicar === */
.sidebar .auth .auth_btn_container .btn_login,
.sidebar .want_to_publish .want_to_publish_btn_container .btn_want_to_publish {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important; /* separación entre icono y texto */
  background-color: #fff !important;
  color: #000 !important;
  border: 2px solid #911613 !important;
  border-radius: 6px !important;
  padding: 0.25rem 1.2rem !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
  box-sizing: border-box;
}

/* Iconos iniciales (negros) */
.sidebar .auth .auth_btn_container .btn_login img,
.sidebar
  .want_to_publish
  .want_to_publish_btn_container
  .btn_want_to_publish
  img {
  width: 22px !important;
  height: 22px !important;
  filter: brightness(0) !important; /* negro */
  transition: filter 0.2s ease !important;
}

/* Hover: cambiar fondo, texto y icono a blanco */
.sidebar .auth .auth_btn_container .btn_login:hover,
.sidebar
  .want_to_publish
  .want_to_publish_btn_container
  .btn_want_to_publish:hover {
  background-color: #911613 !important;
  color: #fff !important;
  border-color: #911613 !important;
}

.sidebar .auth .auth_btn_container .btn_login:hover img,
.sidebar
  .want_to_publish
  .want_to_publish_btn_container
  .btn_want_to_publish:hover
  img {
  filter: brightness(1000%) !important; /* icono blanco */
}

/* Contenedores limitados */
.sidebar .auth .auth_btn_container,
.sidebar .want_to_publish .want_to_publish_btn_container {
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
}

/* Responsive: ocupar todo el ancho en móviles */
@media (max-width: 480px) {
  .sidebar .auth .auth_btn_container,
  .sidebar .want_to_publish .want_to_publish_btn_container {
    max-width: 100% !important;
  }

  .sidebar .auth .auth_btn_container .btn_login,
  .sidebar
    .want_to_publish
    .want_to_publish_btn_container
    .btn_want_to_publish {
    width: 100% !important;
  }
}

/* Desktop: mover ligeramente a la derecha */
.content img[src*="scimagojr.com"] {
  width: auto !important;
  margin: 0 !important;
  transform: none !important;
  display: block;
  margin-left: auto !important;
  margin-right: 13px !important;
}

/* Celular: centrar la imagen */
@media (max-width: 768px) {
  .content img[src*="scimagojr.com"] {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }
}

.ver-mas-link {
  color: #911613 !important;
  text-decoration: none;
  position: relative;
  font-weight: 600;
  padding-bottom: 2px;
}

.ver-mas-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #911613;
  transition:
    width 0.3s ease,
    left 0.3s ease;
}

.ver-mas-link:hover::after {
  width: 100%;
  left: 0;
}

/*-----------  ICONO DEL CARRUSEL --------------------*/

.custom_galley_links img {
  width: 18px !important;
  height: 18px !important;
}

/* Cambiar color de todos los links dentro del dossier */
.dossier-item-2024-unica a {
  color: #911613; /* rojo que pediste */
  text-decoration: none; /* opcional: quitar subrayado */
}

/* Opcional: cambiar color al pasar el mouse */
.dossier-item-2024-unica a:hover {
  color: #b32b1c; /* rojo más fuerte para hover */
}

/* Ocultar bloque 'Enviar un artículo' de la sidebar */
.block_make_submission {
  display: none !important;
}

.social-sjr-link img {
  display: inline-block !important; /* mantiene centrado */
  margin: 0 auto !important; /* centrado horizontal */
  max-width: 100%;
  height: auto !important;
  position: relative !important; /* permite moverlo sin romper el centrado */
  left: 5px !important; /* mueve 5px a la derecha; cambia el número a gusto */
}

/* Forzar justificación y que flex no interfiera */
.current_issue_description .issue-description-text {
  display: block !important; /* bloque normal, no flex */
  text-align: justify !important;
}

/* Margen y line-height para mejor lectura */
.current_issue_description .issue-description-text p {
  margin-bottom: 1rem !important;
  line-height: 1.5 !important;
}

/*http://ojs35.test/index.php/es/es/issue/view/137*/

/* Color normal de los subtítulos */
.subtitle {
  color: #c14a47 !important;
}

/* Hover para todos los enlaces y subtítulos */
a:hover,
a:hover .subtitle {
  color: #666666 !important;
}

/*--------------------Contenedor de los iconos de archivo-------------------- */

.galleys_links {
  display: flex;
  align-items: center;
  gap: 6px; /* espacio entre iconos */
  padding: 0;
  margin-top: 8px;
}

/* Quitar estilos raros del li */
.galleys_links li {
  list-style: none;
  display: flex;
  align-items: center;
}

/* TODOS los iconos del mismo tamaño */
.galleys_links img {
  width: 35px;
  height: 35px;
  object-fit: contain;
  display: block;
}

/* Facebook pequeño como en el diseño */
.sidebar .social_media img,
.sidebar .social_media .img-to-icon {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
}

#customblock-uacm {
  text-align: center !important;
  margin: 0 auto 1.2rem auto !important;
  padding: 0 !important;
}

#customblock-uacm .content,
#customblock-uacm .content p {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

#customblock-uacm img {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}

.sidebar .language .h4 {
  font-size: 1.5rem !important;
}

.sidebar .h4 {
  border-bottom: 2px solid #911613 !important;
  padding-bottom: 6px !important;
  margin-bottom: 12px !important;
}

.sidebar .want_to_publish .btn_want_to_publish img {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
}