@font-face {
  font-family: "Avenir Next Bold";
  src: url(/assets/fonts/AvenirNextCyr-Bold.woff2) format("woff2");
  font-weight: bold;
}

@font-face {
  font-family: "Avenir Next Bold Italic";
  src: url(/assets/fonts/AvenirNextCyr-BoldItalic.woff2) format("woff2");
  font-weight: bold;
}

@font-face {
  font-family: "Avenir Next Demi";
  src: url(/assets/fonts/AvenirNextCyr-Demi.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Demi Italic";
  src: url(/assets/fonts/AvenirNextCyr-DemiItalic.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Heavy";
  src: url(/assets/fonts/AvenirNextCyr-Heavy.woff2) format("woff2");
  font-weight: bolder;
}

@font-face {
  font-family: "Avenir Next Heavy Italic";
  src: url(/assets/fonts/AvenirNextCyr-HeavyItalic.woff2) format("woff2");
  font-weight: bolder;
}

@font-face {
  font-family: "Avenir Next Italic";
  src: url(/assets/fonts/AvenirNextCyr-Italic.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Light";
  src: url(/assets/fonts/AvenirNextCyr-Light.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Light Italic";
  src: url(/assets/fonts/AvenirNextCyr-LightItalic.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Medium";
  src: url(/assets/fonts/AvenirNextCyr-Medium.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Medium Italic";
  src: url(/assets/fonts/AvenirNextCyr-MediumItalic.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Regular";
  src: url(/assets/fonts/AvenirNextCyr-Regular.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Thin";
  src: url(/assets/fonts/AvenirNextCyr-Thin.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Thin Italic";
  src: url(/assets/fonts/AvenirNextCyr-ThinItalic.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Ultra light";
  src: url(/assets/fonts/AvenirNextCyr-UltraLight.woff2) format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "Avenir Next Ultra Light Italic";
  src: url(/assets/fonts/AvenirNextCyr-UltraLightIt.woff2) format("woff2");
  font-weight: normal;
}

body {
  font-family: "Avenir Next Regular";
  color: #000;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  align-items: center;
}

.card-img-top {
  width: 100%; /* ocupa todo el ancho del contenedor */
  max-width: 350px; /* ancho máximo */
  height: 230px; /* altura fija */
  object-fit: cover; /* recorta la imagen sin deformarla */

  display: block;
  margin: 0 auto;
}
/* NAVEGADOR */

.navegacion {
  font-family: "Avenir Next Bold";
  font-size: 19px;
}

.boton-barra {
  background-color: #b0b563;
  align-items: center;
  text-align: center;
  font-size: 15px;
}

/* Footer */

footer {
  background-color: #b0b563;
  padding: 15px;
}

footer a {
  text-decoration: none;
  color: #000;
}

.linea-vertical {
  height: 70px; /* Altura de la línea */
  width: 1px; /* Ancho de la línea */
  background-color: #5e5e5e; /* Color de la línea */
  display: inline-block; /* Para que se comporte como un elemento de línea */
  padding: 0%;
}

.social-media {
  font-size: 14px;
  text-align: center;
  font-family: "Avenir Next Regular";
}

.social {
  align-items: center;
  font-family: "Avenir Next Regular";
}

.terminos {
  font-size: 14px;
  font-family: "Avenir Next Bold";
}

.iconos {
  padding: 5px;
  font-size: 20px;
  align-items: center;
}

small {
  font-size: 14px;
  text-align: center;
  font-family: "Avenir Next Regular";
}

.copyright {
  font-size: 15px;
}

.amigarti {
  font-size: 18px;
  font-family: "Avenir Next Bold Italic";
}
/* Slogan */

.slogan {
  background-color: #f7c364;
  size: inherit;
  padding: 40px 20px;
  font-family: "Avenir Next Heavy";
  color: #5e5e5e;
}

.img-slogan {
  max-width: 95%;
  border-radius: 15px;
}

/* productos destacados */
.producto-destacado {
  font-family: "Avenir Next Bold";
  padding: 28px;
}

.titulo-tarjeta {
  text-decoration: underline;
}

.tarjeta {
  background-color: #5e5e5e;
  color: #fff;
}

.descripcion {
  font-family: "Avenir Next Regular";
  text-align: left;
}

.letra {
  font-family: "Avenir Next Demi";
  margin: 5px;
}

.precio {
  font-family: "Avenir Next Thin Italic";
}

.yarn-color {
  max-width: 10%;
  border-radius: 15px;
}

.btn-producto-destacado {
  background-color: #fbeee2;
  color: #5e5e5e;
  padding: 6px 35px 6px 35px;
  margin-top: 15px;
}

/* Productos */

.espacio {
  padding: 8px;
}

.titulo-producto {
  font-size: 15px;
  text-align: center;
  align-items: center;
  margin: 5px;
}
.cuerpo-productos {
  padding: 5px;
  align-items: center;
  text-align: center;
}

.productos {
  font-family: "Avenir Next Bold";
  padding: 28px;
}

.modal-content {
  background-color: #a2d5cb;
  font-family: "Avenir Next Heavy";
  text-align: center;
}

.tarjetas-productos {
  font-family: "Avenir Next Bold";
  background-color: #fbeee2;
  color: #5e5e5e;
}

.texto-productos {
  font-family: "Avenir Next Regular";
  font-size: 13px;
}

.btn-footer {
  font-family: "Avenir Next Bold";
}

.btn-close {
  background-color: #fbeee2;
}

/* Patrones */

.patrones {
  font-family: "Avenir Next Bold";
  padding: 28px;
}

.contenidotemp {
  font-family: "Avenir Next Regular";
}

/* Nosotros */

.nosotros{
  font-family: "Avenir Next Bold";
  padding: 28px;
}

.info-nosotros{
  font-family: "Avenir Next Regular";
  text-align: left;
  
}

.nosotros-size-ami{
  height: 150px;
  float: right;
  margin: 5px;
}


.nosotros-size-lucne{
 height: 200px;
  float: left;
  margin: 5px;
}

.nosotros-size-luc{
 height: 210px;
  float: right;
  margin: 5px;
}

.nosotros-size-flori{
 height: 190px;
  float: left;
  margin: 5px;
  padding: 10px;
}

.vision-valores{
  padding: 50px;
}

.textos-nosotros{
  text-align: justify;
}

.mision{
  font-family: "Avenir Next Bold";
  padding: 25px;
  font-size: 20px;
  text-decoration: underline;
}

.valores{
  font-family: "Avenir Next Bold";
  padding: 25px;
  font-size: 20px;
  text-decoration: underline;
}

/* Contacto */

.portada{
  max-width: 55%;
}

.titulo-contacto{
   font-family: "Avenir Next Bold";
   font-size: 18px;
}

a{
  text-decoration: none;
  color:#000000;
}

/* Carrito */

.compras{
  font-family: "Avenir Next Bold";
  padding: 28px;
}