@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);
}
#navigationPrimary li a {
  font-weight: 600;
  color: #e8fffe;
  font-size: 16px;
  padding: .5rem .5em calc(.714rem - 2px);
}

/*Opcion Buscar y registro se ocultan*/
.pkp_navigation_search_wrapper {
  display: none;
}
#navigationUser {
  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%;
  }
  
  .pkp_navigation_primary>li>a:focus {
    background: #ffffff36;
  }
}

@media (max-width: 576px) {
  #navigationPrimary li{
    padding: .5rem 0;
  }
  /* #navigationUser li{
    padding: .5rem 0;
  } */
}
/****** FIN MENU *****/

/****** BODY *****/

/* Se ocultan breadcrumbs de todas las páginas */
.cmp_breadcrumbs {
  display: none;
}

/* Linea borde de la página */
.pkp_structure_main:before, 
.pkp_structure_main:after {
  background: unset; 
}
.pkp_structure_main {
  margin-bottom: 2rem;
  padding: 1.43rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  width: 100%!important;
}

@media (min-width: 768px) {
  .pkp_structure_content {
    width: 100%;
    padding: 0 2rem;
  }
}
/****** FIN BODY *****/


/****** CATALOGO Y HOME (COMPARTIDO) *****/

/* ------------------------------------------
   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: 4 columnas CENTRADO
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list,
   .page_homepage .cmp_monographs_list,
   body .cmp_monographs_list {
     display: grid !important;
     grid-template-columns: repeat(4, 1fr) !important;
     gap: 20px !important;
     padding: 20px 0 !important;
     float: none !important;
     overflow: visible !important;
     max-width: 1200px !important;
     width: 100% !important;
     margin-left: auto !important;
     margin-right: auto !important;
   }
   
   /* CORRECCIÓN PARA LA HOME: El título de la sección ("Destacado"/"Novedades") 
      debe ocupar todo el ancho del grid (las 4 columnas) y no romperse */
   .page_homepage .cmp_monographs_list > h2.title {
     grid-column: 1 / -1 !important;
     display: block !important;
     font-size: 22px !important;
     color: var(--text);
     margin-bottom: 10px !important;
     border-bottom: 2px solid var(--teal);
     padding-bottom: 5px;
   }
      
   /* ------------------------------------------
      C. ROMPER los .row
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .row,
   .page_homepage .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)
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary,
   .page_homepage .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;
   }
      
   /* Hover */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary:hover,
   .page_homepage .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,
   .page_homepage .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,
   .page_homepage .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,
   .page_homepage .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 → Adaptado para H2 (Catálogo) y H3 (Home)
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary h2.title,
   .page_homepage .cmp_monographs_list .obj_monograph_summary h3.title,
   body .cmp_monographs_list .obj_monograph_summary h2.title,
   body .cmp_monographs_list .obj_monograph_summary h3.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,
   .page_homepage .cmp_monographs_list .obj_monograph_summary h3.title a,
   body .cmp_monographs_list .obj_monograph_summary h2.title a,
   body .cmp_monographs_list .obj_monograph_summary h3.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,
   .page_homepage .cmp_monographs_list .obj_monograph_summary h3.title a:hover,
   body .cmp_monographs_list .obj_monograph_summary h2.title a:hover,
   body .cmp_monographs_list .obj_monograph_summary h3.title a:hover {
     color: var(--teal)!important;
   }
      
   /* ------------------------------------------
      H. AUTOR → columna 2
      ------------------------------------------ */
   .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary .author,
   .page_homepage .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;
     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,
   .page_homepage .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 (Para Catálogo y Home)
   ------------------------------------------ */
   .cmp_monographs_list > *:not(.row):not(.title):not(.obj_monograph_summary) {
    display: none !important;
  }
      
   /* ------------------------------------------
      K. RESPONSIVE
      ------------------------------------------ */
   @media (max-width: 1050px) {
     .pkp_page_catalog .cmp_monographs_list,
     .page_homepage .cmp_monographs_list,
     body .cmp_monographs_list {
       grid-template-columns: repeat(3, 1fr) !important;
     }
   }
   @media (max-width: 900px) {
     .pkp_page_catalog .cmp_monographs_list,
     .page_homepage .cmp_monographs_list,
     body .cmp_monographs_list {
       grid-template-columns: repeat(2, 1fr) !important;
     }
   }
      
   @media (max-width: 550px) {
     .pkp_page_catalog .cmp_monographs_list,
     .page_homepage .cmp_monographs_list,
     body .cmp_monographs_list {
       grid-template-columns: 1fr !important;
     }
      
     .pkp_page_catalog .cmp_monographs_list .obj_monograph_summary,
     .page_homepage .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,
     .page_homepage .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 *****/
/****** FIN CATALOGO *****/


/****** SECCION EQUIPO EDITORIAL *******/
.pkp_op_contact .pkp_structure_main,
.pkp_page_normas .pkp_structure_main,
.pkp_page_catalog .pkp_structure_main,
.pkp_op_editorialTeam .pkp_structure_main {
  border: none!important;
}

.page_editorial_team .table {
  width: 100%;
  border-collapse: collapse
}
.page_editorial_team .table th,
.page_editorial_team .table td {
  border: 1px solid #e5e7eb;
  padding: 10px;
  text-align: left
}
/****** FIN SECCION EQUIPO EDITORIAL *******/


/****** SECCION NORMAS EDITORIALES *******/
.pkp_page_normas p.lead {
  color: #6b7280;
  margin: -8px 0 24px
}
.pkp_page_normas .accordion {
  border-top: 1px solid #e5e7eb
}
.pkp_page_normas .acc-item {
  border-bottom: 1px solid #e5e7eb
}
.pkp_page_normas .acc-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 18px 8px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700
}
.pkp_page_normas .acc-icon {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #6b7280;
  font-weight: 700
}
.pkp_page_normas .acc-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease
}
.pkp_page_normas .acc-content {
  padding: 0 8px 18px 8px;
  color: #4b5563;
  line-height: 1.55
}
.pkp_page_normas .acc-item.open .acc-panel {
  max-height: 600px
}
.pkp_page_normas .acc-item.open .acc-icon {
  color: #0b7285
}
/****** FIN SECCION NORMAS EDITORIALES *******/


/****** SECCION CONTACTO *******/
.pkp_page_about .contact {
  padding: 1.43rem;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin: 1rem;
}
.pkp_page_about .contact_section {
  display: flex;
  align-items: stretch;
}

@media (min-width: 768px){
  .page_contact .contact.support {
    margin-top: 1rem;
  }
  .page_contact .contact.primary {
    padding-right: unset;
  }
}
@media (max-width: 576px){
  .pkp_page_about .contact_section {
    flex-direction: column;
  }
}
/****** FIN SECCION CONTACTO *******/

/****** 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;
}

@media (max-width: 576px){
  footer .footer-inner {
    display: flex;
    flex-direction: column;
  }
  footer .footer-bottom {
    flex-direction: column;
  }
  footer .footer-bottom .social {
    gap: 3rem;
    margin-top: 1rem;
  }
}

/****** SLIDER HOMEPAGE *******/
.pkp_page_index .pkp_structure_main {
  border: none;
  padding: 0;
  border-radius: 0;
}

.hero-slider {
	position:relative;
	width:90vw;left:50%;
	margin-left:-45vw;
	margin-bottom:32px;
	overflow:hidden;
	border-radius:16px;
}

.hero-track {
	display:flex;
	transition:transform .5s ease;
}

.hero-slide{ 
	min-width:100%;
	height:300px;
	background:#f2f2f2;
	display:grid;
	place-items:center;
}

.hero-slide img {
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.hero-ctrl {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(0,0,0,.45);
	color:#fff;
	border:0;
	width:40px;
	height:40px;
	border-radius:999px;
	cursor:pointer;
	font-size:20px;
}

.hero-ctrl.prev {
	left:10px;
}

.hero-ctrl.next {
	right:10px;
}

/****** PAGE BOOK *******/
@media (min-width: 768px){
  /* Sección izquierda */
  .obj_monograph_full .main_entry {
    width: 70%;
  }
  /* Sección derecha */
  .obj_monograph_full .entry_details {
    width: 30%;
  }
}