/* Tipográfía desde Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;700&display=swap');

/*MOVILE generales*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    justify-content: space-between;
}

.fondo-violeta {
    background-color: #171c3c;
}

header {
    box-shadow: 0 4px 2px #0000003f;
    position: sticky;
    top: 0;
    z-index: 8000;
}

header,
footer {
    background-color: #171c3c;
    color: #ffffff;
    padding: 0.5em;
}

footer p {
    padding: 1em;
    text-align: center;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

main {
    background-color: #ffffff;
}

img {
    max-width:100%;
    height:auto;
    display: block;
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/*HEADER---------------------------*/

.contenedora picture img{
    max-width: 70%;
    margin: 1em 0 1.3em 0;
}

.img-perfil {
    max-width: 60%;
    margin: 0 0 0 0.5em;
}

.contenedora div>a:first-of-type {
    width: 12%;
}

.contenedora div>a:last-of-type {
    width: 10%;
}

.contenedora {
    display: flex;
    justify-content: space-between;
}

.contenedora>div:first-of-type {
    display: flex;
    padding: 0.5em 0.3em 0.5em 1.3em;
    justify-content: space-evenly;
    width: 90%;
    height: 3.2em;
    align-items: center;
}


.boton-nav {
    background-color: #00000000;
    cursor: pointer;
    color: #ffffff;
    display: flex;
    position: relative;
    z-index: 9999;
}

.boton-nav i {
    padding: 0;
    margin: 0;
}

/*Busqueda*/

.busqueda{
    display: flex;
    flex-direction: unset;
    height: 1.5em;
}

.busqueda button{
    width: 15%;
    margin-right:0 ;
    border:none;
    background-color: #2d325ad8;
    border-radius: 0 0.5em 0.5em 0;
}

.busqueda button i {
display: block;
padding: 0 .1em;
color: #ffffff;
}

.busqueda [type=text]{
    border-radius: 0;
    margin-right: 0;
    width: 85%;
    border-radius: 0.5em 0 0 0.5em;
}

.busqueda i{
    color: #2d325ad8;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

/*MENU ----------------------------------*/

nav {
    position: relative;
}

.menu-btn,
.menu-fondo {
  border-radius: 0.5em;
  padding: 0.5em;
  width: 2.5em;
  aspect-ratio: 1;
  cursor: pointer;
  transition: all 0.3s ease-out;
  position: fixed;
  top: 0.75em;
  left: 0.75em;
  z-index: 9000;
}

.menu-fondo {
    background: #2d325ad8;
    z-index: 8000;
}

.menuVisible .menu-fondo {
    background: #2d325ad8;
    width: 45vw;
    height: 200vw;
    inset: 0;
    border-radius: 0em;
}

.menu-btn .btn-linea {
    width: 25px;
    height: 3px;
    margin: 4px 0 4px 0;
    background: #ffffff;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 9000;
}

.menuVisible .menu-btn .btn-linea {
    transform: rotate(180deg);
}

.menuVisible .menu-btn .btn-linea:nth-child(1) {
    transform: rotate(45deg) translate(4px, 6px);
}
.menuVisible .menu-btn .btn-linea:nth-child(2) {
    opacity: 0;
}
.menuVisible .menu-btn .btn-linea:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -6px);
}

nav ul {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0.25em;
    top: calc(100% + 4rem);
    z-index: 9999;
    transition: all .5s ease;
}

.menuVisible ul {
    visibility: visible;
    opacity: 100%;
    transition: all .5s .2s ease;
}

nav ul li a {
    color: #ffffff;
    display: block;
    font-size: .8em;
    margin-block-start: .5em;
    width: min(40vw, 15rem);
    text-align: start;
    padding: 1em 0.5em 1em 2em;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
  
nav ul li a:hover {
    background-color: #171c3c;
    transition: all .3s;
}

/*CONTENIDO*/

.titulos {
    display: block;
    margin: 1em auto .5em auto;
    border-inline-start: solid 8px #ff8f2b;
    font-weight: bold;
    max-width: 90%;
    text-align: left;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

/*TENDENCIA----------------------------------*/

.inicio {
    background-color: #ffffff;
}

.peliculas h3, .libros h3{
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    margin: 1em auto .5em auto;
    max-width: 90%;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula {
    background-image: url(../imagenes/bruma.jpg);
    background-position: top;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 0em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

#img_pelicula h2, #img_libro h2 {
    font-size: 2em;
    color: #f65364;
    margin: 0em 2em 0.1em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula p, #img_libro p {
    font-size:.8em;
    color: #ffffff;
    margin: 0em 3em 0em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_libro {
    background-image: url(../imagenes/florentina\(panel\).jpg);
    background-position: right;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 0em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

main #img_pelicula a, #img_libro a {
    background-color: #f65364;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main #img_pelicula a:hover, #img_libro a:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*MAS VISTOS Y MAS LEIDOS -----------------------*/

section h3 {
    margin: 0 1em;
    padding: 0.2em;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.mas_vistas ul, .mas_leidos ul, .cine_int ul, .eventos_age ul, .talleres ul, .libros_para_vos ul, .seguir_viendo ul, .seguir_leyendo ul, .favoritos ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 1em 2em 1em;
}

.mas_vistas ul li, .mas_leidos ul li, .cine_int ul li, .libros_para_vos ul li, .seguir_viendo ul li, .seguir_leyendo ul li, .favoritos ul li {
    width: 50%;
    padding: 1em 0.5em;
    position: relative;
}

.mas_vistas ul li > a, .mas_leidos ul li > a, .cine_int ul li > a, .eventos_age ul li > a, .talleres ul li, .libros_para_vos ul li > a, .seguir_viendo ul li > a, .seguir_leyendo ul li > a, .favoritos ul li > a {
    box-shadow: 2px 2px 10px #8080807a;
    font-family: 'Poppins', sans-serif;
}

.mas_vistas ul li a img, .mas_leidos ul li a img, .cine_int ul li img, .libros_para_vos ul li img, .seguir_viendo ul li img, .seguir_leyendo ul li img, .favoritos ul li img {
    box-shadow: 2px 2px 10px #8080807a;
    border-radius: 0.25em;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.mas_vistas ul li div a, .mas_leidos ul li div a, .cine_int ul li div a, .libros_para_vos ul li div a, .seguir_viendo ul li div a, .seguir_leyendo ul li div a, .favoritos ul li div a {
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    
}

.datos_peliculas, .datos_libros {
    padding: 1em 0;
}

.datos_peliculas h4, .datos_libros h4, .datos_info h4 {
    margin: .5em 0 0 0;
    padding-top: 0.5em;
    color: #595d56;
    font-size: 14px;
    aspect-ratio: 3;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

#bajar {
    margin: 2.2em 0 0 0;
}

#bajar-2 {
    margin: 2.3em 0 0 0;
}

#bajar-3 {
    margin: 0.5em 0 1.6em 0;
}

#bajar-4 {
    margin: 1em 0 1em 0;
}

#bajar-5 {
    margin: 2.5em 0 1em 0;
}

main .datos_peliculas >a:last-of-type , .datos_libros >a:last-of-type , .datos_info >a:last-of-type, .libro_link >a:last-of-type, .pelicula_link >a:last-of-type {
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main .datos_peliculas >a:last-of-type:hover , .datos_libros >a:last-of-type:hover , .datos_info >a:last-of-type:hover, .libro_link >a:last-of-type:hover, .pelicula_link >a:last-of-type:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*EVENTOS -----------------------*/

.eventos ul {
    display: flex;
    justify-content: space-evenly;
    gap: 1em;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 1em 2em 1em;
}

.eventos ul li {
    padding: 1em 1em;
    border-radius: 1em;
    background-color: #171c3c;
    box-shadow: 2px 2px 10px #8080807a;
}

.eventos img {
    border-radius: 1em;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}

.eventos a{
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    padding: .4em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em auto .5em auto;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.eventos a:hover{
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    padding: .4em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em auto .5em auto;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.eventos h4 {
    margin: 1em auto .5em auto;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

/*QUIENES SOMOS ------------------------*/

.quienes_somos h3 {
    text-transform: uppercase;
}

.logo_acumar {
    background-image: url(../imagenes/imgacumar.jpeg);
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 2em;
    box-shadow: 2px 2px 10px #8080807a;
    display: flex;
    justify-content: center;
    align-items: center;
}

#acumar {
    display: block;
    width: 15em;    
}

.parrafos_tema {
    padding: 1em 1em;
    font-family: 'Poppins', sans-serif;
}

.quienes_somos >a:last-of-type {
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em 1em 2em 1em;
    font-family: 'Poppins', sans-serif;
}

.quienes_somos >a:last-of-type:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em 1em 2em 1em;
    font-family: 'Poppins', sans-serif;
}

/*REDES ---------------------------*/

.redes h5 {
    padding: 0.5em;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.redes ul {
    display: flex;
    padding: .5em;
    width: 60%;
    margin: auto;
    margin-bottom: .5em;
}

.redes ul li img {
    width: 50%;
    margin: auto;
}

/*LOGOS ------------------*/

.logos {
    display: flex;
    align-items: flex-end;
}

.logos a img {
    width: 100%;
    padding: 0 2em;
}

/*INICIAR SESIÓN Y REGIS----------------------*/

main .formulario {
    background-color: #171c3c;
}

.formulario {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.formulario i {
    font-size: 100px;
    color: #485191;
    margin: 0.2em auto;
    text-align: center;
}

.formulario h2 {
    padding: 0.5em;
    text-align: center;
    margin: 0 3em;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    text-align:start;
    margin: 0 4em;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
    color:#ffffff;
    font-family: 'Poppins', sans-serif;
}

form input[type=date], form input[type=text], form input[type=email], form input[type=password] {
    margin: 0 auto;
    border-radius: 1.5em;
    border: solid 1px rgba(128, 128, 128, 0.48);
    padding: 0.2em 1em;
    width: 60%;
    font-family: 'Poppins', sans-serif;
}

.sesion button, .perfil button {
    display: block;
    margin: 2.5em auto 1em auto;
    padding: 0.5em;
    width: 40%;
    text-align: center;
    background-color: #ff8f2b;
    border-radius: 20px;
    color: white;
    font-weight: 600;    
    text-transform: uppercase;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    font-family: 'Poppins', sans-serif;
}

.a-forms {
    margin: 0 auto 3em auto;
    text-decoration: underline;
    color: #ffffff;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Poppins', sans-serif;
}

/*AGENDA -------------------------*/

.datos_info {
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
}

/*-------CALENDARIO---------*/
.calendario{
    width: 18em;
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.mesjulio {
    width: 100%;
    margin:auto;
    padding: 0.5em 1.5em 1em 1em;
    background-color: rgba(242, 242, 242, 0.586);
}

.mesjulio h3{
    margin: 0.8em 0 0.5em 0.3em;
    border-bottom: 2.5px solid #2D325A;
}
.numeroscalendario *:not(.dianombre, .agost, .fechadecine, .fechajornada, .fechataller) {
    color: #000000;
    background-color: rgba(246, 247, 251, 0);
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}


.numeroscalendario {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: 700;
}

.agost {
    color: #818181;
    background-color: rgba(246, 247, 251, 0);
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nombredia {
    color: #485191;
}

.numeroscalendario li {
    margin: 0.2em;
}

.fechadecine {
    background-color: #2D325A;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fechataller {
    background-color: #F65364;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fechajornada {
    background-color:#ff8f2b;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#refes {
    display: flex;
    justify-content: space-between;
    margin: 2em 2em 2em 2em;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
}
.amarillo .material-icons {
    display: block;
    color: #FF8F2B;
}

.rojo  .material-icons {
    display: block;
    color: #F65364;
}
.azul  .material-icons {
    display: block;
    color: #2D325A;
}

.eventos_age ul li, .talleres ul li {
    border-radius: 1em;
    background-color: #171c3c;
    box-shadow: 2px 2px 10px #8080807a;
    width: 45%;
    padding: 0.5em 0.5em;
    position: relative;
    margin: 0.45em 0.45em;
}

.eventos_age img, .talleres img {
    border-radius: 1em;
    aspect-ratio: 1;
    object-fit: cover;
}

#img-int {
    border-radius: 1em;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.eventos_age ul li div a, .talleres ul li div a {
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.eventos_age h4, .talleres h4 {
    margin: 1em auto .5em auto;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

/*LIBRO Y PELÍCULA-----------------------------*/

video {
    border: .25em solid #171c3c;
    border-radius: .5em;
    width: 100%;
    height: auto;
}

.libro_detalle, .pelicula_detalle {
    width: 95%;
    margin-top: 4em;
}

.portada_libro, .portada_pelicula {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.portada_libro img, .portada_pelicula img {
    margin: 0 auto;
    max-width: 65%;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    border-radius: .5em;
}

.portada_libro div, .portada_pelicula div {
    margin: 0 auto;
    padding: 1em 0.5em 0;
}

.caracteristecas_libro, .caracteristecas_pelicula {
    width: 80%;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

.caracteristecas_libro h4, .caracteristecas_pelicula h4 {
    margin-left: 0;
    margin-top: 1.5em;
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
}

.caracteristecas_libro p, .caracteristecas_pelicula p {
    line-height: 1.3;
    margin-bottom: 0.5em;
    font-family: 'Poppins', sans-serif;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.botones {
    display: flex;
    margin: 2em 0.5em;
    justify-content: space-between;
}

.botones button {
    background-color: #5b7894;
    color: #f3f0df;
    border-radius: 20px;
    text-align: center;
    padding: 0.5em;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    width: 45%;
    font-weight: 600;
}

/*NOVEDADES----------------------------------*/

.peliculas-2 h3, .libros-2 h3{
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    margin: 1em auto .5em auto;
    max-width: 90%;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula-2 {
    background-image: url(../imagenes/lamary\ .jpg);
    background-position: bottom;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 0em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

#img_pelicula-2 h2, #img_libro-2 h2 {
    font-size: 2em;
    color: #f65364;
    margin: 0em 1em 0.1em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula-2 p, #img_libro-2 p {
    font-size:.8em;
    color: #ffffff;
    margin: 0em 3em 0em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_libro-2 {
    background-image: url(../imagenes/elcolordelrio\(panel\).jpg);
    background-position: right;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 0em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

main #img_pelicula-2 a, #img_libro-2 a {
    background-color: #f65364;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main #img_pelicula-2 a:hover, #img_libro-2 a:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*FILTROS ----------------------------------*/

.buscador-filtros {
    display: flex;
    justify-content: space-evenly;
    margin: 0 1em 0 1em ;
}

.filtro {
    position: relative;
    padding: 0 1em;
    margin: 0;
}

.buscador-filtros div {
    display: flex;
    width: 32%;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 0.3em;
    padding: 0.1em .5em;
    border-radius: .5em;
    
}

.buscador-filtros div:nth-child(1) {
    background-color: #ff8f2b;
}

.buscador-filtros div:nth-child(2) {
    background-color: #f65364;
}

.buscador-filtros div:nth-child(3) {
    background-color: #171c3c;
}

.buscador-filtros span {
    color: #ffffff;
    font-size: .6em;
    font-family: 'Poppins', sans-serif;
}

.buscador-filtros button {
    background-color: transparent;
    color: #ffffff;
}

.filtros-desplegable, .filtros-desplegable2, .filtros-desplegable3 {
    position: absolute;
    padding-top: .5em;
    top: 1.5em;
    left: 0;
    width: 100%;
    z-index: 900;
    border-radius: 0 0 .5em .5em;
    display: none;
}

.filtros-desplegable {
    background-color: #f7aa66;
}

.filtros-desplegable2 {
    background-color: #f96f7c;
}

.filtros-desplegable3 {
    background-color: #232a5b;
}

.contenedora_21> ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1em;
}

.contenedora_21> ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50%;
    padding: .5em 0.5em;
    position: relative;
}

.contenedora_21>ul li>a {
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    margin-bottom: 2em;
}

.contenedora_21 a img {
    box-shadow: 2px 2px 10px #8080807a;
    border-radius: 0.25em;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.buscador-filtros div ul li a {
    display: block;
    padding: 1em;
    color: #ffffff;
    font-size: 10px;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

/*MIS FAVORITOS ---------------------*/

.favoritos span {
    display: block;
    font-weight: bold;
    max-width: 90%;
    text-align: left;
    padding: 0 .5em;
    font-family: 'Poppins', sans-serif;
}

.llamafavorito {
    display: flex;
    margin: 1em 1em;
    padding: 0.2em;
    font-weight: 700;
    font-size: 18px;
    align-items: center;
    background-color:#00000000;
}

.favoritos ul {
    border-top: solid 2px #000000;
}

/*TABLET*/
@media screen and (min-width:762px){

header {
    padding: 1em;
}

footer p {
    padding: 1em;
    font-size: 1.2em;
}

/*HEADER---------------------------*/

.contenedora picture img{
    margin: .7em auto 1em auto;
}

.img-perfil {
    max-width: 35%;
    margin: 0 0 auto 0;
}

.contenedora div>a:first-of-type {
    width: 40%;
}

.contenedora div>a:last-of-type {
    width: 10%;
}

.contenedora>div:first-of-type {
    padding: 0.5em 0em 0.5em 0em;
    justify-content: flex-start;
}

/*Busqueda*/

.busqueda{
    width: 40%;
    margin: 0 auto 0 auto;
}

/*MENU ----------------------------------*/
  
/* cada vínculo del menu */
nav ul li a {
    font-size: 1.6em;
}

.menu-btn, .menu-fondo {
    padding: .7em;
    width: 3em;
    top: 1em;
    left: 2em;
}

/*CONTENIDO*/

.titulos {
    font-size: 2em;
}

/*TENDENCIA----------------------------------*/

#img_pelicula {
    margin: auto 2em ;
    height: 45vh;
}

#img_pelicula h2, #img_libro h2 {
    font-size: 3em;
    margin: 0em 4em 0.1em 0em;
}

#img_pelicula p, #img_libro p {
    font-size: 1.5em;
}

#img_libro {
    margin: auto 2em ;
    height: 45vh;
}

main #img_pelicula a, #img_libro a {
    font-size: 1.5em;
}

main #img_pelicula a:hover, #img_libro a:hover {
    font-size: 1.5em;
}

/*MAS VISTOS Y MAS LEIDOS -----------------------*/

.mas_vistas ul, .mas_leidos ul, .cine_int ul, .eventos_age ul, .talleres ul, .libros_para_vos ul, .seguir_viendo ul, .seguir_leyendo ul, .favoritos ul {
    margin: 0 2em 2em 2em;
}

.mas_vistas ul li, .mas_leidos ul li, .cine_int ul li, .libros_para_vos ul li, .seguir_viendo ul li, .seguir_leyendo ul li, .favoritos ul li {
    padding: 1em 1.5em;
}

.mas_vistas ul li a img, .mas_leidos ul li a img, .cine_int ul li img, .libros_para_vos ul li img, .seguir_viendo ul li img, .seguir_leyendo ul li img, .favoritos ul li img {
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.mas_vistas ul li div a, .mas_leidos ul li div a, .cine_int ul li div a, .libros_para_vos ul li div a, .seguir_viendo ul li div a, .seguir_leyendo ul li div a, .favoritos ul li div a {
    font-size: 1.5em;    
}

.datos_peliculas, .datos_libros {
    padding: 1em 0;
}

.datos_peliculas h4, .datos_libros h4, .datos_info h4 {
    font-size: 1.2em;
    aspect-ratio: 5;
}

#bajar {
    margin: em 0 0 0;
}

#bajar-2 {
    margin: .5em 0 0 0;
}

#bajar-3 {
    margin: 0.5em 0 1.3em 0;
}

#bajar-4 {
    margin: 1em 0 1em 0;
}

#bajar-5 {
    margin: 2.5em 0 1em 0;
}


/*EVENTOS -----------------------*/

.eventos ul {
    gap: 2em;
    margin: 0 2em 2em 2em;
}

.eventos ul li {
    padding: 2.5em 3.5em;
}

.eventos a{
    font-size: 1.5em;
}

.eventos a:hover{
    font-size: 1.5em;
}

.eventos h4 {
    font-size: 1.5em;
}

/*QUIENES SOMOS ------------------------*/

.logo_acumar {
    margin: auto 2em ;
    height: 40vh;
}

#acumar {
    width: 22em;    
}

.parrafos_tema {
    padding: 1em 1.5em;
    font-size: 1.5em;
}

.quienes_somos >a:last-of-type {
    font-size: 2em;
    margin: 1em 1em 2em 1em;
}

.quienes_somos >a:last-of-type:hover {
    font-size: 2em;
    margin: 1em 1em 2em 1em;
}

/*REDES ---------------------------*/

.redes h5 {
    font-size: 1.5em;
}

.redes ul {
    width: 50%;
}

/*LOGOS ------------------*/

.logos a img {
    width: 100%;
    padding: 0 4em;
}

/*INICIAR SESIÓN Y REGIS----------------------*/

.formulario i {
    font-size: 10em;
}

.formulario h2 {
    font-size: 1.5em;
}

label {
    text-align:start;
    margin: 0 6.5em;
    font-size: 1.5em;
    margin-bottom: .8em;
    margin-top: 1.5em;
}

form input[type=date], form input[type=text], form input[type=email], form input[type=password] {
    padding: .8em 1em;
}

.sesion button, .perfil button {
    margin: 2.5em auto 1em auto;
    border-radius: 1em;
    color: white;
    font-size: 1.5em;
}

.a-forms {
    font-size: 1.2em;
}

/*AGENDA -------------------------*/

.datos_info {
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
}

#bajar-6 {
    margin: 1em 0 1.8em 0;
}

/*-------CALENDARIO---------*/
.calendario{
    width: 22em;
}

.mesjulio {
    padding: 1em 2.5em 2em 2em;
}

.mesjulio h3{
    margin: 0.5em 0 0.5em 0.3em;
    font-size: 1.5em;
}

#refes {
    justify-content: space-evenly;
    font-size: 1.2em;
}

.eventos_age ul li, .talleres ul li {
    padding: 0.8em 0.8em;
    margin: 1em 1em;
}

.eventos_age ul li div a, .talleres ul li div a {
    font-size: 1.2em;
}

.eventos_age h4, .talleres h4 {
    font-size: 1.5em;
}

/*LIBRO Y PELÍCULAS-----------------------------*/

.portada_libro div .material-icons, .portada_pelicula div .material-icons  {
    font-size: 50px;
}

.caracteristecas_libro, .caracteristecas_pelicula {
    font-size: 1.5em;
}

/*NOVEDADES----------------------------------*/

#img_pelicula-2 {
    margin: auto 2em ;
    height: 40vh;
}

#img_pelicula-2 h2, #img_libro-2 h2 {
    font-size: 3em;
    margin: 0em 4em 0.1em 0em;
}

#img_pelicula-2 p, #img_libro-2 p {
    font-size: 1.5em;
}

#img_libro-2 {
    margin: auto 2em ;
    height: 40vh;
}

main #img_pelicula-2 a, #img_libro-2 a {
    font-size: 1.5em;
}

main #img_pelicula-2 a:hover, #img_libro-2 a:hover {
    font-size: 1.5em;
}

/*FILTROS ----------------------------------*/

.buscador-filtros span {
    font-size: 1.5em;
}

.filtros-desplegable, .filtros-desplegable2, .filtros-desplegable3 {
    padding-top: .5em;
    top: 2.1em;
}

.buscador-filtros div ul li a {
    font-size: 1.5em;
}

.buscador-filtros .material-symbols-outlined {
    font-size: 3em;
}

/*MIS FAVORITOS ---------------------*/

section h3 {
    margin: 0 2em;
    font-size: 1.5em
}
}

/*--------------RESPONSIVE-DESKTOP-------------------*/

@media screen and (min-width:992px) {

/*HEADER---------------------------*/

header nav {
    margin-bottom: 0.5em;
    width: 100%;
}

.menu-btn {
    display: none;
}

header nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: .5em;
    position: inherit;
    padding-top: 0;
    width: 100%;
    transition: none;
    visibility: visible;
    opacity: 1;
}

header nav ul li {
    min-width: 4em;
    margin: .25em;
  }

  header nav ul li a {
    background-color: #2d325ad8;
    border-radius: .25em ;
    color: white;
    font-size: 1rem;
    width: auto;
    padding: .35em 1.2em;
    text-align: center;
    display: block; 
  }

  header nav ul li a:hover {
    background-color: white;
    color: #2d325ad8;
  }
  
  .textos > .articulos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }



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

.contenedora {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0 auto;
    align-items: center;
}

.contenedora>div:first-of-type {
    width: 100%;
    margin-top: 1em;
    padding: 0;
    order: -1;
    align-items: center;
}

.busqueda {
    width: 80%;
    height: 2em;
}

.img-perfil {
    margin: 0 0 0 auto;
    max-width: 25%;
}

.contenedora picture img {
    margin: 0.7em auto 1em 0;
}

/*CONTENIDO*/

.contenedora_2{
    display: flex;
    flex-wrap: nowrap;
    margin: 0 3em 2em 3em;
}

.libro1{
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.titulos {
    display: block;
    margin: 1em auto .5em auto;
    border-inline-start: solid 8px #ff8f2b;
    font-weight: bold;
    max-width: 90%;
    padding: 0;
    text-align: left;
    font-family: 'Poppins', sans-serif;
}

.quienessomos2{

    display:flex
}


/*TENDENCIA----------------------------------*/

.inicio {
    background-color: #ffffff;
}

.peliculas h3, .libros h3{
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    margin: 1em auto .5em auto;
    max-width: 90%;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula {
    background-image: url(../imagenes/bruma.jpg);
    background-position: center;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 12em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

#img_pelicula h2, #img_libro h2 {
    font-size: 2em;
    color: #f65364;
    margin: 0em 2em 0.1em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula p, #img_libro p {
    font-size:.8em;
    color: #ffffff;
    margin: 0em 3em 0em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_libro {
    background-image: url(../imagenes/florentina\(panel\).jpg);
    background-position: center;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 12em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

main #img_pelicula a, #img_libro a {
    background-color: #f65364;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main #img_pelicula a:hover, #img_libro a:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*MAS VISTOS Y MAS LEIDOS -----------------------*/

section h3 {
    margin: 0 1em;
    padding: 0.2em;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.mas_vistas ul, .mas_leidos ul, .cine_int ul, .eventos_age ul, .talleres ul, .libros_para_vos ul, .seguir_viendo ul, .seguir_leyendo ul, .favoritos ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 3em 2em 3em;
    gap: 2em;
}

.mas_vistas ul li, .mas_leidos ul li, .cine_int ul li, .libros_para_vos ul li, .seguir_viendo ul li, .seguir_leyendo ul li, .favoritos ul li {
    width: 50%;
    padding: 1em 0.5em;
    position: relative;
}

.mas_vistas ul li > a, .mas_leidos ul li > a, .cine_int ul li > a, .eventos_age ul li > a, .talleres ul li, .libros_para_vos ul li > a, .seguir_viendo ul li > a, .seguir_leyendo ul li > a, .favoritos ul li > a {
    box-shadow: 2px 2px 10px #8080807a;
    font-family: 'Poppins', sans-serif;
}

.mas_vistas ul li a img, .mas_leidos ul li a img, .cine_int ul li img, .libros_para_vos ul li img, .seguir_viendo ul li img, .seguir_leyendo ul li img, .favoritos ul li img {
    box-shadow: 2px 2px 10px #8080807a;
    border-radius: 0.25em;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.mas_vistas ul li div a, .mas_leidos ul li div a, .cine_int ul li div a, .libros_para_vos ul li div a, .seguir_viendo ul li div a, .seguir_leyendo ul li div a, .favoritos ul li div a {
    font-weight: 600;
    text-transform: uppercase;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    
}

.datos_peliculas, .datos_libros {
    padding: 1em 0;
}

.datos_peliculas h4, .datos_libros h4, .datos_info h4 {
    margin: .5em 0 0 0;
    padding-top: 0.5em;
    color: #595d56;
    font-size: 14px;
    aspect-ratio: 3;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}

#bajar {
    margin: 2.2em 0 0 0;
}

#bajar-2 {
    margin: 2.3em 0 0 0;
}

#bajar-3 {
    margin: 0.5em 0 1.6em 0;
}

#bajar-4 {
    margin: 1em 0 1em 0;
}

#bajar-5 {
    margin: 2.5em 0 1em 0;
}
.mas_vistas ul li div a, .mas_leidos ul li div a, .cine_int ul li div a, .libros_para_vos ul li div a, .seguir_viendo ul li div a, .seguir_leyendo ul li div a, .favoritos ul li div a {
    font-size: 1em;    
}

main .datos_peliculas >a:last-of-type , .datos_libros >a:last-of-type , .datos_info >a:last-of-type {
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: 0.4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main .datos_peliculas >a:last-of-type:hover , .datos_libros >a:last-of-type:hover , .datos_info >a:last-of-type:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*EVENTOS -----------------------*/

.eventos ul {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 3em 2em 3em;
    gap: 2em;
}

.eventos ul li {
    padding: 1em 1em;
    border-radius: 1em;
    background-color: #171c3c;
    box-shadow: 2px 2px 10px #8080807a;
}

.eventos img {
    border-radius: 1em;
    aspect-ratio: 3 / 2;
    object-fit: contain;
}

.eventos a{
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    padding: 0.4em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em auto 0.5em auto;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.eventos a:hover{
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    padding: .4em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em auto .5em auto;
    display: block;
    font-family: 'Poppins', sans-serif;
}

.eventos h4 {
    margin: 1em auto .5em auto;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

/*QUIENES SOMOS ------------------------*/

.quienes_somos h3 {
    text-transform: uppercase;
}

.logo_acumar {
    background-image: url(../imagenes/imgacumar.jpeg);
    margin: auto 3em ;
    height: 30vh;
    aspect-ratio: 4/3;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 2em;
    box-shadow: 2px 2px 10px #8080807a;
    display: flex;
    justify-content: center;
    align-items: center;
}

#acumar {
    display: block;
    width: 15em;    
}

.parrafos_tema {
    padding: .2em 2em 0 0;
    font-family: 'Poppins', sans-serif;
}

.quienes_somos >a:last-of-type {
    background-color: #ff8f2b;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em 1em 2em 1.5em;
    font-family: 'Poppins', sans-serif;
}

.quienes_somos >a:last-of-type:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .4em 1em;
    border-radius: 1em;
    box-shadow: 4px 3px 6px #edeae63b;
    text-transform: uppercase;
    display: inline-block;
    margin: 1em 1em 2em 1em;
    font-family: 'Poppins', sans-serif;
}

/*REDES ---------------------------*/

.redes h5 {
    padding: 0.5em;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}

.redes ul {
    display: flex;
    padding: .5em;
    width: 60%;
    margin: auto;
    margin-bottom: .5em;
}

.redes ul li img {
    width: 20%;
    margin: auto;
}

/*LOGOS ------------------*/

.logos {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.logos a img {
    width: 80%;
    padding: 0 2em;
}

/*INICIAR SESIÓN Y REGIS----------------------*/

main .formulario {
    background-color: #171c3c;
}

.formulario {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.formulario i {
    font-size: 100px;
    color: #485191;
    margin: 0.2em auto;
    text-align: center;
}

.formulario h2 {
    padding: 0.5em;
    text-align: center;
    margin: 0 3em;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    text-align:start;
    margin: 0 8.5em;
    margin-bottom: 0.5em;
    margin-top: 1.5em;
    color:#ffffff;
    font-family: 'Poppins', sans-serif;
}

form input[type=date], form input[type=text], form input[type=email], form input[type=password] {
    margin: 0 auto;
    border-radius: 1.5em;
    border: solid 1px rgba(128, 128, 128, 0.48);
    padding: 0.5em 1em;
    width: 60%;
    font-family: 'Poppins', sans-serif;
}

.sesion button, .perfil button {
    display: block;
    margin: 2.5em auto 1em auto;
    padding: 0.5em;
    width: 40%;
    text-align: center;
    background-color: #ff8f2b;
    border-radius: 20px;
    color: white;
    font-weight: 600;    
    text-transform: uppercase;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    font-family: 'Poppins', sans-serif;
}

.a-forms {
    margin: 0 auto 3em auto;
    text-decoration: underline;
    color: #ffffff;
    text-align: center;
    font-size: 0.7em;
    font-family: 'Poppins', sans-serif;
}

/*AGENDA -------------------------*/

.datos_info {
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase;
}

/*-------CALENDARIO---------*/
.calendario{
    width: 18em;
    margin: auto;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}

.mesjulio {
    width: 100%;
    margin:auto;
    padding: 0.5em 1.5em 1em 1em;
    background-color: rgba(242, 242, 242, 0.586);
}

.mesjulio h3{
    margin: 0.8em 0 0.5em 0.3em;
    border-bottom: 2.5px solid #2D325A;
}
.numeroscalendario *:not(.dianombre, .agost, .fechadecine, .fechajornada, .fechataller) {
    color: #000000;
    background-color: rgba(246, 247, 251, 0);
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}


.numeroscalendario {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-weight: 700;
}

.agost {
    color: #818181;
    background-color: rgba(246, 247, 251, 0);
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nombredia {
    color: #485191;
}

.numeroscalendario li {
    margin: 0.2em;
}

.fechadecine {
    background-color: #2D325A;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fechataller {
    background-color: #F65364;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fechajornada {
    background-color:#ff8f2b;
    width: 1.8em;
    height: 1.8em;
    border-radius: 50%;
    line-height: 3em;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#refes {
    display: flex;
    justify-content: space-evenly;
    margin: 2em 10em 2em 10em;
    color: black;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
}
.amarillo .material-icons {
    display: block;
    color: #FF8F2B;
}

.rojo  .material-icons {
    display: block;
    color: #F65364;
}
.azul  .material-icons {
    display: block;
    color: #2D325A;
}

.eventos_age ul li, .talleres ul li {
    border-radius: 1em;
    background-color: #171c3c;
    box-shadow: 2px 2px 10px #8080807a;
    width: 45%;
    padding: 0.5em 0.5em;
    position: relative;
    margin: 0.45em 0.45em;
}

.eventos_age img, .talleres img {
    border-radius: 1em;
    aspect-ratio: 1;
    object-fit: cover;
}

#img-int {
    border-radius: 1em;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.eventos_age ul li div a, .talleres ul li div a {
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.eventos_age h4, .talleres h4 {
    margin: 1em auto .5em auto;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

/*LIBRO -----------------------------*/

.libro_detalle, .pelicula_detalle {
    width: 95%;
    margin-top: 4em;
}

.portada_libro, .portada_pelicula {
    display: flex;
    margin-top: 3em;
    flex-direction: column;
    justify-content: center;
}

.portada_libro img, .portada_pelicula img {
    margin: 0 auto;
    max-width: 65%;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    border-radius: .5em;
}

.portada_libro div, .portada_pelicula div {
    margin: 0 auto;
    padding: 1em 0.5em 0;
}

.caracteristecas_libro, .caracteristecas_pelicula {
    width: 80%;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}

.caracteristecas_libro h4, .caracteristecas_pelicula h4 {
    margin-left: 0;
    margin-top: 3em;
    font-weight: 600;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
}

.caracteristecas_libro p, .caracteristecas_pelicula p {
    line-height: 1.3;
    margin-bottom: 3em;
    margin-right: 3em;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

video {
    max-width: 95%;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 600;
}

.botones {
    display: flex;
    margin: 2em 0.5em;
    justify-content: space-between;
}

.botones button {
    background-color: #5b7894;
    color: #f3f0df;
    border-radius: 20px;
    text-align: center;
    padding: 0.5em;
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    width: 45%;
    font-weight: 600;
}

.pelicula, .libro {
    display: flex;
    justify-content: space-between;
}

/*NOVEDADES----------------------------------*/

.peliculas-2 h3, .libros-2 h3{
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    margin: 1em auto .5em auto;
    max-width: 90%;
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula-2 {
    background-image: url(../imagenes/lamary\ .jpg);
    background-position: center;
    margin: auto 1em ;
    height: 45vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 12em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

#img_pelicula-2 h2, #img_libro-2 h2 {
    font-size: 2em;
    color: #f65364;
    margin: 0em 1em 0.1em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_pelicula-2 p, #img_libro-2 p {
    font-size:.8em;
    color: #ffffff;
    margin: 0em 3em 0em 0em;
    font-family: 'Poppins', sans-serif;
}

#img_libro-2 {
    background-image: url(../imagenes/elcolordelrio\(panel\).jpg);
    background-position: right;
    margin: auto 1em ;
    height: 45vh;

    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1em;
    padding: 3em 12em 0em 1em;
    box-shadow: 2px 2px 10px #8080807a;
}

main #img_pelicula-2 a, #img_libro-2 a {
    background-color: #f65364;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

main #img_pelicula-2 a:hover, #img_libro-2 a:hover {
    background-color: #f7aa66;
    text-align: center;
    color: #f65364;
    font-weight: 700;
    padding: .5em 1em;
    border-radius: 1em;
    text-transform: uppercase;
    display: inline-block;
    margin-block-start: 1em;
    font-family: 'Poppins', sans-serif;
}

/*FILTROS ----------------------------------*/

.buscador-filtros {
    display: flex;
    justify-content: space-evenly;
    margin: 0 1em 0 1em ;
}

.filtro {
    position: relative;
    padding: 0 1em;
    margin: 0;
}

.buscador-filtros div {
    display: flex;
    width: 32%;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 0.3em;
    padding: 0.1em .5em;
    border-radius: .5em;
    
}

.buscador-filtros div:nth-child(1) {
    background-color: #ff8f2b;
}

.buscador-filtros div:nth-child(2) {
    background-color: #f65364;
}

.buscador-filtros div:nth-child(3) {
    background-color: #171c3c;
}

.buscador-filtros span {
    color: #ffffff;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
}

.buscador-filtros button {
    background-color: transparent;
    color: #ffffff;
}

.filtros-desplegable, .filtros-desplegable2, .filtros-desplegable3 {
    position: absolute;
    padding-top: .5em;
    top: 2.5em;
    left: 0;
    width: 100%;
    z-index: 900;
    border-radius: 0 0 .5em .5em;
    display: none;
}

.filtros-desplegable {
    background-color: #f7aa66;
}

.filtros-desplegable2 {
    background-color: #f96f7c;
}

.filtros-desplegable3 {
    background-color: #232a5b;
}

.contenedora_21> ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
}

.contenedora_21> ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 50%;
    padding: .5em 0.5em;
    position: relative;
}

.contenedora_21>ul li>a {
    box-shadow: 2px 2px 10px rgb(128 128 128 / 48%);
    margin-bottom: 2em;
}

.contenedora_21 a img {
    box-shadow: 2px 2px 10px #8080807a;
    border-radius: 0.25em;
    aspect-ratio: 2 / 3;
    object-fit: cover;
}

.buscador-filtros div ul li a {
    display: block;
    padding: 1em;
    color: #ffffff;
    font-size: 10px;
    font-weight: 300;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
}

/*MIS FAVORITOS ---------------------*/

.favoritos span {
    display: block;
    font-weight: bold;
    max-width: 90%;
    text-align: left;
    padding: 0 .5em;
    font-family: 'Poppins', sans-serif;
}

.llamafavorito {
    display: flex;
    margin: 1em 1em;
    padding: 0.2em;
    font-weight: 700;
    font-size: 18px;
    align-items: center;
    background-color:#00000000;
}

.favoritos ul {
    border-top: solid 2px #000000;
}

}