/* === 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 .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: .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: .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;
    min-height: 380px !important;
    overflow: visible !important;
    flex: 0 0 120px !important;   /* 🔹 más angostas, caben 3 sin cortarse */
    max-width: 220px !important;
    height: 340px !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 */
  height: 400px !important;     /* altura dinámica según contenido */
  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 .3s ease;
}

.tab-portada:hover {
    opacity: .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 .18s ease, box-shadow .18s ease;
    box-shadow:0 6px 12px rgba(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,.28); transform:scale(1.04); }
#tab2:checked ~ .dossiers-covers-buttons-2024 label[for="tab2"] img { box-shadow:0 12px 24px rgba(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:.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(1.0rem);
    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,.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;
}