/* =====BARRA DE NAVEGACIÓN====== */


.navbar.navbar-expand-md {
  background-color: red;
  font-family: 'Anton', sans-serif !important;
  font-size: 20px;
  

}

.navbar-brand {
  font-size: 150%;
}

.nav-link{transition: 0.1s
}
.nav-link:hover{color:white}

.ancla-ppal{color: black;
 
  width: 60px;
  height: 60px;
  display: block;
}
/* flecha inicio */
.ancla-ppal{font-size: 5%;}
.icono-subir{
  position: fixed;
  right: 4px;
  bottom: 300px;
}
.libros {
  font-size: 80%;
}




#navbarNav {
  background-color: red;
  justify-content: end
}



/* ========TIPOGRAFÍAS========= */
.texto-largo-1 {
  font-family: 'Cabin', sans-serif !important;
  font-size: 150%;
  float:left;
 
}
.presentacion{float:left}

.texto-largo-2 {
  font-family: 'Cabin', sans-serif !important;
  font-size: 130%;
  
}

.texto-corto{
  font-family: 'Cabin', sans-serif !important;
  text-align: center;
  font-size: 120%;
}
.link-catalogo{
  text-decoration: none;
color:red;
font-family: Anton, sans-serif !important;
padding-left: 5px;
padding-right: 5px;
width: 100px;
height: 100px;
margin: 50px auto 0;
-webkit-transition: all 0.1s ease-out;
-moz-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;

}

.link-catalogo:hover{color: white;
  background-color: black;
  text-decoration: none;
  width: 100%;
    height: 200px;
    margin: 0 auto;
    padding-left: 5px;
padding-right: 5px;
}
.lapidarias{
  font-family: 'Antonio', sans-serif !important;
  font-size:150%
}

.avisos{
  font-family: 'Antonio', sans-serif !important;
  font-size:250%
}
.avisos_apartado{
font-weight: bold;
  }
/* textos ligeros son con letra ANtonio */
.textos-ligeros{
  font-family: 'Antonio', sans-serif !important;
font-size:200%;
text-align: center;
}
.tipo-footer {
  font-family: 'Antonio', sans-serif !important;
  font-size: 100%;
  font-weight: bold;
}

.tipo-footer-contacto{
text-decoration: none;
font-size:140%;
color:black;
font-weight: bold;
font-family: Antonio, sans-serif !important;
transition:0.1s;
}
.tipo-footer-contacto:hover{color:white;

}

.btn{
  font-family: 'Antonio', sans-serif !important;
  
}


/* FOOTER */
footer {
  width: 100%;
  position: absolute;
  background-color: red;
  /* opacity: 0.5; */
  justify-content: center;

}
.newsletter-titulo{
  text-align: center;
  font-family: 'Anton', sans-serif !important;
}


.img_remit{width:50%}
/* ======INDEX======== */
/* PRESENTACION */
h1 {
 
  text-align: center;
  font-family: 'Anton', sans-serif !important;
}


/* .presentacion {
  text-align: left;

} */

/* MATERIAS */

h3 {
  /* color: red; */
  text-align: center;
  font-family: 'Anton', sans-serif !important;
}

h4 {
  /* color: red; */
  text-align: center;
  font-family: 'Anton', sans-serif !important;
}

aside {
  /* background-color: pink; */
  text-align: left;
}

/* COMPRAVENTA */

h2 {
  text-align: center;
  font-family: 'Anton', sans-serif !important;
}

/* .condiciones h2{ text-align: left;
  font-family: 'Anton', sans-serif !important;} */



.compraventa {
  text-align: left;

}
 /* img mano con libro */

 .mano_libro{
  width:17%;
  float:right;
  margin-right: 15%;

}
.img_apreton{
  width:13%;
  float:right;
  margin-right: 30%;
  text-align:center;
 
}

/* img LEA ESTO */
.lea_esto{width:20%;
  float:left;
  padding-left:5%;

}

/* FILETES NEGROS*/
.bi.bi-circle-fill {
  width: 5%;
  color: red;
  vertical-align: middle;
  
}

.hr-negro {

  vertical-align: middle;
  display: inline-block;
  width: 40%;
  height: 3px;
  background-color: black;
  opacity: 1;

}

.filete-negro {
  text-align: center;

}

/* FILETES ROJOS*/
.circulo-rojo {
  width: 5%;
  color: black;
  vertical-align: middle;
}

.hr-rojo {

  vertical-align: middle;
  display: inline-block;
  width: 40%;
  height: 3px;
  background-color: red;
  opacity: 1;
  border-color: red;
}

.filete-rojo {
  text-align: center
}


/* =======CATALOGO lista ABC====== */



.nav.nav-pills{
  font-family: 'Anton', sans-serif !important;
  font-size: 30px;
  justify-content: center;
}

.nav-item-abc{
  margin-left: 2%;
  margin-right: 2%;
}

.nav-link-abc{
  
  color:red;
  text-decoration: none;
  transition: 0.1s
}
.nav-link-abc:hover{color:black}

/* ESTILOS ABC DESPLEGADO */



.contenedor-letras{padding-top:5%;
  /* padding-left:10%;
width: 30%; */

}

.list-group{list-style: none;
}

.list-group-item{
  font-family: 'Cabin', sans-serif !important;
  font-size: 130%;
  border:none;
  transition: 0.1s;
}
/* elementos de lista SIN ENLACE */
.list-group-item-bloqueado{
  color:grey;
  font-weight: bolder;
  font-family: 'Cabin', sans-serif !important;
  font-size: 130%;
  text-decoration:none;
  border:none;
  }


.list-group-item:hover{font-weight: bold;}


/* boton ancla ABC*/
.btn.btn-info{
  color:white;
  background-color: red;
  border-color: red;
  font-weight: bold;
  position: fixed;
  right: 4px;
  bottom: 300px;
  width:60px;
  height:60px;
}


/* =========NOVEDADES=========== */
/* .novedades-ppal{height:550px;} */
/* -----IMÁGENES----- */

.img-cabecera{
  max-width: 90%;
  max-height: 70%;
  }
.img-mano-bol{max-width: 75px;
margin-right:20%;
margin-left:72%;
}

.contenedor-gatos{
justify-content: space-between;
align-items: center;
max-width:90%;
margin: auto;
}

.foto-gatos{
max-width:120%;
}

.texto-gatos{
 text-align: center;
  color: red;
  font-family: 'Anton', sans-serif; 
  font-size: 190%;

}

  
  

/* CARRUSEL DE NOVEDADES */
.slider {
  width: 100%;
  height: auto;
  margin: auto;
  overflow: hidden;
}

.slider .slide-track {
  display: flex;
  animation: scroll 40s linear infinite;
  -webkit-animation: scroll 40s linear infinite;
  width: calc(200px * 20);
}

.slider .slide {
  width: 200px;
}

.slider .slide img {
  width: 100%;
}

@keyframes scroll {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  100% {
      -webkit-transform: translateX(calc(-200px * 10));
      transform: translateX(calc(-200px * 10));
  }
}




/* FIN DE CARRUSEL */

/* TEXTO SOBRE FONDO DE FOTOS*/


/* =================CONDICIONES DE VENTA Y ENVÍO============ */


/* MEDIA QUERIES */
/* barra de navegación */
@media (max-width: 768px) {
  nav {
    font-size: 100% !important;
    color: white !important;
  }
}
  /* textos de párrafos */
  @media (max-width: 768px) {
    .texto-largo-1 {
      font-size: 100%!important;
    }
  }

  @media (max-width: 768px) {
    .texto-largo-2 {
      font-size: 90%!important;

  
    }
  }

  @media (max-width: 768px) {
    .texto-corto {
      font-size: 80%!important;
    }
  }
  /* textos de abc */
  @media (max-width: 768px) {
  .list-group-item{
    font-size: 100%!important;
  }
}

/* texto de novedades */
@media (max-width: 768px) {.textos-ligeros{
  font-family: 'Antonio', sans-serif !important;
font-size:140%;

}
}
/* epígrafes condiciones de venta y envío */
@media (max-width: 768px) {.condiciones h2{text-align:center;}
}

@media (max-width: 768px) {
  .list-group-item-bloqueado{
  font-size: 100%!important;
}
}

/* textos de avisos legales*/


@media (max-width: 768px) {.avisos{
  font-family: 'Antonio', sans-serif !important;
  font-size:180%
}
}


  /* textos de footer */
  @media (max-width: 768px) {
    .tipo-footer {
      font-size: 70%!important;
    }
  }
  
    .newsletter-titulo {
      font-size: 80%!important;
    }
  

  /* imágenes */

  @media (max-width: 768px) {.mano_libro{
    width:60%;
padding-right: 10%;
  }
  }

  @media (max-width: 768px) {
  .img-mano-bol{max-width:80px;
    margin-right:30%;
    margin-left: 45%;
  padding-bottom:10%}
}


@media (max-width: 768px) {
.contenedor-gatos{
max-width: 100%;
justify-content: center;
}
}

@media (max-width: 768px) {
.texto-gatos{
text-align: center!important;
font-size: 160%;
}
  }
@media (max-width: 768px) {
.div-foto-gatos{
text-align: center;
max-width:100%;
}
  }
@media (max-width: 768px) {
.foto-gatos{
max-width:90%; 
margin:auto !important;}
  }
@media (max-width: 768px) {.lea_esto{width:40%;
  float:left;
  padding-top:5%;
  padding-bottom:40%;
}
}
@media (max-width: 768px) {.img_remit{width:70%}
}
@media (max-width: 768px) {.img-cabecera{
  max-width:100%;
  }
}

@media (max-width: 768px) {.img_apreton{
  width:40%;
  margin-right:30%;
}
}