body {font-family: 'Roboto', sans-serif;}
::selection {background-color: #b9ced8; color: #000000;}
header, nav {background-color: #fbbf24;}
header div {padding: 5px 20px; width: 100%; max-width: 1150px; margin: auto; display: flex; justify-content: space-between; align-items: center;}
nav div {padding: 10px 20px; width: 100%; max-width: 1150px; margin: auto; align-items: center;}
.sm-hidden {display: none;}
div.contactos {justify-content: right;}
div.contactos a {margin-left: 20px;}
.redes {display: none;}
.form-buscar {display: flex; width: 100%; border-radius: 50px; background-color: #fbbf24; border: solid 1px #303030; padding: 5px 10px;}
.form-buscar input {width: 100%; background-color: #fbbf24; border: none; margin-left: 8px;}
.form-buscar input:focus {border: none !important;}
.menu-nav {display: flex; list-style-type: none; padding: 0; margin: 0 0 10px 0; align-items: baseline;}
.menu-nav li {margin-right: 24px; font-weight: 600; font-size: 16px; cursor: pointer;}
.menu-nav li i {font-size: 25px;}
header a, .menu-nav li a {color: #000; text-decoration: none;}
.menuCategoria {width: 100%; max-width: 1150px; margin: auto; padding: 20px;}
#menuCategoria {display: none; background-color: #eceaea; z-index: 10000; position: absolute; width: 100%; margin-top: -50px;}
.menuCategoria-publicaciones, .menuCategoria-revistas {display: grid;}
.item-categoria {color: #000; text-decoration: none; padding: 4px 0;}
.item-categoria:hover {color: #cc9919; text-decoration: underline;}
.body-container {padding: 10px 20px; width: 100%; max-width: 1150px; margin: auto;}
.estante {margin: 0 0 30px 0; display: block; width: 100%;}
.estante-desplegado {margin: 20px auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}

/*
.img-card {border: solid 0.5px #8f8f8f; margin-bottom: 10px;}
.img-card img  {width: 100%;} 

*/

.img-card-nuevo { margin-bottom: 10px;}
.img-card-nuevo img  {width: 100%;} 

.slide-container{max-width: 1500px; width: 100%; padding: 40px 0;}
.slide-content{margin: 0 !important; overflow: hidden; padding: 2px 3px;}
.swiper-wrapper {position: relative; width: 100%; height: 50% !important; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.card {background-color: #ffffff; border: none !important;}
.swiper-navBtn {color: #6E93f7; transition: color 0.3s ease;}
.swiper-navBtn:hover {color: #4070F4;}
.swiper-navBtn::before, .swiper-navBtn::after{font-size: 25px !important;}
.swiper-button-next{right: 0 !important; color: #000 !important; background-color: rgba(255, 255, 255, 0.5) !important; top: 45% !important;}
.swiper-button-prev{left: 0 !important; color: #000 !important; background-color: rgba(255, 255, 255, 0.5) !important; top: 45% !important;}
.ficha-obra {margin-top: 20px; margin-bottom: 30px;}
.img-ficha {margin-bottom: 30px;}
.img-ficha img {display: block; width: 80%; max-width: 220px; margin: auto; border: solid 0.5px #8f8f8f;}
.titulos-fichas {margin-bottom: 10px;}
.servicios-revistas {padding-left: 0px; margin: 0; display: grid; grid-template-columns: repeat(1, 1fr); list-style: none;}
.servicios-revistas li {margin-bottom: 10px;}
.tomos-coleccion {margin: 10px 0 30px 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
footer {background-color: #dadada; padding: 20px 0px;}
.footer {width: 100%; max-width: 1150px; margin: auto; padding: 10px 20px;}
.footer div {margin-bottom: 30px; width: 100%;}
.autores {margin-top: 20px; display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
.page-link {color: #585858 !important;}
.page-link:hover {color: #000000 !important;}
.estante-autor, .tomos-coleccion_lista {margin: 20px auto; column-count:1;}
.estante-autor a, .tomos-coleccion_lista .obra-card {display: flex;}
.img-obraAutor, .tomos-coleccion_lista .obra-card .img-card { margin-bottom: 10px; height: fit-content;}
.img-obraAutor img, .tomos-coleccion_lista .obra-card .img-card img  {width: 50px;}
.obra-card:hover .img-card {outline: solid #fbbf24 2px;}
.descripcion-obraAutor, .tomos-coleccion_lista .descripcion-card {margin-left: 20px;}
.dropdown-menu::-webkit-scrollbar {width: 12px;}
.dropdown-menu::-webkit-scrollbar-track {background: #ffffff;}
.dropdown-menu::-webkit-scrollbar-thumb {background-color: #8f8f8f; border-radius: 20px; border: 3px solid #ffffff;}
.dropdown-menu {width: 30px !important;}
.dropdown-item:hover {color: #fbbf24 !important; background: none !important;}
.precio {display: flex; margin: 20px 0; align-items: center;}

/*TIPOGRAFÍA*/
.estante-titulo {font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; margin: 20px 20px 10px 0;}
.plus {color: #000; text-decoration: none; font-size: 14px;}
.obra-card {color: #000; text-decoration: none; margin-bottom: 10px;}
.titulo-card {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 13px; margin-bottom: 5px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; position: relative;}
.tomos-coleccion_lista .titulo-card {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 15px; margin-bottom: 5px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; position: relative;}
.autor-card {font-family: 'Roboto Condensed', sans-serif; font-size: 11px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; position: relative;}
.tomos-coleccion_lista .autor-card {font-family: 'Roboto Condensed', sans-serif; font-size: 15px; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; position: relative;}
.titulo-ficha {font-size: 20px; font-weight: 500; line-height: 1.5; color: #000000; margin-bottom: 0px;}
.subtitulo-ficha {font-size: 18px; font-weight: 500; line-height: 1.3; color: #000000; margin-bottom: 5px;}
.autor-ficha {font-family: 'Roboto Condensed', sans-serif; font-size: 14px; margin-bottom: 2px;}
.detalles-ficha {font-size: 12px; margin-bottom: 15px;}
.abstract {font-size: 14px;}
.footer p {font-size: 14px; margin-bottom: 2px;}
.autor {color: #000000; text-decoration: none;}
.autor:hover {color: #000000; text-decoration: underline; cursor: pointer;}
.titulo-obraAutor {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 5px; line-height: 1.3;}
.autor-obraAutor {font-family: 'Roboto Condensed', sans-serif; font-size: 14px; margin-bottom: 0px;}
.precio p {font-size: 28px; font-weight: 600; margin-bottom: 0; color: #000000;}

/*BOTONES*/
.btn-backs {font-size: 12px; color: #8f8f8f;}
.btn-backs:hover {color: #505050;}
.btn-vista {font-size: 22px; border-radius: 100%; width: 50px; height: 50px; background-color: #ffffff; border: none; padding: 5px;}
.btn-vista:hover {background-color: #dadada;}
.btn-vista_active {background-color: #fbbf24;}
.precio a {background-color: #fbbf24; color: #000000; padding: 5px 15px; border-radius: 5px; font-family: 'Roboto'; text-decoration: none; font-size: 16px; font-weight: 500;}
.precio a:hover {background-color: #ecaf13;}

/*CONVENIO PARAGUAY*/
div.convenio-nav {padding: 10px 20px; width: 100%; max-width: 1150px; margin: auto; display: flex; justify-content: space-around; align-items: center;}
nav div {padding: 10px 20px; width: 100%; max-width: 1150px; margin: auto; align-items: center;}
.portada-convenio {background-repeat: no-repeat; background-size: cover; height: 80vh; max-height: 500px; align-items: center; display: grid;}
/*TIPOGRAFIA CONVENIO PARAGUAY*/
.portada-convenio p, .body-container p {font-family: 'Roboto', sans-serif;}
.titulo-convenio {text-align: center; font-size: 18px; font-style: italic; margin-bottom: 30px;}
.p-logos {font-family: "Noto Serif", serif !important; text-align: center; font-size: 50px; margin-bottom: 5px; padding: 20px;}
.subtitulo-convenio {text-align: center; font-size: 25px; margin: 50px auto 30px auto; font-weight: 500;}
img.capLogo {width: 100%; max-width: 100px;}
img.rubiLogo {width: 100%; max-width: 220px;}
.items-convenio {font-size: 20px; margin-bottom: 25px; padding: 10px 0; line-height: 1.5; text-indent: -68px; padding-left: 30px;}
.items-convenio a {color: #000; font-style: italic;}

@media (max-width: 576px) {
  .estante-titulo {margin: 20px 20px 5px 0;}
}
@media (min-width: 576px) {
  .redes {display: block; background-color: #fbbf24; padding: 5px 9px; border-radius: 50%;}
  .redes:hover {background-color: #e2aa1d;}
  .tomos-coleccion {grid-template-columns: repeat(3, 1fr);}
  .sm-hidden {display: inline;}
  .nombre-estante {display: flex; align-items: baseline;}
  .estante-desplegado {grid-template-columns: repeat(3, 1fr);}
  .autores {grid-template-columns: repeat(2, 1fr);}
  .tomillos {display: flex; align-items: baseline; justify-content: space-between;}
  /*TIPOGRAFIA*/
  .titulo-convenio {font-size: 28px;}
}
@media (min-width: 768px) {
  .ficha-obra {display: flex;}
  .img-ficha {width: 20%;}
  .img-ficha img {margin-left: 0;}
  .info-ficha {width: 80%;}
  .estante-desplegado {grid-template-columns: repeat(4, 1fr);}
  .tomos-coleccion_lista {grid-template-columns: repeat(2, 1fr);}
  .slide-content{margin: 0 10px;}
  .swiper-navBtn{display: none;}
  .footer {display: flex;}
  #menuCategoria {margin-top: 0px;}
  .estante-autor, .tomos-coleccion_lista {column-count:2; column-gap:40px;}
  img.capLogo {width: 100%; max-width: 150px;}
  img.rubiLogo {width: 100%; max-width: 300px;}
  .tomos-coleccion {display: grid; grid-template-columns: repeat(4, 1fr);}
  /*TIPOGRAFIA*/
  .titulo-ficha {font-size: 24px;}
  .subtitulo-ficha {font-size: 20px;}
  .autor-ficha {font-size: 16px;}
  .detalles-ficha {font-size: 14px;}
  .p-cv {column-count: 2; column-gap: 40px; text-align: justify;}
}
@media (min-width: 992px) {
  nav div {display: flex; justify-content: space-between;}
  .menu-nav {margin: 0;}
  .form-buscar, .form-buscar input {max-width: 500px;}
  .menuCategoria {display: flex;}
  .menuCategoria-publicaciones {width: 30%;}
  .menuCategoria-revistas {width: 40%; padding-left: 40px;}
  .estante-desplegado {grid-template-columns: repeat(6, 1fr);}
  .tomos-coleccion {grid-template-columns: repeat(6, 1fr);}
  .autores {grid-template-columns: repeat(3, 1fr);}
  .servicios-revistas {grid-template-columns: repeat(2, 1fr); column-gap: 40px;}
}
@media (min-width: 1200px) {
  header div {padding: 5px 0px;}
  nav div, .menuCategoria {padding: 10px 0px;}
  .body-container {padding: 10px 0px;}
  .footer {padding: 10px 0px;}
  .footer div {margin-bottom: 0px; width: 50%;}
}
@media (min-width: 1400px) {

}

.btn-wpp {
    background-color: #32d851;
    border-radius: 100px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 1000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.btn-wpp a {
    color: #ffffff;
    font-size: 40px;
    display: block;
}


.card {
    border: none !important;
}
.card .img-card{
    background-size: cover;
    height: 220px;
    width: auto;
}
.card .img-card {
    background-size: cover;
    height: 220px;
    width: auto;
    /*border: solid 1px #858585; background-color: #fafafa; */
    margin-bottom: 10px;
}
.card .img-card img{
    height: 218px;
    width: auto;
    display: block;
    margin: auto;
}
ul {
    list-style: none;
    padding-left: 0 !important;
}
.h1-page {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    font-weight: normal;
    text-decoration: underline;
    color: #333;
}
.h2-carrousel {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #333;
}