html{
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::after,
*::before{
  box-sizing: inherit;
  margin: 0; 
  padding: 0;
}

body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-family: var(--universal);
  color: var(--gris0);
  background-color: var(--gris6);
}

h1, h3, h2:not(.section-heading), h4{
  font-family: var(--rotulos);
}

figure{
  position: relative;
}

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

a{
  text-decoration: none;
  transition: all .3s;
}

ul{
  list-style: none;
}

li{
   list-style-position: inside;
}
form{ 
  font-size: .9em;
}

input[type="text"],
input[type="search"],
input[type="submit"],
input[type="email"],
textarea,
select{
  height: 2.8em;
  border: none;
  outline: none;
  padding: .5em;
  border-radius: 5px;
}

input[type="submit"]{
  font-family: var(--vozEnOff);
}


input[type="search"]{
  width: min(350px, 80%);
}

button,
.boton{
  transition: color .3s;
  border: none;
  outline: none;
  font-size: .8em;
  padding: .5em 1.5em;
  font-weight: bold;
  border-radius: 5px;

  font-family: var(--vozEnOff);
}

.boton:hover{
  cursor: pointer;
}

.busca-form .search-btn{
  padding: 1em;
  height: auto;
}

/*-----------mis elementos-------------*/ 

.hide{
  display: none;
}

.envoltorio{
  margin-left: auto;
  margin-right: auto;
}

.titulo-obra{
  font-style: italic;
}

.etiqueta{
  font-weight: bolder;
  color: var(--gris0);
}

.dcha{
  text-align: right;
}

.izq{
  text-align: left;
}

.centrado{
  text-align: center;
}

.bottom{
  margin-bottom: .5em;
}

.separador-asterisco{
  margin: .5em auto;
  text-align: center;
  letter-spacing: 1;
}

/**************ROTULO******/
.header{
  position: relative;
}

.rotulo{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: .5em;
  position: relative;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  z-index: 1;
}

.rotulo svg{
  width: 100%;
  max-width: 750px;
  max-height: 90px;
}

 
.rotulo h1,
.rotulo p{
  position: absolute;
  bottom: .5em;
  text-align: center;
  font-size: clamp(.9rem, 3.5vw, 1.4rem);
  text-transform: uppercase;

}

.rotulo h1 span{
    text-transform: lowercase;
}

/*--------nota 0-----------*/

.btn-info{
  width: 100%;
  padding-left: 2em;
  
}

.header .btn-info .boton{
  display: inline-block;
  box-shadow: 0 0 0 3px var(--bicheratura6);
}

@media screen and (min-width: 48em) {
  .btn-info{
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0;
    z-index: 2;
  }
}

.catalogo-main #nota0{
  scroll-margin-top: 12rem;
}

.autores-main #nota0{
  scroll-margin-top: 8rem;
}

#nota0 p:not(.p-inicio){
  text-indent: 1.5em;
}

/*--------elementos de las tarjetas-------*/



.card-autor{
  font-family: var(--rotulos);
  font-size: .9em;
}

.excerpt{
  margin-bottom: 1em;
  text-align: justify;
  line-height: 1.6;
  font-family: var(--vozEnOff);
}

      /******paginación números (general)***/

.central-pagination{
  text-align: center;
  margin-bottom: 2em;
  font-family: var(--vozEnOff);
}

.central-pagination>*{
  padding: .25em;
  border-radius: 5px;
  font-weight: bold;
  
}

.central-pagination .current{
  padding: .25em .5em;
}

.central-pagination a:hover{
 text-decoration: underline;
 font-weight: bold;
}

/********tabla**************/

.cont-ordena,
.cont-filtra,
.cab{
  font-family: var(--vozEnOff);
}

.tabla-tr{
  margin-bottom: 1px;
   border-radius: 5px;
}

.tabla-tr h3{
  padding: .5em;
  text-align: center;
   border-radius: 5px;
   font-family: var(--universal);
   font-weight: 500;
}

.tabla-tr p{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .5em;
  font-size: .9em;
}
.thead{
  font-weight: bold;
  font-size: .9em;
}

/*--------formulario busqueda-----------*/ 

.busca-form{
  margin-bottom: 1em;
}



/*------narrador------------*/

.narrador{
  font-family: var(--vozEnOff);
  color: var(--negroUniversal);
  text-align: justify;
}

.grito{
  font-size: 1.2em;
}
/*----------filigrana-----------*/ 

.filigrana{

  width: 50%;
  margin: 3em auto 1em;
  /* opacity: .5; */

}

.filigrana img{
  width: 100%;
  height: 40px;
}


/*--------triptico colapsable-----------*/

.triptico-colapsable{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);

  margin: 2em;
}

.triptico-colapsable img{
  max-width: 100px;
}

.img-quote-1{
  margin-left: auto;
  padding-right: 1em;
}

.img-quote-2{
  margin-right: auto;
  padding-left: 1em; 
}

.triptico-colapsable .cita{
  grid-area: 2 / 1 / 3 / 3;
  margin: 0 .5em;
}

/*--------citas-----------*/

.cita{
  line-height: 1.5;
  font-size: .9em;
}

.contenedor-cita{
  margin-top: 2em;
}

.contenedor-cita .cita{
  margin: 0 1em;
}


.pie-cita{
  text-align: right;
  margin-top: .5em;
}

.cita-interior{
  font-style: italic;
  padding: 0 1em;
  line-height: 1.5;
}

.ini-cita{
    margin-top: .3em;
}

.fin-cita{
    margin-bottom: .3em;
}
.sin-estilo{
  font-style: normal;
}

/*--------figcaption flotante-----------*/

.capt-flotante,
.capt-flotante-dcha,
.p-flotante,
.p-flotante-dcha{
  position: absolute;
  bottom: .5em;
  padding: .5em;
  border-radius: 5px;
  background-color: #ffffff77;
}

.capt-quieto{
  padding: .5em;
  border-radius: 5px;
  background-color: #ffffff88;
  display: inline-block;
  text-align: left;
}

.capt-flotante{
  left: 1em;
  text-align: left;
}

.capt-flotante-dcha,
.p-flotante-dcha{
  right: .5em;
  text-align: right;
  display: inline-flex;
}

.capt-flotante a,
.capt-flotante-dcha a,
.capt-quieto a,
.p-flotante a,
.p-flotante-dcha a{
  color: var(--gris1);
  text-decoration: underline;
}

.p-flotante,
.p-flotante-dcha{
  bottom: 3em;
}


/*--------moldes para las imagenes-----------*/

  /*-------tarjetas------------*/

.thumbnail{
  text-align: center;
  display: flex;
  flex-direction: column;
}

.thumbnail img{
  width: 100%;
  border-radius: 20px;
  /*aspect-ratio: 6/5;*/
}

.thumbnail .capt-quieto{
  align-self: flex-start;
  margin-top: .5em;
}

.thumbnail,
.fig-centro,
.fig-izq,
.fig-dcha{
   margin-left: auto;
   margin-right: auto;
}

.leyenda-centro{
  text-align: center;
  margin: 1em;
}

.leyenda-centro img{
  border-radius: 5px;
}

@media screen and (min-width: 56em){
   .leyenda-centro .nota-dcha{
    display: grid;
    gap: 1em;
    grid-template-columns: 70% 30%;
  }

  .leyenda-centro .nota-dcha figcaption{
    text-align: left;
  }

}
    /*---------imagenes de contenido--------*/


.fig-pie-dcho{
  text-align: center;
  margin-top: 2em;
  width: 100%;
}

.fig-pie-dcho img{
  width: 60%;
}

@media screen and (min-width: 50em){
  .fig-pie-dcho{
    position: absolute;
    bottom: 8em;
    right: 3em;
    width: 50%;
    text-align: right;
  }

   .fig-cab-dcho{
    float: right;
    width: 50%;
    margin-right: -3em;
  }
}

.fig-centro{
  text-align: center;
  margin-top: 1em;
}

.fig-izq,
.fig-dcha{
    max-width: 420px;
    margin-top: 1em;
    text-align: center;
}

.fig-izq.estrecho,
.fig-dcha.estrecho,
.dipt-dcha.estrecho{
  max-width: 300px;
}

.fig-izq.xxs,
.fig-dcha.xxs{
  max-width: 200px;
}

.fig-izq{
  padding-right: 1em;
}

.fig-dcha{
  padding-left: 1em;
}

.fig-izq img,
.fig-dcha img,
.diptico img{
  border-radius: 10px;
}


.diptico{ 
  margin: 1em;
  text-align: center;
}

.diptico img{
  height: 100%;

}

@media screen and (min-width: 60rem){

  .fig-izq{
    float: left;
  }

  .fig-dcha{
    float: right;
  }

  .d55-45{
    display: grid;
    grid-template-columns: .55fr .45fr;
    gap: .5em;
  }

   .d45-55{
    display: grid;
    grid-template-columns: .45fr .55fr;
    gap: .5em;
  }
    .d60-40{
    display: grid;
    grid-template-columns: .6fr .4fr;
    gap: .5em;
  }
  .d50-50{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5em;
  }

  
}

.cont90, .cont80, .cont70, .cont60, .cont50, .cont40{
  margin-left: auto;
  margin-right: auto;
}

.cont90{
  width: 90%;
}

.cont80{
  width: 80%;
}

.cont70{
  width: 70%;
}

.cont60{
  width: 60%;
}
.cont50{
  width: 50%;
}
.cont40{
  width: 40%;
}

figcaption{
  font-size: .9em;
  line-height: 1.3;
}


  /*----------imágenes con leyenda--------*/

.img-nota img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-nota figcaption{
  margin-top: .2em;
}

.col-dcha img,
.cont-fig img{
  border-radius: 5px;
}
.cont-fig [id],
.col-dcha [id]{
  scroll-margin-top: 6em;
}
      /*columna derecha*/

.col-dcha .img-nota{
  margin-bottom: 2em;
}

.fig-centro figcaption{
  text-align: center;
}

      /* contenedor movil a col dcha*/

.cont-fig{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1em;
  margin: 1em 0;
  justify-content: center;
}

.cont-fig .img-nota{
  margin-bottom: .5em;
}

.cont-fig img{
  max-width: 400px;

}

.cont-fig .nota-dcha{
  display: flex;
  gap: .5em; 
}

.cont-fig .nota-dcha>*{
  flex: 1;
}

.cont-fig .nota-dcha img{
  max-width: 200px;
}


.fig-cab-dcho{
  text-align: center;
  margin: 1em;
}



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

.main-header{
  position: sticky;
  top: 0;
  z-index: 20;
  font-family: var(--vozEnOff);
}

.logo{
  padding: .5em 0 .5em 1.2em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}

.logo img{
  width: 180px;
  min-width: 120px;
}

.icono{
  cursor: pointer;
}

.descripcion{
  max-width: 12em;
  padding: 0 .8em;

  font-family: var(--rotulos);
  /* font-weight: bold; */
  text-align: center;
  line-height: 1.2;

}

.hamburguesa{
  position: fixed;
  bottom: 3vh;
  right: 3vw;
  z-index: 20;
  transition: .3s;

  padding: 1em;
  border-radius: 50%;
  background-color: var(--gris0);
}

.hamburguesa:hover{
  background-color: var(--gris2);
}

.hamburguesa svg{
  width: 25px;
  height: 25px;
  fill: var(--gris5);
}

.hamburguesa:hover svg{
  fill: var(--gris6);
}

.search-box{
  position: absolute;
  z-index: 5;
  width: 100%;
  opacity: 0;
  display: none; 
  visibility: hidden;
  text-align: right;
  padding: .5em 3em;
  transition: opacity .3s, transform .3s;
}

.search-box form{
  display: flex;
  gap: .5em;
  align-items: center;
  justify-content: flex-end;
}

.searchbox--show{
  visibility: visible;
  opacity: 1;
}

.central-menu{
  padding: 0 .5em;
  display: none;
}

.central-menu li{
  padding: 0 .5em;
  height: 2em;
  display: flex;
  align-items: center;
  background-color: var(--gris5);
  border-radius: 5px 5px 0 0;
  transition: .3s;
}

.central-menu a{
  font-weight: bold;
  font-size: .9em;
  color: var(--gris3);
  transition: color .3s;
}

.central-menu .active{
  transform: scale(1.02, 1.1);
}

.central-menu .active a{
  color: var(--gris0);
}

.lupa svg{
  width: 20px;
  fill: var(--gris4);

  transition: .3s;
} 

.central-menu li:hover{
  transform: scale(1.02, 1.1);
}


@media screen and (min-width:56em){
  .main-menu{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .logo{
    justify-content: flex-start;
  }
}



  /*--------------MENÚ OCULTO--------*/

.hidden-nav{
  position: absolute;
  width: 100%;
  height: 100dvh;
  text-align: center;
  z-index: 1;

  background-color: var(--gris6);
  transition: transform 0.3s;
  transform: translateY(-200%);
}

.hidden-nav--show{
  transform: translateY(0);
}
.hidden-menu{
  display: flex;
  flex-direction: column;
}

.hidden-nav .menu-item{
  padding: 1em;
  transition: background-color .3s ease;
}

.hidden-nav .menu-item:hover{
  background-color: var(--gris5);
}

.hidden-nav .menu-item:hover a{
  color: var(--gris0);
}
.hidden-nav .menu-item.active{
  background-color: var(--gris5);
}
.hidden-nav .menu-item a{
  font-weight: bold;

  color: var(--gris4);
}
.hidden-nav .menu-item.active a{
  color: var(--gris0);
}

@media screen and (min-width: 36em){
  .search-box{
    display: block;
  }

  .hamburguesa{
    display: none;
  }

  .central-menu{
    display: flex;
    align-items: flex-end;
    gap: .3em;
  }

  .hidden-nav{
    display: none;
  }

}
/********************************************
------------------FOOTER----------------
********************************************/

.main-footer{
  text-align: center; 
  font-family: var(--vozEnOff);
}

.main-footer a{
  position: relative;
  z-index: 5;
  font-weight: bold;
}

.columna1{
  position: relative;
  z-index: 1;
}

.columna1::after{
    position:absolute;
    bottom:-1px;
    left: 25%;
    width:50%;
    content:" ";
    z-index: 0;
}

footer img{
  display: inline-block;
}

.penultimo .envoltorio{
  align-items: center;
}

.penultimo .envoltorio>*{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1em;
}

.penultimo a{
  transition: .3s;
}

.penultimo a:hover{
  text-decoration: underline;
}
.anuncio{
  position: relative;
}

.anuncio p{
  padding: .5em 0;
}

.anuncio span{
  font-weight: bold;
}

.anuncio::after{
  position:absolute;
  bottom:-1px;
  left: 25%;
  width:50%;
  content:" ";
}

.footer-logo{
  width:120px;
}

.contactos li{
  padding: .5rem;
}

.licencia{
  padding: .5em;
}

.licencia img{
  width: 100px;
}


@media screen and (min-width: 48em){
  .penultimo .envoltorio{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .penultimo .anuncio{
    /* flex-direction: row;
    align-items: center; */
  }

  .anuncio::after,
  .columna1::after{
    top: 15%;
    left: 50%;
    height: 70%;
  }

  .footer-logo a{
    display: block;
  }

  .footer-logo img{
    margin-left: auto;
    margin-right: auto;
  }
} 




/********************************************
        FRONT-PAGE
**********************************************/

.front-main section:not(.last-biblioteca.divulgando){
  margin-bottom: 2em;
}

.front-main .envoltorio{
  max-width: 72em;
}

.front-main button a{
  transition: .3s;
}

/*----------LAST-POST------------------*/

.last-post article{
  display: grid;
}

.last-post .rotulo{
  margin-bottom: -2em; 
}

.grid-portada{
  padding: 1em 0;
  border-radius: 20px;
}

.grid-portada .thumbnail{
  padding: 1em;
}

.grid-portada .thumbnail img{
  max-width: min(300px, 100%);
  margin-left: auto;
  margin-right: auto;
}

.last-post-info{
  padding: 0 1em;
  border-radius: 10px;
}

.info-header{
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: flex-end;
  margin-top: -15%;
  margin-bottom: 1em;
}

.last-post-meta h2{
  display: inline-block;
  font-size: 1.4em;
  transition: transform .3s;
  margin-bottom: .5em;
}

.last-post-meta h2 a{
  transition: color .3s;
}

.last-post-meta h2:hover{
  transform: scale(1.05) translateX(.5em);
}

.last-post .titulo-original{
  font-family: var(--rotulos);
  margin-bottom: 1.5em;
}


.linea-zumbador{
  display: flex;
  justify-content: flex-end;
  gap: .5em;
  padding-right: 3em;
  transition: transform .3s;
}

.linea-zumbador p{
  display: flex;
  align-items: center;
  text-align: center;
  gap: .5em;
  transition: transform .4s .2s; 
}

.last-post .hablo svg{
  width: 25px;
}

.last-post .zumbador svg{
  width: 50px;
  height: 50px;
}

.last-post .zumbador svg.crece{
  width: 60px;
  height: 60px;
}

.linea-zumbador p:hover{
  transform: translateX(1em) scale(1.05);
}

.linea-zumbador .zumbador p svg{
  transition: transform .3s;
}

.linea-zumbador p:hover .zumbador svg{
  transform: rotateY(180deg);
}

@media screen and (min-width: 30em){
  .front-main .envoltorio{
    padding: 0 2em;
  }
}

@media screen and (min-width: 48em){
  .grid-portada{
    display: grid;
    grid-template-columns: 2fr 3fr;
    margin-top: 0;
  }

  .info-header{
    margin: 0;
    grid-template-columns: 3fr 1fr;
    align-items: center;
  }

  .last-post-info{
    padding-left: 0;
    padding-right: 3em;
  }
}

/*----------secciones front-page----------------*/
.last-biblioteca.divulgando{
  padding: 2em 0;
}
.section-heading{
  display: inline-block;
  padding: 0 1em;
  margin-bottom: .5em;
  text-align: left;
}

.section-heading a{
  display: inline-block;
  font-family: var(--rotulos);
  transition: transform .3s, color .3s;
}

.section-heading a:hover{
  transform: translateX(.25em) scale(1.1);
}

.fila{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.card{
  max-width: 100%;
  margin: 7.5px;
  flex: 0 1 360px;
  display: flex;
  flex-direction: column;
}

.card-image{
  display: flex;
}

.card-image img{
 border-radius: 10px 10px 0 0;
 aspect-ratio: 6/5;
}

.card-description{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em 0;
  border-radius: 0 0 10px 10px;
}

.card-description h3,
.card-description .card-autor{
  padding: 0 1.5rem;
}

.card-description h3{
  display: inline;
  margin: .5em 0;
  transition: transform .3s;
  font-size: 1rem;
}

.card-description h3:hover{
  transform: translateX(.7em) scale(1.1);
}

.card-description .boton{
  padding: .5em 1em;
  text-align: center;
}

.invitacion{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-end;
  gap: .2em;
  margin-top: 1.5em;
  padding: 0 1em 0 0;
  transition: transform .4s;
}

.invitacion:hover{
  transform: scale(1.05); 
}

.invitacion svg{
  transform: rotateY(180deg);
}

.card-ordenes svg{
  width: 35px;
  height: 35px;
}

.card-ordenes svg.crece{
  width: 50px;
  height: 50px;
}

.invitacion .hablo svg{
  width: 15px;
}

.invitacion>span:first-of-type svg{
  transition: .7s;
}

.invitacion:hover>span:first-of-type svg{
  transform: rotateY(180deg) rotate(43deg) scale(1.2);
}

@media screen and (min-width: 36em){
  .card{
    flex: 0 1 auto;
    width: calc(100% / 2 - 15px);
  }
}

@media screen and (min-width: 60em){
  .card{
    flex: 0 1 auto;
    width: calc(100% / 4 - 15px);
  }
}


/*---------------------------------------
------------SINGLE-----------------------
-----------------------------------------*/

.single-article{
  margin-left: auto;
  margin-right: auto;
  /* max-width: 1200px; */
}

.single-article .single-header,
.single-article .main-content,
.biblioteca-card{
  font-family:var(--contenido);
}

.single-article .rotulo{
  margin-bottom: -2em;

}
.single-article #info{
  scroll-margin-top: 4.5rem;
}

      /*-------single header-------*/

.single-header{
  max-width: 75em;
  margin: 0 auto;
  padding: .5em 1em;
  text-align: center;
  border-radius: 10px;
}

.single-thumbnail{
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}
.ficha-datos{
  position: relative;
  line-height: 1.5;
}

.meta-datos{
  padding: 1em;
}

.meta-datos hr{
  margin: 1em auto;
  width: 70%; 
}

.ficha-encabezado{
  font-weight: bold;
}

.ficha-encabezado{
   margin-bottom: 1.5em;
   font-family: var(--rotulos);
}

.taxon{
  font-style: italic;
}
.busto{
  max-width: 170px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 30em){
  .meta-datos{
    display: flex;
    /* justify-content: center;
    gap: 2em; */
  }

.ficha-datos:first-of-type{
  padding-right: 1em;
  margin-top: 2em;
  width: 55%;
}

.ficha-datos:last-of-type{
  padding-left: 1em;
  width: 45%;
}

  .ficha-datos:first-of-type::after{
    position:  absolute;
    content: ' ';
    right: 0;
    top: 10%;
    height: 80%;
  }

  .meta-datos hr{
    display: none;
  }
}

@media screen and (min-width: 48em){
  .ficha-wrapper{
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    min-height: 280px;
  }

  .meta-datos{
    text-align: left;
    align-items: flex-end;
  }

  .ficha-datos:first-of-type::after{
    right: 1em;
  } 

  .single-article .rotulo{
    margin-bottom: -2.5em;
    margin-right: -6em;
  }
}


@media screen and (min-width: 56em){

  .single-article .rotulo{
    margin-bottom: -5em;
    margin-right: -8em;
  }
}
    /*------single main content---------*/

.main-content{
  line-height: 1.8;
  max-width: 1200px;
  padding: 0 1em;
  text-align: justify;
}

.main-content .narrador{
  font-size: .9em;
  letter-spacing: .06rem;
}

.preambulo{
  margin-bottom: 1rem;
}

.single-section{
  margin-top: 1em;
  margin-bottom: 1em;
}

.single-section p{
   text-indent: 1.5em;
}

.single-section .p-inicio{
  text-indent: 0;
}

.single-section h2{
  font-size: 1.2em;
  margin-bottom: 1rem;
}

.single-section h3{
  font-size: 1em;
  margin-bottom: .75em;
  margin-top: 1.5em;
}

.single-section h4{
  font-size: .9em;
  margin-bottom: .5em;
  margin-top: 1.5em;
}

.clasico{
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 2em; */
  padding: 1px 1em;
  line-height: 2;
  border-radius: 10px;
  background-color: var(--gris6);
}

.col-dcha{
  padding-left: 1em;
  /* margin-top: 6em; */
  display: none;
}

.col-dcha-inicio{
  margin-top: 10em;
}

@media screen and (min-width: 70rem){
  .contenedor{
    display: grid;
    grid-template-columns: 75% 25%;
  }

  .col-dcha{
    display: block;

  }
  .cont-fig{
    display: none;
  }
}

.clasico p{
   max-width: 90ch;
   margin-left: auto;
   margin-right: auto;
 
}

.clasico figcaption p{
  text-indent: 0;
}
.clasico .fig-centro{
   max-width: 90ch;
}

.clasico .fig-centro.estrecho{
   max-width: 400px;
}

.clasico .fig-centro img{
  border-radius: 20px;
}

.ini-capitulo::first-letter{
  font-size: 1.6em;
  font-family: var(--rotulos);
}

pre{
  white-space: pre-line;
  margin-left:auto;
  margin-right: auto;
  font-family: var(--contenido);
  text-align: left;
  line-height: 1.6;
}

.moraleja{
  font-style: italic;
  margin-top: .5em;
}

.verso{
  position: relative;
}

/*---------paginacion-------*/

.single-pagination{
  margin: 1em 0;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  font-family: var(--vozEnOff);
}

.single-pagination a{
  transition: all .3s;
}

.single-pagination a:hover{
  text-decoration: underline;
}

.left-pagination{
  text-align: left;
}

.right-pagination{
  text-align: right;
}

/*---------notas, fuentes, comentarios-------*/

.notas,
.fuentes, 
.comentarios{
  font-size: .9em;
   margin-bottom: 2em;
}

.notas h2,
.fuentes h2,
.comentarios h2{
  font-size: 1.1em;
}

.notas h3,
.fuentes h3,
.comentarios h3{
  font-size: 1em;
}

.separador-notas{
  width: 25%;
}

.nota-pie{
  margin-bottom: .3em;
  display: flex;
  line-height: 1.5;

}

.nota-pie-cont [id],
sup[id]{
  scroll-margin-top: 6rem;
}

.nota-pie a:first-of-type{
  min-width: 30px;
  font-size: .9em;
}

.notas .nota-pie .narrador{
  padding: 0;
}
.txt-nota{
  text-indent: .5em;
  display: block;
}
.notas figure{
  margin-bottom: 1em;
  gap: .5em;
}

.notas figure>*{
  flex: 1;
}
.notas figure img{
  max-width: 200px;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  float: right;
}
.notas figcaption{
  font-size: 1em;
}

/*-------------fuentes------------*/

.lista-fuentes span{
  display: block;
}

.fuente{
  padding-left: 1em;
}

.lista-fuentes a{
  text-decoration: underline;
}

.lista-fuentes a:hover{
  text-decoration: underline;
}
.lista-fuentes a:hover{
  font-weight: bold;
}

.sub-lista-fuentes{
  list-style-type: disc;
  padding: 0 1em;
}


          /************
          comentarios
          **************/

  .cantidad-comentarios{
    font-weight: bold;
    margin-bottom: 1em;
  }

  .lista-comentarios{
    padding-left: 1em;
  }

  /*----------lista comentarios----------*/

  .lista-comentarios .children{
    padding-left: 2em;
  }
  .comment-item{
    margin-bottom: 1em;  
  }

  .post-comment{
    display: flex;
  }

  .comment-content{
    position: relative;
    flex: 1;
    padding: 1em;
  }
  .reply_and_edit{
    position: absolute;
    right: 0;
    top: 0;
  }

  .comment-reply-link{
    padding: .25em 1em;
    border-radius: 5px;
    font-weight: bold;
  }

  /*----------formulario----------*/

.comment-respond{
  margin-bottom: 2em;
}

.comentarios .comment-form p{
  text-indent: 0;
  padding: 0;
  margin: 1em 0;
}

.comentarios input:not([type="checkbox"]){
  height: 2.5em;
}

.comentarios input:not([type="checkbox"], [type="submit"]),
.comentarios textarea{
  width: 90%;
  border-radius: 5px;
  padding: .5em;
  outline: none;
}

.comentarios textarea{
  height: 4em;
}

.comentarios input[type="submit"]{
  width: 200px;
  padding: .5em;
  font-weight: bold;
  cursor: pointer;

  transition: all .3s;
}

.comment-respond a:hover{
  text-decoration: underline;
}

@media screen and (min-width: 30em){
  pre{
    padding-left: 3em;
  }

  .main-content .narrador{
    font-size: .9em;
  }

  .contenedor-cita .cita{
    margin: 0 2em;
  }
}


@media screen and (min-width: 56em){

  .contenedor-cita .cita{
    padding: 0 4em;
  }

    /*-----------main-content-----------*/

  .triptico-colapsable{
    grid-template-columns: 1fr 3fr 1fr;
    grid-template-rows: none;
    align-items: center;
  }

  .img-quote-1{
    grid-area: 1 / 1 / 2 / 2;
  }

  .img-quote-2{
    grid-area: 1 / 3 / 2 / 4;
  }
  
  .triptico-colapsable .cita{
    grid-area: 1 / 2 / 2 / 3;
  }
}



/**************************************
          PLANTILLA MENÚ IZQUIERDA

          SINGLE + AUTORES

****************************************/
.menu-izq-cont{
  position: relative;
  max-width: 96%;
  margin-left: auto;
  margin-right: auto;
}

 [id]{
   scroll-margin-top: 6rem;
 }
 
 /*--------------TOC--------------*/
 
.toc-wrapper{
  width: 100%;
  position: absolute;
  height: 100%;
  transition: transform .4s;
  transform: translateX(-120%);
  z-index: 5;
  border-radius: 5px;

  font-size: .9em;
   
}
  
.toc{
  position: sticky;
  top: 20dvh;
  height: 80vh;
  overflow-y: auto;
}

.autores-main .toc{
  top: 27dvh;
}

.toc-title{
  font-size: 1.2em;
  font-weight: bold;
  padding: 1em 2em;
}

.toc-item{
  padding: .3em 1em .3em 2em;
}

.toc-subitem{
  padding: .5em 1em .5em 2.8em;
}

.toc-sub-subitem{
  padding: .3em 1em .3em 3.5em;
}

.toc-subitem ~ .toc-sub-subitem{
 margin-top: -.5em;
}
.toc a{
  display: block;
  transition: .3s;
}

.toc a:hover{
  font-weight: bold;
}

.main-toc{
  margin-bottom: 1em;
}

.footer-toc a{
  font-size: .9em;
}
.toc--show{
  transform: translateX(0);
}
  
.index-icon{
  position: fixed;
  bottom: 3vh;
  left: 3vw;
  z-index: 20;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .5em;
  cursor: pointer;
  border-radius: 30px;
  font-weight: bold;

  color: var(--gris5);
  background-color: var(--gris0);
}

.index-showhide{
  text-align: center;
}

.index-icon svg{
  width: 20px;
  height: 20px;
  fill: var(--gris5);
}

.index-icon:hover{
  background-color: var(--gris2);
}

.index-icon:hover svg{
  fill: var(--gris6);
}

@media screen and (min-width: 48em){
  .menu-izq-cont{
    display: grid;
    grid-template-columns: 18rem 1fr;
  }

  .menu-izq-cont.hide{
    display: none;
  }

.toc-wrapper{
    width: 100%;
    position: static;
    transform: translateX(0);
  }

  .index-icon{
    display: none;
  }
}

 
/****************************************
            PAGE AUTORES
******************************************/


.toggle-lista-autores{
  position: sticky;
  top: 95px;
  z-index: 10;
  margin-bottom: 1em;
  padding: .5em 1em 0;
  align-items: center;
  justify-content: center;
  display: flex;
}

.toggle-lista-autores small{
  margin-right: 1em;
}

.toggle-lista-autores button{
  font-weight: bold;
  width: 115px;
  height: 2.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .3em;
  padding: .5em .5em 0;
  font-size: .9em;
  border-radius: 5px 5px 0 0;
  margin-bottom: -2px;
  color: var(--gris4);
  background-color: var(--gris5);

  cursor: pointer;
  transition: color .3s;
}
.toggle-lista-autores span{
  height: 100%;
  flex: 1;
 
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px 5px 0 0;
}

.toggle-lista-autores .active{
  box-sizing: content-box;
}

.toggle-profanos,
.toggle-especialistas{
  transition: all .3s;
}

.toggle-profanos.active span{
  background-color: var(--bicheratura1);
  color: var(--bicheratura6);
}

.toggle-profanos span:hover{
  background-color: var(--bicheratura3);
  color: var(--bicheratura6);
}

.toggle-especialistas.active span{
  background-color: var(--divulgando1);
  color: var(--divulgando6);
}

.toggle-especialistas span:hover{
  background-color: var(--divulgando3);
  color: var(--divulgando6);
}

.autores-main .envoltorio{
  max-width: 82em;
}

.autores-main article{
  font-size: .9em;
  padding: 1em;
  margin-bottom: 2em;
}

.thead-hide{
  display: none;
}

.cab{
  position: sticky;
  top: 181px;
  z-index: 5;
  padding: .5em;
  border-radius: 5px;
  margin-bottom: .25em;
}

.cab p{
  text-align: center;
  font-weight: bold;
}

.autor-section{
  padding: .5em;
  margin-bottom: .25em;
  border-radius: 5px;
}

.autor-section h2{
  font-size: 1.1em;
}

.autor-section h3{
   font-size: 1em;
   transition: all .3s;
}

.autor-section h3:hover{
  text-decoration: underline;
}

.autor-section h2{
  padding: .5em 1em;
  display: inline-block;
  border-radius: 5px 5px 0 0;
  font-size: .9rem;
}

.autor-header [id]{
   scroll-margin-top: 11.5rem;
 }
.autor-header .fecha{
  font-size: .9em;
  font-weight: normal;
}

.tabla-obras{
  border-radius: 0 5px 5px 5px;
}

.autores-main .notas{
  margin: 2em 0;
  padding: 0 3em;
}

.autores-main .notas h2{
  font-size: 1.3em;
}

.separador-notas{
  margin: 1em 0 .5em;
}

#indice_nota0{
   scroll-margin-top: 8rem;
}


@media screen and (min-width: 36em){
  .toggle-lista-autores{
    top: 125px;
  }
}
@media screen and (min-width: 48em){
  .autores-main .tabla-tr{
    display: grid;
    grid-template-columns: 1fr 1.2fr .5fr;
  }

  .autores-main .tabla-tr p:nth-child(3),
  .autores-main .tabla-tr p:last-child{
    justify-content: center;
  }

  .autores-main .cab{
    display: grid;
    grid-template-columns: 1fr 1.2fr .5fr;
    align-items: center;
  }

  .autores-main .thead{
    display: none;
  }

  .autores-main .tabla-tr h3{
    text-align: left;
  }
}

@media screen and (min-width: 56em){
  .toggle-lista-autores{
    top: 95px;
  }
  .autores-main .cab{
    top: 150px;
  }
}

@media screen and (min-width: 62em){
  .autor-section{
    grid-template-columns: 1fr 6fr;
  }

  .autor-retrato{
    grid-area: 1 / 1 / 3 / 2;
    align-self: flex-start;
  }

  .autor-header{
    grid-column:  2 / 3;
  }

  .tabla-obras{
    grid-column: 2 / 3;
  }
}


/***************************************
          archivo bibliotecas
****************************************/

aside{
  border-radius: 10px;
}

.biblioteca-envoltorio{
  --ancho-envoltorio: 82em;
  width: 100%;
  max-width: var(--ancho-envoltorio);
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  flex: 1;
}

.biblioteca-envoltorio #notas{
  margin-bottom: 1em;
  scroll-margin-top: 5rem;
}

/************************************
            UNIVERSAL CARD
*************************************/ 

.biblioteca-card{
  margin-bottom: 1em;
  border-radius: 10px;
}

.biblioteca-card>*{
  padding: 1em;
}

.biblioteca-card h1{
  display: inline-block;
  font-size: 1.2em;
  margin-bottom: 1em;
  transition: transform .3s;
}

.biblioteca-card h1:hover{
   transform: scale(1.1) translateX(.5em);
}

.card-meta{
  margin-bottom: 1em;
}

.card-meta p{
  margin-bottom: .5em;
}

/*************************************
          MENU CATEGORIAS
*****************************************/ 

.menu-linaje-wrapper{
  position: sticky;
  top: 15vh;

  font-size: .9em;
  padding: .2em;
  border-radius: 5px;
}

.menu-linaje-wrapper ul{
  width: 100%;
}

.sub-menu{
  display: inline-block;
  padding-left: .75em;
}

.menu-linaje-wrapper .toc-title{
  padding: 1em;
}

.menu-linaje li{
  width: 100%;
  display: grid;
  grid-template-columns: 10% 90%;
  align-items: stretch;
}

.menu-linaje .hide{
  display: none;
}

.menu-linaje a{
  padding: .25em 1em .25em 0;
}

.menu-linaje a:hover{
  font-weight: bold;
}
.menu-linaje li span{
  text-align: center;
}

.menu-linaje li .sub-menu{
  grid-column: 1 / 3;
}

.updown-span svg{
  width: 15px;
  height: 12px;
}

.updown-span:hover{
  cursor: pointer;
}

.right{
  text-align: right;
}

@media screen and (min-width: 30em){
  .biblioteca-card{
    padding: 1em 1em 0;
  }
}

@media screen and (min-width: 45em){
  .biblioteca-envoltorio{
    display: grid;
    grid-template-columns: 1fr minmax(16em, .4fr);
    gap: 1em;
  }
}

@media screen and (min-width: 56em){
  .biblioteca-card{
    display: grid;
    grid-template-columns: 1fr 2fr;
  }
}


/*--------archivo categorías------------*/

.searched-cat{
  display: flex;
  gap: 2em;
  align-items: center;
  margin-bottom: .5em;
}
.searched-cat h2{
  flex-shrink: 0;
}
.searched-cat span{
  font-family: var(--rotulos);
}

.searched-cat .boton{
  font-size: .9em;
  height: auto;
  padding: 1em;
  text-align: center;
  line-height: 1;
}
.alerta{
  padding: 3em;
  border-radius: 10px;
   margin-bottom: 1em;
}

.alerta-alternativa{
  padding: 1em;
  border-radius: 10px;
}
.alerta>p{
  margin-bottom: 1em;
}

.alerta-alternativa p{
  margin-bottom: .5em;
}

.alerta-alternativa li{
  padding: .25em 0 .25em 1em;
  list-style: disc;
  list-style-position: inside;
}

.alerta-titulo{
  text-decoration: underline;
  transition: all .3s;
}

.alerta-titulo:hover{
  font-weight: bold;
}

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

.catalogo-main{
  flex: 1;
}

.tabla-catalogo{
  padding: 1em;
  font-size: .9em;
  max-width: 1280px;
}

.cabezal-catalogo{
  position: sticky;
  top: 126px;
  background-color: var(--bicheratura6);
  z-index: 5;
}

.instrucciones{
  display: flex;
  text-align: right;
  margin-top: .5em;
 
}
.instrucciones p{
  margin-bottom: .5em;
  font-weight: bold;
  padding: 2px 0;

  display: flex;
  justify-content: center;
}

.instrucciones span{
  margin-right: .5em;
  display: inline-block;
  align-self: center;
}

.instrucciones .boton{
  width: 145px;
  padding: .6em 1em;
  font-size: .9em;
}

.form-head{
  display: none;
}

.form-head span{
  display: inline-block;
  margin: .5em;
  padding: .5em;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: .9em;
  background-color: var(--bicheratura3);
  color: var(--bicheratura6);
}
.filtros{
  padding: .5em .5em;
}

.filtros p{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 0;
}

.filtros select{
  display: block;
  width: 94%;
  margin-left:auto;
  margin-right: auto;
  text-wrap: nowrap;
  overflow: hidden;
  padding: .25em .5em;
  height: 2em;
  border: 3px solid var(--bicheratura4);
  background-color: var(--gris6);

  transition: .3s;
}
.filtros option{
  background-color: var(--bicheratura6);
}
.filtros select:hover{
  background-color: var(--bicheratura5);
}

.cabezal-catalogo .cab{
  background-color: var(--bicheratura3);
  color: var(--bicheratura6);
  font-size: .9em;
}

.cabezal-catalogo .cab a{
  color: var(--bicheratura6);
}

.cabezal-catalogo .cab a:hover{
  color: var(--bicheratura1);
}
.catalogo-container{
    margin-bottom: 1em;  
}

.catalogo-container .tabla-tr{
  padding: 1em;
  margin-bottom: .5em;
}

.catalogo-container .thead{
  color: var(--gris0);
}

.td-titulo a{
  font-weight: bold;
}

.td-titulo a:hover{
  text-decoration: underline;
}

.td-orden{
  text-align: center;
}

.tabla-catalogo .notas{
  margin-top: 2em;
}

@media screen and (min-width: 36em){
  .tabla-catalogo .cabezal-catalogo{
    display: block;
  }
  .tabla-catalogo .tabla-tr,
  .tabla-catalogo .cab,
  .filtros,
  .form-head{
    display: grid;
    grid-template-columns: 1.4fr 1fr repeat(2, .60fr);
    align-items: center;
  }
  .tabla-catalogo .tabla-tr{
    padding: .3em 1em;
    margin-bottom: .1em;
  }
  .tabla-catalogo .d-hide, 
  .tabla-catalogo .thead{
    display: none;
  }

  .tabla-catalogo .tabla-tr p{
   justify-content: center;
  }

  .tabla-catalogo .tabla-tr p:first-child,
  .tabla-catalogo .tabla-tr p:nth-child(2){
    justify-content: flex-start;
  }
  .cont-ordena{
    grid-column: 1 / 3;
  }
  .cont-filtra{
    text-align: center;
    grid-column: 3 / 5;
  }
}

@media screen and (min-width: 48em){

  .tabla-catalogo .tabla-tr,
  .tabla-catalogo .cab,
  .filtros,
  .form-head{
    grid-template-columns: 1.4fr 1fr .6fr .7fr repeat(2, .60fr);
  }
  
  .tabla-catalogo .d-hide3{
    display: block;
    text-align: center;
  }
  .cont-ordena{
 
    grid-column: 1 / 5;
  }
  .cont-filtra{
    grid-column: 5 / 7;
  }

  .instrucciones{
    display: flex;
    justify-content: flex-end;
    gap: 2em;
  }
}
@media screen and (min-width: 56em){
  .cabezal-catalogo{
    top: 95px;
  }
 
}
@media screen and (min-width: 56em){

  .tabla-catalogo .tabla-tr,
  .tabla-catalogo .cab,
  .filtros,
  .form-head{
    grid-template-columns: 1.4fr 1fr .6fr .7fr repeat(4, .60fr);
  }

  .tabla-catalogo .d-hide2{
    display: block;
    text-align: center;
  }
  .cont-ordena{
    grid-column: 1 / 5;
  }
  .cont-filtra{
    grid-column: 5 / 9;
  }

}

@media screen and (min-width: 62em){
  .tabla-catalogo .tabla-tr,
  .tabla-catalogo .cab,
  .filtros,
  .form-head{
    grid-template-columns: 1.4fr 1fr .6fr .7fr repeat(6, .60fr);
  }
  .tabla-catalogo .d-hide1{
    display: block;
    text-align: center;
  }
  .cont-ordena{
    grid-column: 1 / 5;
  }
  .cont-filtra{
    grid-column: 5 / 11;
  }

}

/******************************************
              PAGINAS
********************************************/ 

.envoltorio-general{
  width: 100%; 
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
/****************************************
--------------CONTACTA-------------
******************************************/

.contacta-main .envoltorio{
  max-width: 90%;
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 2em 2em;
  border-radius: 10px;
  background-color: var(--bicheratura5);
   color: var(--bicheratura1);
    font-family: var(--vozEnOff);
}

.contact-logo{
  text-align: center;
  padding: .5em;
  margin-bottom: 1em;
}

.contact-logo img{
  display: inline-block;
  width: 90px;
}

.contacta-main p{
  margin-bottom: .5em;
}

.wpcf7{
  margin-top: 2em;
 
}
.wpcf7 form{
  display: flex;
  flex-direction: column;
  /* align-items: stretch; */
}

.wpcf7 p{
  width: 90%; 
  margin-left: auto;
  margin-right: auto;
}
.wpcf7 label{
  font-weight: bold;
}

.wpcf7-form p:last-of-type{
  margin-top: 1em;
  text-align: center;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="submit"],
.wpcf7 textarea{
  width: 100%;
  margin-top: .25em;
}

.wpcf7 textarea{
  height: 5em;
}

.wpcf7 input[type="submit"]{
  font-weight: bold;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--bicheratura1);
  color: var(--bicheratura5);
  outline: 3px solid var(--bicheratura2);
  outline-offset: -3px;
  transition: all .3s;
}

.wpcf7 input[type="submit"]:hover{
  background-color: var(--bicheratura2);
  outline: 3px solid var(--bicheratura1);
  outline-offset: -3px;
  color: var(--bicheratura6);
}

.wpcf7-acceptance > span{
  margin: 0;
}

.wpcf7-acceptance a{
  text-decoration: underline;
  color: var(--bicheratura2);
}

.wpcf7 form .wpcf7-response-output{
  border: none;
  background-color: var(--bicheratura3);
  font-weight: bold;
  border-radius: 5px;
  padding: 1em;
}

.wpcf7-spinner{
  /* color: var(--bicheratura1); */
}


@media screen and (min-width: 36em){
  .contacta-main .envoltorio{
    max-width: 60%;
  }
}

/****************************************
---------------NOSOTROS---------------
******************************************/

.nosotros-main{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  color: var(--gris5);

  background-image: url(../assets/img/locoteca4.jpg);
  background-position: top 0, left 0;
  background-size: cover;
  position: relative;
}

    /*-----------header oscuro------------*/

.bicheratura .main-header.oscuro{
  background-color: var(--gris0);
  color: var(--gris5);
}

.main-header.oscuro .descripcion{
  color: var(--gris5);
}

.bicheratura .oscuro .main-menu{
  border-bottom: 1rem solid  var(--gris1);
}

.bicheratura .oscuro .lupa:hover svg{
  fill: var(--gris2);
}

.bicheratura .oscuro .central-menu li:hover{
  background-color: var(--gris6);
}

.bicheratura .oscuro .central-menu li:hover a{
  color: var(--gris1);
}

.bicheratura .central-menu .active {
  background-color: var(--gris6);
}

.bicheratura .oscuro .central-menu .active svg{
  fill: var(--gris2);
}

.bicheratura .oscuro .search-box{
  background-color: var(--gris1);
}

.main-header.oscuro .boton,
.main-header.oscuro .boton{
  background-color: var(--gris4);
  color: var(--gris2);
  outline: 3px solid var(--gris5);
  outline-offset: -3px;
}

.main-header.oscuro .boton:hover,
.main-header.oscuro .boton:hover{
  background-color: var(--gris5);
  color: var(--gris1);
  outline: 3px solid var(--gris3);
}

/*----------canvas-------------*/

#canvas1{
  position: absolute;
  width: 100%;
  height: calc(100% - 200px);

  top: 200px;

}

/*-----------dust-container-----------*/ 

.dust-container{
  background-color: #00000088;
  margin: 3em 3em 4em;
  border-radius: 20px;
}

.dust-container h1{
  font-size: 1.8em;
}
.texto-nosotros{
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}


 /*-----------footer oscuro------------*/

 /* @media screen and (min-width: 48em){
  .oscuro .penultimo .envoltorio{
    display: grid;
    grid-template-columns: repeat(2, 1fr) .5fr;
  }

 
} */

 .bicheratura .oscuro .penultimo {
  color: var(--gris3);
  background-color: var(--gris1);
}

.oscuro .penultimo .anuncio{
    flex-direction: column;
  }

.bicheratura .oscuro .penultimo a{
  color: var(--gris4);
}

.bicheratura .oscuro .penultimo a:hover {
  color: var(--gris3);
}

.bicheratura .oscuro .anuncio span {
  color: var(--gris3);
}
.bicheratura .oscuro .licencia{
  background-color: var(--gris0);
}

.bicheratura .oscuro .columna1::after{
  border-bottom: 2px solid var(--gris3);
}

.bicheratura .oscuro .anuncio::after{
  border-bottom: 2px solid var(--gris3);
}
@media screen and (min-width: 48em){

  .bicheratura .oscuro .anuncio::after,
  .bicheratura .oscuro .columna1::after{
    border-bottom: 0;
    border-right: 2px solid var(--gris3);
  }
}

.texto-nosotros h1{
  text-align: center;
  margin: 2em;
}

.oscuro .narrador{
  color: var(--gris6);
  margin: 1em;
  line-height: 1.8;
  font-size: 1.2em;
}

.nosotros-main .atribuciones{
  position: absolute;
  bottom: 1em;
  left: 2em; 
  border-radius: 5px;
  background-color: #ffffff55;
  font-family: var(--universal);
  font-size: .8em;
  padding: .5em;
}

.nosotros-main .atribuciones a{
  color: var(--gris0);
  text-decoration: underline;
  font-weight: bold;
}


/****************************************
-------------BÚSQUEDA Y 404-----------
******************************************/


/****************************************
-------------BÚSQUEDA-----------
******************************************/
.search-main{
  flex: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
  font-family: var(--vozEnOff);
}

.search-main .envoltorio-general{
  flex: 1;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.search-main .searched-cat{
  display: inline-block;
}

.search-main .alerta,
.search-main .alerta .alerta-alternativa{
  background-color: var(--bicheratura5);
}

.search-main .opciones a{
  color: var(--bicheratura1);
}

.search-main .opciones a:hover{
  text-decoration: underline;
}

.search-main .alerta .etiqueta{
  font-family: var(--rotulos);
}

.search-main .alerta-aviso{
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(193, 55, 55);
}
.search-main .alerta-aviso span{
  font-size: 1.2em;
}

@media screen and (min-width: 30em){
  .search-main .envoltorio-general{
    padding: 0 2em;
  }
}

/****************************************
-------------404---------------
******************************************/
.main-404{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  font-family: var(--vozEnOff);

  background-image: url(../assets/img/locoteca.jpg);
  background-size: cover;
  background-position: center;

}

.main-404 .alerta{
   background-color: var(--bicheratura5);
}

.main-404 h2{
  margin-bottom: 1em;
  font-size: 1.3em;
}

.main-404 .opciones a{
  color: var(--bicheratura1);
  transition: .3s;
}

.main-404 .opciones a:hover{
  text-decoration: underline;
  font-weight: bold;
}

.main-404 .alerta .etiqueta{
  font-family: var(--rotulos);
  font-weight: normal;
  color: var(--bicheratura2);
  transition: .3s;
}

.main-404 .opciones a:hover .etiqueta{
  color: var(--bicheratura1);
}

.main-404 .alerta .alerta-alternativa{
  background-color: var(--bicheratura5);
}

.main-404 .atribuciones{
  position: absolute;
  bottom: 1em;
  left: 2em; 
  border-radius: 5px;
  background-color: #ffffff77;
  font-family: var(--universal);

  padding: .5em;
}

.main-404 .atribuciones a{
  color: var(--gris0);
  text-decoration: underline;
}


/****************************************
           PAGINAS LEGALES
******************************************/
.main-page{
    background-color: var(--bicheratura5);
}
.main-page .envoltorio{
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
  background-color: var(--gris6);
  border-radius: 10px;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 2em;
}

.main-page h2{
  margin: 2em 0 1em;
}

.main-page h3{
  margin: 2em 0 1em;
}

.main-page h4{
  margin: 1em 0 .5em;
}

.main-page p{
  margin-bottom: .5em;
}

/****************************************
--------------UNIVERSAL CARD--------------
******************************************/

.biblioteca-card .titulo-obra{
  font-family: var(--rotulos);
  font-size: .9em;
}
.biblioteca-card .zumbador svg{
  width: 50px;
  height: 50px;
}

.biblioteca-card .zumbador svg.crece{
  width: 60px;
  height: 60px;
}

.biblioteca-card .hablo svg{
  width: 20px;
  height: 20px;
}


/****************************************
--------------PAGINAS DE VENTAS--------------
******************************************/

.main-productos.envoltorio{
  max-width: 90%;
  padding: 2em;
  font-family: var(--vozEnOff);
}

.main-productos h2{
  text-align: center;
}

.main-productos h2:nth-of-type(2){
  margin-bottom: .5em;
}

.main-productos h3{
  font-size: .9em;
  margin-top: .5em;
}

.main-productos ul{
  list-style-type: disc;
  padding-left: 2em;
  margin-top: 1em;
}

.main-productos li{
  margin: .25em;
}

.main-productos li a{
  color: var(--bicheratura1);
}

.main-productos .edd-blocks__downloads{
  gap: 1em;
}
.main-productos li a:hover{
  text-decoration: underline;
}

.main-productos .edd-blocks__columns .edd-blocks__download{
  padding: 0;
}

.edd-blocks__checkout,
.edd-blocks__downloads,
.edd-blocks__confirmation,
.edd-blocks__receipt{
  margin: 1em 0 2em;
  padding: 1em 2em; 
  background-color: var(--gris6);
  border-radius: 10px;
}


.edd-blocks__downloads header a,
.edd-blocks__downloads h3 a{
  cursor: not-allowed;
  pointer-events: none;
}

.edd-blocks__downloads p{
  font-weight: bold;
  color: var(--bicheratura1);
  margin-bottom: .5em;
  font-size: .9em;
  font-family: var(--rotulos);
}

.edd-blocks__downloads img{
  min-height: 190px;
}

.edd-blocks__downloads .edd-submit.button.blue{
  background-color: var(--bicheratura1);
  border: none;
}

.edd-blocks__downloads .edd-submit.button.blue:hover{
  background-color: var(--bicheratura2);
}

.edd-submit.button.blue{
  background-color: var(--bicheratura1);
  font-family: var(--vozEnOff);
}

.edd-submit.button.blue:hover{
  background-color: var(--bicheratura2);
}

.edd-blocks__confirmation h3{
  font-size: 1em;
}


.main-productos .edd-blocks-receipt__items{
  margin-bottom: .5em;
}

.main-productos .edd-blocks__row{
  font-size: .9em;
  gap: 0;
}