@charset "UTF-8";

:root {
  --teal: #007D7E;
  --bg: #ffffff;
  --text: #1f2937;
  --muted: #6b7280;
  --maxw: 1080px;
  --radius: 14px;
  --shadow: 0 2px 8px rgba(0, 0, 0, .06);
}

/*** MENU* ****/

.pkp_site_nav_menu {
  border-top: 1px solid rgba(255,255,255,.15);
}

/*Opcion Buscar se oculta*/
.pkp_navigation_search_wrapper {
  display: none;
}


@media (min-width: 992px) {
  /*Edicion de posición de opcion Escribenos*/
  #navigationPrimary {
    display: flex;
  }
  #navigationPrimary li:last-child {
    margin-left: auto;
  }
  .pkp_navigation_primary {
    max-width: 100%;
  }
}

/****** CATALOGO *****/

/* ------------------------------------------
   A. MATAR pseudo-elementos fantasma
   ------------------------------------------ */
   .cmp_monographs_list::before,
   .cmp_monographs_list::after,
   .cmp_monographs_list .row::before,
   .cmp_monographs_list .row::after {
     display: none !important;
     content: none !important;
   }
   
 /* ------------------------------------------
   B. GRID PRINCIPAL: 3 columnas CENTRADO
   ------------------------------------------ */
.pkp_page_catalog .cmp_monographs_list,
body .cmp_monographs_list {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  padding: 20px 0 !important;
  float: none !important;
  overflow: visible !important;

  /* CENTRADO */
  max-width: 1200px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
   
   /* ------------------------------------------
      C. ROMPER los .row
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .row,
   body .cmp_monographs_list .row {
     display: contents !important;
     float: none !important;
     width: auto !important;
     border: none !important;
     margin: 0 !important;
     padding: 0 !important;
     overflow: visible !important;
   }
   
   /* ------------------------------------------
      D. CADA LIBRO = CARD (CSS GRID interno)
         ⚠️ SIN overflow: hidden
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary,
   body .cmp_monographs_list .obj_monograph_summary {
     float: none !important;
     width: auto !important;
     max-width: none !important;
     margin: 0 !important;
     padding: 15px !important;
     display: grid !important;
     grid-template-columns: 120px minmax(0, 1fr) !important;
     grid-template-rows: auto auto 1fr auto !important;
     column-gap: 12px !important;
     row-gap: 4px !important;
     min-height: 210px !important;
     border-radius: 10px;
     background: #ffffff;
     border: 1px solid #e0e0e0;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
     box-sizing: border-box !important;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     /* NO overflow: hidden — esto era lo que cortaba todo */
   }
   
   /* Hover */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary:hover,
   body .cmp_monographs_list .obj_monograph_summary:hover {
     transform: translateY(-3px);
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
   }
   
   /* ------------------------------------------
      E. PORTADA: columna 1, ocupa TODAS las filas
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary a.cover,
   body .cmp_monographs_list .obj_monograph_summary a.cover {
     grid-column: 1 !important;
     grid-row: 1 / -1 !important;
     float: none !important;
     display: block !important;
     width: auto !important;
     max-width: none !important;
     margin: 0 !important;
     padding: 0 !important;
     align-self: start !important;
     line-height: 0;
   }
   
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary a.cover img,
   body .cmp_monographs_list .obj_monograph_summary a.cover img {
     width: 120px !important;
     height: 170px !important;
     max-width: none !important;
     border-radius: 4px;
     object-fit: cover;
     display: block !important;
   }
   
   /* ------------------------------------------
      F. SERIE/POSICIÓN → columna 2, fila 1
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary .seriesPosition,
   body .cmp_monographs_list .obj_monograph_summary .seriesPosition {
     grid-column: 2 !important;
     font-size: 10px !important;
     color: #0073aa !important;
     font-weight: 700 !important;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     margin: 0 !important;
     padding: 2px 8px !important;
     background: #e8f4fd;
     border-radius: 3px;
     display: inline-block !important;
     justify-self: start !important;
   }
   
   /* ------------------------------------------
      G. TÍTULO → columna 2
         minmax(0,1fr) + overflow-wrap = nunca
         se sale de la card
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary h2.title,
   body .cmp_monographs_list .obj_monograph_summary h2.title {
     grid-column: 2 !important;
     margin: 0 !important;
     padding: 0 !important;
     font-size: 14px !important;
     line-height: 1.35 !important;
     text-align: left !important;
     align-self: start !important;
     min-width: 0 !important;
     overflow-wrap: break-word !important;
     word-break: break-word !important;
   }
   
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary h2.title a,
   body .cmp_monographs_list .obj_monograph_summary h2.title a {
     text-decoration: none !important;
     color: #1a1a1a !important;
     font-weight: 700 !important;
   }
   
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary h2.title a:hover,
   body .cmp_monographs_list .obj_monograph_summary h2.title a:hover {
     color: #0073aa !important;
   }
   
/* ------------------------------------------
   H. AUTOR → columna 2
      1 línea, resto oculto con ...
      SIN (et al.)
   ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary .author,
   body .cmp_monographs_list .obj_monograph_summary .author {
     grid-column: 2 !important;
     font-size: 12px !important;
     color: #666 !important;
     margin: 0 !important;
     padding: 0 !important;
     text-align: left !important;
     line-height: 1.4 !important;
     min-width: 0 !important;
     align-self: start !important;
   
     /* Una sola línea con puntos suspensivos */
     white-space: nowrap !important;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
   }
     
   /* ------------------------------------------
      I. FECHA → columna 2, pegada abajo
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary .date,
   body .cmp_monographs_list .obj_monograph_summary .date {
     grid-column: 2 !important;
     font-size: 11px !important;
     color: #999 !important;
     margin: 0 !important;
     padding: 0 !important;
     text-align: left !important;
     align-self: end !important;
     min-width: 0 !important;
   }
   
   /* ------------------------------------------
      J. OCULTAR hijos directos sueltos
      ------------------------------------------ */
   .cmp_monographs_list > *:not(.row) {
     display: none !important;
   }
   
   /* ------------------------------------------
      K. RESPONSIVE
      ------------------------------------------ */
   @media (max-width: 900px) {
     .pkp_page_catalog .cmp_monographs_list,
     body .cmp_monographs_list {
       grid-template-columns: repeat(2, 1fr) !important;
     }
   }
   
   @media (max-width: 550px) {
     .pkp_page_catalog .cmp_monographs_list,
     body .cmp_monographs_list {
       grid-template-columns: 1fr !important;
     }
   
     .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary,
     body .cmp_monographs_list .obj_monograph_summary {
       grid-template-columns: 90px minmax(0, 1fr) !important;
       min-height: 160px !important;
     }
   
     .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary a.cover img,
     body .cmp_monographs_list .obj_monograph_summary a.cover img {
       width: 90px !important;
       height: 130px !important;
     }
   }
/****** FIN CATALOGO *****/



/****** FOOTER *******/
.footer {
  background: var(--teal);
  color: #e9fbfb
}
.footer-inner {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 36px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px
}
.footer-col {
  display: flex;
  flex-direction: column;
  gap: 10px
}
.footer a {
  color: #e9fbfb;
  opacity: .95;
  text-decoration: none;
}
.footer a.active {
  text-decoration: underline;
}
.footer-bottom {
  grid-column: 1/-1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px
}
.social {
  display: flex;
  gap: 18px
}

/*Footer que viene por defecto*/
  .pkp_brand_footer {
    display: none;
}
.pkp_footer_content {
  padding: unset;
background-color: #090c17;
color: #fffbfa;
}
.pkp_structure_footer {
  width: 100%!important;
padding-left: unset;
padding-right: unset;
}