@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&family=Raleway:ital,wght@0,200;0,700;1,300&display=swap');

/*
para que el ancho de los elementos html se calculen hasta los bordes y no solo por sus contenidos cambiando lo que viene predeterminado */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/*Variables de colores en el documento y tipografia*/
:root {
    --color-header: #94cdba;
}

header, footer{
    background-color: #94cdba;
    color: #bc7777;
}

body{
    background: linear-gradient(#fee4b3, #eca622);
    color: #000000;
    font-family: "montserrat";
    margin: 0em;
    min-height: 100vh;
    /*caja flexible*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

main{
    background-image: url("../imagenes/fondo.png");
    background-repeat: no-repeat;
}

/*-------- HEADER GENERAL --------*/
/*akinemar*/
.contenedora1{
    background-color: #71141e;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.contenedora2{
    display: flex;
    /*justify-content: flex-end;*/
}

div.fotoakinemar{
    margin-left: 30%;
}

img#fotoakinemar{
    display: flex;
    /*justify-content: center;*/
}

.img-usuario{
    margin: 0 0 0 0;
}

.flecha{
    width: 30px;
    height: 30px;
    margin: 1em;
    display: flex;
    /*justify-content: flex-end;*/
}

.header2{
    display: flex;
    align-items: center; 
    justify-content: space-between;
}

.botonesprincipal{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0.5em;
    padding: 0;
    width: 100%;
}

img {
    /* medirán, como máximo,
    el tamaño del bloque html que las contiene */
    max-width: 100%;
    margin: 0;
}

#usuario{
    background-color: #000000;
    /*margin: auto;*/
    width: 70px;
    height: 60px;
    /*border-radius: 50%; */
    display: flex;
    justify-content: flex-end;
}

.logo-acumar img{
    /*margin: auto; */
    display: block;
    width: 100px;
}

.logo-acumar2 img{
    display: block;
    width: 100px;
}

ul.botonesprincipal{
    color: #71141e;
    text-decoration: underline;
    margin: 0;
    padding: 0.5em;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 23px;
    list-style: none;
    justify-content: space-between;
}

/*texto botones*/
a{
    color: #71141e;
    display: flex;
    justify-content: center;
}


li.botonindex{
    list-style: none;
    margin-left: 2em;
}

li.botoneventos{
    list-style: none;
    margin-right: 2em;
} 

/*para que cuando el cursor se posiciona cambie de color*/
header nav ul li a:hover{
    background-color: #1d7f80;
    color: white;
    padding: 0.2em;
}

/* Enlaces activos 
.biblioteca header nav ul li:first-child a,
.eventos header nav ul li:nth-child(2) a {
    background-color: #dafa68;
} */

/* Enlaces activos */
.inicio header nav ul li:first-child a,
.biblioteca header nav ul li:nth-child(2) a,
.eventos header nav ul li:nth-child(3) a {
    background-color: #1d7f80;
    padding: 7px;
}

/*--------TEXTOS-------*/
h1{
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding: 1rem;
    font-family: 'Montserrat', sans-serif; 
    font-weight: 700;
}

h2{
    color: #71141e;
    text-decoration: underline;
    margin: 0;
    padding: 0.3em;
    box-sizing: border-box;
    align-items: center;
    
    justify-content: flex-start;
    font-family: 'Montserrat', sans-serif; 
    /*font-weight: 300;*/
}

h3{
    color: #71141e;
    display: flex;
    justify-content:center;
}
h4{
    color: #71141e;
    display: flex;
    /*flex-direction: column;*/
    width: 100%;
    font-size: 18px;
    font-weight: 300;
}



h5{
    color: #71141e;
    margin: 0 0 0 auto;
    border: #71141d 3px solid;
    padding: 5px;
    margin-top: 5em;
}

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

.contenedora-novedades{
    display: flex;
    flex-direction: column;
    background-color:#d06f2a86 ; 
    margin: 2em;
    padding: 0.5em;  
}

div.sliderlibros{
    display: flex;
    justify-content: center;
    margin: 1em;
}

/* UL CLASS LIBROS */
ul.libros{
    
    list-style: none;
    margin: 0;
    padding: 0em;
    display: flex;
    justify-content: center;
    justify-content: space-around;
}

ul.libros li{
    max-width: 60%;
    height: auto;
    margin: 0;
    padding: 0;
    align-items: center;
    margin-block-start: 0em;
    margin: 1em; 
    /*caja flexible*/
    display: flex;
    justify-content: space-between;
}

/* ------ CONTENEDORA TALLERES --------*/
.contenedora-talleres{
    background-color:#e3954284;
    margin: 2em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    
}

.imagenes-talleres{
   /* width: calc(80% - .5em); */
    width: 100%;
    margin: 0;
    padding: 0; 
    /*justify-content: space-between; */
    align-items:center;
    list-style: none;
    /*caja flexible*/
    display: flex;
    gap: 1em;
    justify-content: center;
    justify-content: space-around; 
    
}

#img1{
    padding: 1em;
}

#img2{
    padding: 1em;
    align-self: flex-start;
    width: 50%;
    height: auto;
}
#img3{
    padding: 1em;
    align-self: flex-start;
    width: 50%;
    height: auto;
    margin-top: 0.5em;
}

.caja1{
    background-color:#ca6714;
    display: flex;
    flex-wrap: wrap;
    /*gap: 1em;*/
    padding: 1em;
    width: 50%;
    margin-top: 1em;
}

.caja23{
    width: 50%;
}

.caja2{
   /* width: calc(190% - 0.5em); */
    background-color:#ca6714;
    display: flex;
    /*flex-wrap: wrap;*/
    /*gap: 1em;*/
    padding: 1em;
    width: 100%;
    /*flex-direction: column;*/
    align-items: center;
    margin-top: 1em;
    align-items: stretch;
}

div.imagencaja2{
    display: block;
    margin-right: 0;
}

.textoTaller{
    width: 50%;
}

.caja3{
    /*width: calc(190% - 0.5em); */
    background-color:#ca6714;
    display: flex;
    padding: 1em;
    margin: 1em 0 0 0 ;
    width: 100%;
    align-items: center;
}

div.textoTaller{
    display: flex;
    flex-direction: column;
    padding: 1em 0 1em 0;
}

div.textoTaller2{
    display: flex;
    flex-direction: column;
    margin-top: 1em;
}

/* ------ CONTENEDORA GALERIA --------*/
/*
.contenedora-galeria{
    background-color:#f3a05782;
    margin: 2em;
    padding: 0.5em;
} */

.contenedoragaleria{
    background-color: #f3a05782 ;
    /*width: 100%;*/
    position: relative;
    /*height: 780px;*/
    display: flex;
    flex-direction: column;
    margin: 2em;
    padding: 1em;
}
/*
.botones{
    font-size: 30px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    font-weight: bold;
    position: absolute;
    color: #fff;
    box-shadow: 0 0 10px rgba(255,255,255,.6);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.botones:hover{
    cursor: pointer;
    transform: scale(1.2,1.2);
}

div.atras.boton{
    left: 2%;
    top: calc(50% - 70px);
}

div.adelante.boton{
    right: 2%;
    top: calc(50% - 70%);
} */

/* UL IMAGENES*/
ul.imagenes-galeria{
    list-style: none;
    padding: 0em;
    /*caja flexible*/
    display: flex;
    justify-content: space-around;
    margin: 1em;
}

ul.imagenes-galeria li{
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    align-items: center;
    margin-block-start: 0em;
    margin: 0.2em; 
    /*caja flexible*/
    display: flex;
    justify-content: space-between;
}

.imagenes-galeria{
    /*max-width: 100%; */
   /* height: auto;*/
    margin: 0;
    padding: 0;
    /*width: 300px; */
    justify-content: space-around;
     
}

div.imagenslider{
    display: flex;
    justify-content: center;
}

img#imagenesslider{
    display: flex;
    justify-content: center;
    margin: 1em;
}

/* -------- FOOTER GENERAL -------*/

footer{
    margin: 0;
    padding: 0.2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

div.redes ul{
    padding: 0;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

img#logoacumar{
    margin-left: 2em;
}

img#logoacumar{
    margin-left: 2em;
}

/*dispositivo desde 600px de ancho*/
@media screen and (min-width:600px){
    header nav ul {
      flex-direction: row;
    }
}

/*----------------------- PAGINA BIBLIOTECA ------------------------------*/

/*Textos*/
a#titulolibromes{
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif; 
    text-decoration: underline;
    padding: 0.1em;
}

span{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    margin-right: 00.2em;
}

a#autorlibromes{
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    font-style: oblique;
    font-size: 19px;
    font-weight: 300;
}

h5#botonvistaprevia{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-left: 6em;
    margin-right: 7.4em;
}

h5#botonfisico1{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    /* margin: 0 0 0 0; */
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
    
}

h5#botonfisico2{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
}

h5#botonfisico3{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
}

h5#botondigital1{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 5em;
}

h5#botondigital2{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 5em;
}

h5#botondigital3{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 5em;
}

h4#subtuitulodestacado{
    display: flex;
    justify-content: center;
}

/*CONTENEDORA UNO*/
ul.libro-mes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 1em;
   
}
/*CAJA CONTENEDORA 2*/
ul.libro-mes2{
    /*background-color:#d1722ed6;*/
    margin: 2em;
    list-style: none;
    margin-top: 1em;
    display: grid;
    padding: 1em 0 1em 0;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 2em 1fr 4em;

}

div ul li:nth-child(1){
    grid-area: 2/2/3/3;
}

div ul li:nth-child(2){
    grid-area: 3/2/4/3
}

div ul li:nth-child(3){
    grid-area: 2/3/3/4
}

main section ul a{
        color: #71141e;
        display: flex;
        justify-content: center;
        font-family: 'Raleway', sans-serif; 
        text-decoration: underline;
        padding: 0.1em;
        font-weight: 600;
}

/*imagen libro vivian*/
li.imgvivian{
    display: flex;
    justify-content: center;
}

img#librovivian{
    width: 124.5px;
    height: 190px;
}

/*texto vista previa*/
li.textovistaprevia{
    /*background-color: #be4018;*/
    display: flex;
    flex-direction: column;
    
}
/*imagen estrella*/
li.imgestrellas{
    display: flex;
    justify-content: center;
}

img#imgestrellas{
    margin-top: 1em;
    width: 137.5px;
    height: 28px;
}

.libromes{
    background-color:#d1722ed6;
    margin-left: 2em;
    margin-right: 2em;
    
}

/*----------- LIBROS DESTACADOS --------------*/
section.libro2{
    background-color: #d1722ed8;
    margin: 2em;
    list-style: none;
    padding: 1em;
}

div.titulo-libro-destacado{
    display: flex;
    flex-direction: column;
    justify-content: center;
}



/*----------------- LIBRO DESTACADO 1 --------------------*/
ul.destacado1{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 1em;
}

section ul li li li:nth-child(1){
    grid-area: 2/1/3/2
}

section ul li.imagenanillos:nth-child(4){
    grid-area: 5/1/6/2
}*/

/*section ul li:nth-child(5){
    grid-area: 5/2/6/3
}*/

li.imagennatural{
    display: flex;
    /*justify-content: center;*/
    list-style: none;
    /*margin-top: 1em;*/
}



li.texto-destacado{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

div.botonnatural{
    display: flex;
    
    flex-wrap: wrap;
}

img#fotonatural{
    width: 136px;
    height: 211px;
}

li.botonesbiblio{
    display: flex;
    /*flex-direction: column;*/
}

/*----------------- LIBRO DESTACADO 2 --------------------*/
ul.destacado2{
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    margin: 1em;
}

li.imagenanillos{
    list-style: none;
}

li.texto-destacado2{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

img#fotoanillos{
    width: 136px;
    height: 211px;
}

div.botonanillos{
    display: flex;
    flex-wrap: wrap;
}

/*----------------- LIBRO DESTACADO 3 --------------------*/
ul.destacado3{
    display: flex;
    justify-content: space-evenly;
    align-items: center; 
    margin: 1em;
}

li.imagenmontaje{
    list-style: none;
}

li.texto-destacado3{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

img#fotomontaje{
    width: 136px;
    height: 211px;
    margin-left: 1.2em;
}

div.botonmontaje{
    display: flex;
    flex-wrap: wrap;
}

/*----------------------- PAGINA LIBRO ------------------------------*/
/*TEXTOS*/
h3#autore{
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif; 
    padding: 0.1em;
}

h4#subtitulo{
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    font-style: oblique;
    font-size: 19px;
    font-weight: 300;
    
}

h5#boton1{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    padding: 0.4em;
    margin-top: 0;
    border: 0;
    margin-right: 0em;
}

h5#boton2{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    padding: 0.4em;
    margin-top: 0;
    border: 0;
    margin-left: 8em;
    margin-right: 1em;
}

/*---------TITULO-----------*/
section.titulo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2em;
    margin-bottom: 1em;
}

/*------------CONTENIDO-----------*/
section.derecha{
    display: flex;
    flex-direction: column;
}

li.imagenlibro{
    display: flex;
    list-style: none;
    justify-content: center;
}

img#librovivian2{
    display: flex;
    justify-content: center;
}

/*estrellas*/
li.imgestrella{
    display: flex;
    justify-content: center;
}

img#estrella{
    width: 206px;
    height: 42px;
}

li.botones{
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
    width: 70%;
}

/*----PARRAFO-----*/
section.parrafoprincipal{
    background-color: #eca52292;
    display: flex;
    margin: 2em;
}

p#parrafolibro{
    display: flex;
    padding: 2em;
}



/*----------------------- PAGINA EVENTOS ------------------------------*/
/*textos*/
h3#titulostallerlectura{
    color:#71141e;
    display: flex;
    justify-content: center;
}

a#titulostallerniños{
    color: #71141e;
    display: flex;
    justify-content: center;
    text-decoration: none;
}  

a#titulostallermargarita{
    color: #71141e;
    display: flex;
    justify-content: center;
    text-decoration: none;
}

h5#inscripcion{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    border: none;
    /* margin: 0 0 0 0; */
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
}

h5#informacion{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    border: #71141d 3px solid;
    /* margin: 0 0 0 0; */
    margin-top: 2em;
    margin-bottom: 3em;
    margin-left: 3em;
    border: 0;
}

h5#maseventos{
    background-color: #be4018;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    border: 0;
    margin: 0;
    justify-content: center;
}

a#subtituloeventomes{
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    font-style: oblique;
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}

a#tituloeventomes{
    font-size: 20px;
    color: #71141e;
    display: flex;
    justify-content: center;
    font-family: 'Raleway', sans-serif;
    text-decoration: underline;
    padding-top: 1em;
}

h4#fechamargarita{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

h4#masinfo{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

h4#fechaevento2{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

h4#masinfo2{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

h4#fechaevento3{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

h4#masinfo3{
    color: #71141e;
    display: flex;
    /* flex-direction: column; */
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    justify-content: center;
}

/* color de fondo */
.tituloeventos{ 
    background: linear-gradient(#fee4b3, #eca622);
    background-image: url("../imagenes/fondo.png");
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
}
/*CAJA UNO*/    
div.botonesbis{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

section.contcaja1{
    /*display: flex;*/
    justify-content: space-evenly;
    align-items: center;
    margin: 1em;
}

div.evento1{
    display: flex;
    align-items: center;
    margin: 1em;
    flex-direction: column;
}

img#margarita{
    width: 50%; 
}

div.caja1bis{
    background-color: #d06f2a86;
    margin: 2em;
    padding: 3em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*gap: 1em;}*/
    padding: 1em;
    /*width: 50%;*/
    margin-top: 1em;

}

/*CAJA DOS*/
h3#titulostallermargarita{
    color:#71141e;;
    display: flex;
    justify-content: center;
}

div.imgclub{
    display: flex;
    justify-content: center;
    margin: 0.5em;
}

div.evento2{
    justify-content: space-evenly;
    align-items: center;
}

.botoneseventos2{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
}

div.evento3{
    justify-content: space-evenly;
    align-items: center;
    margin: 1em;
    
}

.botoneseventos3{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

img#clubdelectura{
    display: flex;
    align-items: center;
    width: 50%;
    height: auto;
}

div.imgcine{
    display: flex;
    justify-content: center;
    margin: 0.5em;
}

img#tallercine2{
    display: flex;
    align-items: center;
    width: 50%;
    height: auto;
}

div.botonmasventos{
    display: flex;
    justify-content: center;
}

/*----------------------- PAGINA agenda usuario ------------------------------*/
div.imagencalendario{
    background-color: #e3954284;
    margin: 2em;
    padding: 3em;
    display: flex;
    flex-direction: column;
    /*caja flexible*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

}
img#agenda{
    display: flex;
    align-items: center;
    width: 40%;
    height: auto;
}
section.botonescalendario{
    background-color: #e3954284;
    margin: 2em;
    padding: 3em;
    display: flex;
    flex-direction: column;
    /*caja flexible*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
main section ul li a{
    padding: 1em;
    font-size: 18px;
    background-color: #ca6714;
    color: hsl(0, 0%, 100%);
    max-width: 50%;
    margin: 1em auto; 
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 23px;
    list-style: none;
    justify-content: space-between;
    text-decoration:none
}
li.eventos{
    font-family: 'Montserrat', sans-serif;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-left: 2em;
}
li.misemana{
    list-style: none;
    margin-left: 2em;
}
li.misfavoritos{
    list-style: none;
    margin-left: 2em;
}

li.archivo{
    list-style: none;
    margin-left: 2em;
}


/*----------------------- PAGINA ventana de usuario ------------------------------*/
body.ventanausuario{
    background: linear-gradient(#fee4b3, #eca622);

    font-family: 'Trebuchet MS';/*, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; */
   
    margin: 0;
  }

  img {
    /* medirán, como máximo,
    el tamaño del bloque html que las contiene */
    max-width: 100%;
    margin: 0;
} 

/*------ HEADER ----*/
.contenedorausuario{
  max-width: 30%; 
  background-color: rgb(100, 194, 147);
  margin: 0;
  display: flex;
  justify-content: center;
  justify-content: space-between;
  margin: auto;
  padding: 0.3em; 
  /*margin: 1em; */
}

#usuario {
  /*max-width: 15%; */
  width: 60px;
  height: 60px;
  display: flex; 
  justify-content: flex-start; 
  align-items: center;
}

  h1#textousuario{
  display: flex;
  align-items: center;
  padding: 0.25em;
  color: hsl(4, 57%, 28%);
  font-size: 150%;
  border-radius: 0em; 
  margin: auto;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
   
}

.contenedorausuario2{
  /*display: flex;*/
  margin: auto;
  align-items: center;
  max-width: 30%;
  margin-top: 0;
}

ul.botonesventanausuario{
  padding: 0;
}

a#textoagenda{
  /*background-color: rgb(221, 150, 68); */
  display: flex;
  justify-content: center;
  padding: 1em;
  color: hsl(4, 57%, 28%);
  font-size: 18px;
  border-radius: 0m;
  /*max-width: 30%; */
  margin: auto;
  text-align:center;
  border-bottom: 1px solid #70241f;
}

.agendausuario{
  background-color: rgb(221, 150, 68);
  height: 10%;
  list-style: none;
}

h3#textolibros{
    display: block;
    font-size: 18px;
    color: #70241f;
    text-align:center;
    
}
h4#textosesion{
  display: block;
  font-size: 18px;
  color: hsl(4, 57%, 28%);
  text-align:center;
}

li.libros{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #70241f;
}

li.sesion{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#flecha{
  width: 10px;
  height: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*----------------------- PAGINA Club de lectura ------------------------------*/
div.niños{
    padding: 0;
    /* max-width: 50%; */
    margin: 0;
    
}

div.lecturatituo{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin: 1em;
    margin-left: 5.5em;
}

h3#clubdelecturadeniños{
    color: #71141e;
    display: flex;
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    font-weight: 300;
    text-decoration: underline;
    justify-content: flex-start;
}

h4#dias{
    color: #71141e;
    display: flex;
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
    font-weight: 300;
}

div.imgniños{
    display: flex;
    justify-content: center;
    margin-bottom: 1em
}

img#niñosleyendo{
    display: flex;
    align-items: center;
    width: 40%;
    height: auto;
}

p#textolecturaniños{
    font-family: "montserrat";
    font-weight: 300;
    margin-left: 3em;
    margin-right: 3em;
}

p#textolecturaniños2{
    margin-top: 1em;
    font-family: "montserrat";
    font-weight: 300;
    margin-left: 3em;
    margin-right: 3em;
}


/*----------------------- PAGINA Taller de cine ------------------------------*/
div.niños{
    padding: 1em;
    font-size: 18px;
/*    color: #71141e;
    margin: 1em auto;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 23px;
    list-style: none;
    justify-content: space-between;
    text-decoration: none; */
}

div.lecturatitulo{
    margin: 1em;
    margin-left: 5.5em;
}

div.imagenlectura{
    display: flex;
    justify-content: center;
    margin-bottom: 1em
}

img#tallercine{
display: flex;
align-items: center;
width: 40%;
height: auto;
}

p#textolectura{
    color: #71141e;
    font-family: "montserrat";
    font-weight: 300;
    margin-left: 3em;
    margin-right: 3em;
}

p#textolectura2{
    color: #71141e;
    font-family: "montserrat";
    font-weight: 300;
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 1em;
}