:root {
  --black: black;
  --white: white;
}

body {
  color: #333;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.body-home {
  background-color: #dbaeae;
  background-image: url('../images/Home-–-Opening.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10000px;
}

.header {
  z-index: 4;
  background-color: #fff;
  border-bottom: 1px solid #000;
  padding-bottom: .65vw;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.container-header {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.col-a-header {
  grid-column-gap: .6vw;
  justify-content: flex-start;
  width: 35%;
  padding-top: 1.1vw;
  display: flex;
}

.link-header {
  color: #464646;
  text-align: center;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5.8vw;
  height: 2vw;
  padding-top: .2vw;
  font-size: .83vw;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.link-header.w--current {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  text-decoration: underline;
}

.linea-verde {
  background-color: #6bad68;
  border-radius: 0 0 .59vw .59vw;
  height: .53vw;
  position: absolute;
  inset: 0% 0% auto;
}

.logo-container-header {
  background-image: url('../images/logo_fondo.svg');
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 19.94vw;
  height: 5.29vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  left: .29vw;
}

.logo-header {
  height: 1.78vw;
  position: relative;
  left: .35vw;
}

.col-b-header {
  grid-column-gap: .6vw;
  grid-row-gap: .6vw;
  justify-content: flex-end;
  width: 27%;
  padding-top: 1.1vw;
  display: flex;
}

.link-cart {
  color: #464646;
  background-color: #f0f0f0;
  background-image: url('../images/cart_icon.svg');
  background-position: 23%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  border-radius: 100px;
  justify-content: flex-end;
  align-items: center;
  width: 4vw;
  height: 2vw;
  padding-right: .17vw;
  text-decoration: none;
  display: flex;
}

.link-cart.w--current {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  text-decoration: underline;
}

.cart-circled {
  background-color: #ddd;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.54vw;
  height: 1.54vw;
  padding-top: .15vw;
  font-size: .83vw;
  line-height: 1em;
  display: flex;
}

.input-search {
  background-color: #f0f0f0;
  border: 1px #000;
  border-radius: 100px;
  height: 2vw;
  margin-bottom: 0;
  padding: .31vw 1vw .1vw;
  font-size: .83vw;
  line-height: 1em;
}

.form-search {
  margin-bottom: 0;
  position: relative;
}

.form-block-search {
  width: 55%;
  margin-bottom: 0;
  position: relative;
  left: -.23vw;
}

.search-btn {
  color: #0000;
  background-color: #ddd;
  background-image: url('../images/search.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 56%;
  border-radius: 100%;
  width: 1.54vw;
  height: 1.54vw;
  padding: 0;
  position: absolute;
  top: .23vw;
  right: .23vw;
}

.section-hero-home {
  height: 55.2vw;
  padding-top: 5.5vw;
  position: relative;
}

.container-hero-hom {
  z-index: 1;
  width: 95.6%;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.title-hero-home {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 9.3vw;
  font-weight: 400;
  line-height: 1.2em;
  position: absolute;
  top: -.3vw;
  left: 16vw;
}

.title-hero-home.new {
  color: #000;
  font-family: Teodortrial, sans-serif;
  font-weight: 300;
  top: 27.4vw;
  left: .1vw;
}

.title-hero-home.for {
  color: #000;
  font-family: Teodortrial, sans-serif;
  font-weight: 300;
  top: 27.4vw;
  left: auto;
  right: 31.2vw;
}

.title-hero-home.literature {
  top: 38.6vw;
}

.underline {
  border-bottom: .47vw solid #000;
  line-height: .89em;
  display: inline-block;
}

.fondo-hero-home {
  z-index: 0;
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.col-best-sellers {
  z-index: 3;
  border: 1px solid var(--black);
  text-align: center;
  background-color: #fff;
  border-radius: .47vw;
  margin-top: 1.4vw;
  padding: .59vw 1.3vw 1.3vw;
  position: relative;
}

.titulo-best-sellers {
  color: var(--black);
  text-align: left;
  margin-top: 0;
  margin-bottom: .8vw;
  font-size: 2.44vw;
  font-weight: 400;
  line-height: 1.3em;
}

.img-producto {
  object-fit: contain;
  width: 100%;
  height: 15vw;
}

.author-best-sellers {
  text-align: left;
  text-transform: uppercase;
  margin-top: 1.13vw;
  margin-bottom: 1.1vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .59vw;
  line-height: 1em;
}

.title-best-sellers {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.3em;
}

.by {
  font-family: Snellroundhand, sans-serif;
  font-size: .8em;
}

.author-best-seller {
  color: #91989d;
  margin-top: -.17vw;
  margin-bottom: 1.48vw;
  font-family: Teodortrial, sans-serif;
  font-size: .95vw;
  font-weight: 300;
  line-height: 1em;
}

.author-best-seller.cerrado {
  color: var(--black);
  margin-bottom: .9vw;
}

.precio-best-seller {
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0 1000px 1000px 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: .29vw 1.25vw .35vw 1.9vw;
  font-family: General Grotesque, sans-serif;
  font-size: .83vw;
  line-height: 1.45em;
  display: inline-block;
  position: relative;
  left: .53vw;
}

.agregar-best-seller {
  background-color: var(--black);
  color: #fff;
  border-radius: 100%;
  width: 2vw;
  padding-top: .3vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: 1.3vw;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -.89vw;
}

.mxn-menor {
  text-transform: uppercase;
  font-size: .7em;
}

.grupo-best-sellers {
  float: right;
  width: 23.5vw;
}

.col-best-sellers-closed {
  z-index: 0;
  border-radius: 0 0 .47vw .47vw;
  justify-content: space-between;
  margin-top: -.47vw;
  padding: 1.25vw 1vw .59vw;
  display: flex;
  position: relative;
}

.col-best-sellers-closed.dos {
  z-index: 2;
  background-color: #91989d;
}

.col-best-sellers-closed.uno {
  z-index: 1;
  background-color: #cecece;
}

.col-best-sellers-closed.cero {
  background-color: #f0f0f0;
}

.img-best-sellers-closed {
  z-index: 1;
  object-fit: contain;
  border-radius: .41vw;
  width: 5.71vw;
  height: 3.8vw;
  position: relative;
}

.col-best-sellers-closed-interno {
  z-index: 1;
  padding-top: .23vw;
  position: relative;
}

.mas-chico-best-seller {
  color: var(--black);
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.4vw;
  height: 1.4vw;
  padding-top: .05vw;
  text-decoration: none;
  display: flex;
}

.fondo-gris-1 {
  z-index: 0;
  background-color: #91989d;
  position: absolute;
  inset: 0%;
}

.fondo-gris-2 {
  z-index: 0;
  background-color: #cecece;
  position: absolute;
  inset: 0%;
}

.fondo-gris-3 {
  z-index: 0;
  background-color: #f0f0f0;
  position: absolute;
  inset: 0%;
}

.section-books-and-cafe {
  background-color: #232e25;
  background-image: url('../images/Group-2707.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding-top: 2.41vw;
  padding-bottom: 1.42vw;
}

.container-books-and-cafe {
  justify-content: flex-start;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-books-and-cafe {
  border-right: 1px solid #008142;
  flex-direction: column;
  justify-content: space-between;
  width: 48%;
  height: 48.8vw;
  margin-right: 1vw;
  padding-top: .41vw;
  padding-right: .89vw;
  display: flex;
}

.books-and-cafe-title {
  color: var(--white);
  text-align: right;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.15em;
}

.title-and-buttom-botom {
  text-align: right;
  margin-bottom: 6.66vw;
}

.title-books-cafe {
  color: var(--white);
  text-align: left;
  letter-spacing: -.017vw;
  margin-top: 0;
  margin-bottom: 1vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1em;
}

.boton-verde {
  color: var(--white);
  text-transform: uppercase;
  background-color: #52964f;
  border-radius: 2px;
  margin-right: 1.48vw;
  padding: .47vw 1.42vw .59vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
}

.col-b-books-and-cafe {
  border-right: 1px solid #008142;
  width: 25.7%;
  padding-right: 1vw;
}

.col-a-cuadrado-books-and-cafe {
  border-bottom: 1px solid #008142;
  margin-bottom: 1.13vw;
  padding-bottom: .65vw;
}

.img-books-and-cafe {
  background-color: #a53b3b85;
  border-radius: 7px;
  width: 100%;
  position: relative;
}

.link-cafe {
  color: var(--white);
  background-image: url('../images/Polygon-4.svg');
  background-position: 14%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  margin-top: .77vw;
  padding-left: 2.32vw;
  font-size: .89vw;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  display: inline-block;
}

.body-home-cart {
  background-color: #c51d1d;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
}

.cart {
  z-index: 3;
  background-color: #fff;
  border-left: 1px solid #000;
  width: 26vw;
  transition: all .2s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -26vw;
}

.cart.on {
  right: 0;
}

.row-my-cart {
  z-index: 1;
  background-color: var(--white);
  border-bottom: 1px solid #707070;
  align-items: flex-end;
  height: 10.17vw;
  padding-bottom: 1.42vw;
  padding-left: 1.72vw;
  padding-right: 1.72vw;
  display: flex;
  position: relative;
}

.my-cart-title-cart {
  color: #060708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1em;
}

.close-btn {
  background-color: var(--white);
  color: #343434;
  border: 1px solid #cecece;
  border-radius: 100px;
  padding: .41vw .89vw .35vw;
  font-size: .83vw;
  line-height: 1.19vw;
  position: absolute;
  top: 4.64vw;
  right: 2.2vw;
}

.checkout-cart {
  z-index: 1;
  background-color: var(--white);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.checkout-btn {
  color: var(--white);
  text-align: right;
  background-color: #173b2a;
  border-radius: 12px 12px 0 0;
  width: 100%;
  padding-top: 1.36vw;
  padding-bottom: .83vw;
  padding-right: 2vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1em;
  position: relative;
}

.total-row-cart {
  background-color: var(--white);
  color: var(--black);
  border-top: 1px solid #a0a0a0;
  justify-content: space-between;
  margin-bottom: 0;
  padding: .83vw 2.2vw .71vw 1.72vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: .95vw;
  font-weight: 400;
  line-height: 1em;
  display: flex;
}

.total-row-cart.esconder {
  display: none;
}

.price-cart {
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
}

.bolder {
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-weight: 400;
}

.lista-de-productos-cart {
  background-color: #fff;
  flex-direction: column;
  padding-top: 1.13vw;
  padding-left: 1.72vw;
  padding-right: 2.2vw;
  display: flex;
}

.img-producto-cart {
  object-fit: contain;
  border-radius: .71vw;
  width: 100%;
  height: 11.84vw;
  margin-bottom: 1vw;
}

.cart-item {
  z-index: 0;
  width: 100%;
  margin-bottom: 1.84vw;
  display: block;
  position: relative;
}

.title-cart {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .94vw;
  font-weight: 400;
  line-height: 1.3em;
}

.author-cart {
  color: #91989d;
  margin-top: -.17vw;
  margin-bottom: 1.2vw;
  font-family: Teodortrial, sans-serif;
  font-size: .95vw;
  font-weight: 300;
  line-height: 1em;
}

.author-cart.cerrado {
  color: var(--black);
  margin-bottom: .9vw;
}

.precio-cart {
  z-index: 1;
  float: left;
  background-color: var(--white);
  text-align: center;
  border: 1px solid #000;
  border-radius: 100vw;
  height: 2.02vw;
  margin-bottom: 0;
  margin-left: -1vw;
  padding-top: .29vw;
  padding-left: 1.25vw;
  padding-right: 1.25vw;
  font-family: General Grotesque, sans-serif;
  font-size: .83vw;
  line-height: 1.45em;
  display: block;
  position: relative;
}

.counter-cart {
  z-index: 0;
  float: left;
  margin-bottom: 0;
  position: relative;
}

.counter-field {
  background-color: var(--white);
  color: var(--black);
  text-align: left;
  border: 1px solid #000;
  border-radius: 100vw 0 0 100vw;
  width: 6.42vw;
  height: 2.02vw;
  margin-bottom: 0;
  padding: 0 0 0 1.84vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  font-weight: 400;
  line-height: 1em;
  display: block;
}

.menos-btn {
  color: var(--black);
  background-color: #0000;
  justify-content: flex-end;
  align-items: center;
  width: 1.6vw;
  padding: .05vw 0 0;
  font-size: .83vw;
  line-height: 1.1em;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.menos-btn.right {
  justify-content: flex-start;
  left: auto;
  right: 2.14vw;
}

.lista-de-productos-mascara {
  background-color: var(--white);
  width: 100%;
  position: absolute;
  top: 10.11vw;
  bottom: 8.5vw;
  overflow: scroll;
}

.body-newsletter {
  background-color: #cf9191;
  background-image: url('../images/Home-–-Newsletter.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.section-newsletter {
  z-index: 4;
  background-color: #173b2af5;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.section-newsletter.debug-on {
  background-color: #0000;
  display: block;
}

.container-newsletter {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 55.4vw;
  padding-top: 1vw;
  display: flex;
  position: relative;
}

.close-btn-newsletter {
  background-color: var(--white);
  color: #464646;
  text-align: center;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 4.06vw;
  height: 2.2vw;
  padding-top: .2vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: .83vw;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  right: 1vw;
}

.close-btn-newsletter.w--current {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  text-decoration: underline;
}

.image-newsletter {
  border-radius: 7px;
  width: 56.82%;
}

.col-newsletter-content {
  background-color: #173b2a;
  border-radius: 7px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 42.1%;
  height: 21.25vw;
  padding: 2.61vw 1.54vw 1.72vw;
  display: flex;
}

.newsletter-title {
  border-bottom: 4px solid var(--white);
  color: #fff;
  letter-spacing: -1.7px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: .8em;
}

.p-newsletter-text {
  color: #fff;
  margin-bottom: 1.42vw;
  font-family: Cambon, sans-serif;
  font-size: 1.13vw;
  font-weight: 400;
  line-height: 1.1em;
}

.linea-newsletter {
  border-top: 1px solid #8d9491;
  height: 0;
  margin-bottom: 1.13vw;
}

.sub-title-newsletter {
  color: #52964f;
  margin-top: 0;
  margin-bottom: .95vw;
  font-size: .95vw;
  font-weight: 400;
  line-height: 1.2em;
}

.bottom-newsltter {
  width: 100%;
}

.close-btn-remove {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.flex-newsletter {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.newsletter-email {
  color: var(--white);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #8d9491;
  height: 3vw;
  margin-bottom: 0;
  padding: .47vw 0;
  font-size: .99vw;
  line-height: 1em;
}

.newsletter-email:focus {
  border-bottom-color: var(--white);
}

.form-block-newsletter {
  margin-bottom: 1.25vw;
}

.body-home-scroll {
  background-color: #be9a9a;
  background-image: url('../images/Home---Scroll.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 10000px;
}

.section-best-sellers {
  padding-top: 3vw;
  padding-bottom: 2.67vw;
}

.container-best-sellers {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
}

.title-best-sellers-dos {
  color: var(--black);
  border-bottom: 1px solid #91989d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 9.38vw;
  font-weight: 400;
  line-height: 1.17em;
}

.row-titulo-best-sellers {
  margin-bottom: 3.69vw;
  position: relative;
}

.btn-filter-view-all {
  z-index: 1;
  float: right;
  position: absolute;
  bottom: 1vw;
  left: 0;
  right: 0;
}

.link-view-all {
  color: #464646;
  text-align: center;
  background-color: #0000;
  border: 1px solid #cecece;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 5.8vw;
  height: 2vw;
  margin-left: .59vw;
  padding-top: .2vw;
  font-size: .83vw;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.link-view-all.w--current {
  background-color: #f0f0f0;
  border-color: #f0f0f0;
  text-decoration: underline;
}

.row-main-filter {
  justify-content: flex-end;
  height: 0;
  display: flex;
}

.flecha-dropdown {
  border: 1px solid #cecece;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  display: flex;
}

.img-flecha {
  width: .85vw;
  transition: all .2s;
  position: relative;
  top: .08vw;
  left: .05vw;
}

.img-flecha.hover {
  top: -.1vw;
  transform: rotate(180deg);
}

.select-drodpown {
  padding-top: 2.38vw;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.select-drodpown.debug {
  display: block;
}

.link-filter-text {
  float: left;
  background-color: var(--white);
  color: #343434;
  text-align: right;
  border: 1px solid #707070;
  border-radius: 7px;
  margin-bottom: 1.36vw;
  margin-right: .65vw;
  padding: .82vw 3.33vw .71vw 1vw;
  font-size: 1.48vw;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
}

.row-best-sellers-list {
  justify-content: space-between;
  display: flex;
}

.col-product {
  border: 1px solid #cecece;
  border-radius: 7px;
  width: 24.5%;
  padding: 1.5vw;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.col-product:hover {
  background-color: #92d192;
}

.col-product.full {
  width: 100%;
}

.image-thumb {
  object-fit: contain;
  object-position: 50% 0%;
  border-radius: 7px;
  width: 100%;
  height: 16.6vw;
  margin-bottom: 1.35vw;
}

.title-thumb {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.3em;
}

.author-thumb {
  color: var(--black);
  margin-top: -.3vw;
  margin-bottom: .9vw;
  font-family: Teodortrial, sans-serif;
  font-size: 1.25vw;
  font-weight: 300;
  line-height: 1em;
}

.author-thumb.cerrado {
  color: var(--black);
  margin-bottom: .9vw;
}

.categoria-thumb {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 2vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .61vw;
  font-weight: 400;
  line-height: 1.3em;
}

.precio-thumb {
  color: var(--black);
  text-align: center;
  border: 1px solid #000;
  border-radius: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: .29vw 1.25vw .35vw;
  font-family: General Grotesque, sans-serif;
  font-size: .83vw;
  line-height: 1.45em;
  display: inline-block;
}

.section-cafe {
  background-color: #b8d5b7;
  padding-top: 2.44vw;
  padding-bottom: 2.55vw;
}

.container-cafe {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-cafe {
  border-right: 1px solid #008142;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 48%;
  height: 48.8vw;
  padding-bottom: .47vw;
  display: flex;
}

.imagen-cafe {
  object-fit: cover;
  border-radius: 7px;
  width: 50%;
  height: 16.36vw;
}

.titulo-cafe-horarios {
  color: #173b2a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.05em;
}

.titulo-cafe-horarios.segundo {
  position: relative;
  bottom: -.64vw;
}

.col-foto-cafe {
  flex-direction: column;
  justify-content: space-between;
  width: 47.5%;
  display: flex;
}

.fila-cafe-img {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.col-b-cafe {
  flex-direction: column;
  justify-content: space-between;
  width: 51%;
  display: flex;
}

.fila-logo-cafe {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-a-logo-cafe {
  border-right: 1px solid #008142;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50.6%;
  height: 23.8vw;
  display: flex;
}

.fila-location-y-direccion {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: .29vw;
  display: flex;
}

.p-direccion {
  color: #173b2a;
  width: 49%;
  margin-bottom: 0;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: .95vw;
  line-height: 1.3em;
}

.p-location {
  color: #173b2a;
  border-bottom: 1px solid #173b2a;
  margin-bottom: 0;
  padding-top: .17vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: .95vw;
  font-weight: 400;
  line-height: 1em;
}

.link-go-to {
  color: #173b2a;
  background-image: url('../images/triangulo_contacto.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 63%;
  padding-left: 1.19vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .83vw;
  text-decoration: none;
  position: relative;
  top: .29vw;
}

.logo-cafe {
  width: 44%;
  margin-top: .53vw;
  margin-right: 1.6vw;
}

.fila-imgagen-cafe {
  border-top: 1px solid #008142;
  padding-top: 1.36vw;
}

.imagen-grande-cafe {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 22.38vw;
}

.section-new-new {
  padding-top: 1.3vw;
}

.container-new-new {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.new-title {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 9.28vw;
  font-weight: 400;
  line-height: 1.3em;
}

.new-title.lighter {
  margin-top: -8px;
  font-family: Teodortrial, sans-serif;
}

.img-new {
  height: 8.15vw;
  margin-top: 2.14vw;
}

.section-new-items {
  padding-bottom: 1.25vw;
}

.container-new-item {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
}

.row-new-filter {
  border-bottom: 1px solid #91989d;
  height: 0;
  margin-top: 1.6vw;
  margin-bottom: 3.75vw;
  position: relative;
}

.new-tag {
  color: #343434;
  text-transform: uppercase;
  border: 1px solid #343434;
  border-radius: 7px;
  margin-bottom: 0;
  padding: .29vw 1.25vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .8vw;
  line-height: 1.5em;
  position: absolute;
  top: .95vw;
  left: .95vw;
}

.section-be-patient {
  padding-top: 1.3vw;
  padding-bottom: 1.3vw;
}

.container-patient {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-be-patient {
  background-color: #008141;
  border-radius: 7px;
  width: 49.2%;
  height: 47.55vw;
  overflow: hidden;
}

.hide-quotes {
  display: none;
}

.slide-quote {
  flex-direction: column;
  justify-content: space-between;
  height: 47.55vw;
  padding: 1.48vw 1.66vw 1.48vw 1.72vw;
  display: flex;
}

.quote-patient {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Teodortrial, sans-serif;
  font-size: 3.6vw;
  font-weight: 300;
  line-height: 1.04em;
}

.row-points-quote {
  justify-content: space-between;
  display: flex;
}

.link-view-book {
  border: 1px solid var(--white);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 100px;
  width: 7.44vw;
  padding-top: .47vw;
  padding-bottom: .47vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .71vw;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.link-view-book:hover {
  background-color: var(--white);
  color: #008141;
}

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

.link-view-book-cuadrada {
  border: 1px solid var(--white);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 100px;
  width: 1.96vw;
  margin-left: .47vw;
  padding-top: .41vw;
  padding-bottom: .47vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .71vw;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.link-view-book-cuadrada:hover, .link-view-book-cuadrada.on {
  background-color: var(--white);
  color: #008141;
}

.nombre-quote {
  border-bottom: 1px solid var(--white);
  color: var(--white);
  margin-bottom: 1.42vw;
  padding-bottom: 1.19vw;
  font-family: Teodortrial, sans-serif;
  font-size: 1.25vw;
  line-height: 1.3em;
}

.col-b-patient {
  flex-direction: column;
  justify-content: space-between;
  width: 49.1%;
  display: flex;
}

.row-newsletter-img {
  justify-content: space-between;
  display: flex;
}

.col-newsletter-about {
  width: 49%;
}

.col-newsletter-patient {
  background-color: #173b2a;
  border-radius: 7px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 48.8%;
  height: 21.25vw;
  padding: 2.61vw 1.54vw 1.72vw;
  display: flex;
}

.col-img-patient {
  object-fit: cover;
  background-color: #f3b1a5;
  border-radius: 7px;
  width: 47.7%;
  height: 21.25vw;
  padding: 1.72vw;
}

.row-shop-patient {
  background-color: #414a24;
  border-radius: 7px;
  justify-content: space-between;
  padding: 1.84vw;
  display: flex;
}

.img-shop-patient {
  object-fit: cover;
  border-radius: 7px;
  width: 46.6%;
  height: 21.07vw;
}

.col-b-chop-patient {
  border-left: 1px solid #707070;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 49.5%;
  padding-left: 1.72vw;
  display: flex;
}

.shop-image {
  width: 8.92vw;
  height: auto;
  margin-top: 1.96vw;
  margin-right: 1vw;
}

.shop-souveirs {
  color: var(--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: .89vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3.1vw;
  font-weight: 400;
  line-height: 1em;
}

.row-link-go-to-souv {
  width: 100%;
}

.link-go-to-souv {
  color: var(--white);
  background-image: url('../images/flecha_go_to_souv.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 63%;
  padding-left: 1.19vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .83vw;
  text-decoration: none;
  position: relative;
  top: -.35vw;
}

.shop-underline {
  text-decoration: underline;
}

.section-shop {
  padding-top: 1.25vw;
  padding-bottom: 1.42vw;
}

.container-shop {
  border-top: 1px solid #91989d;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.32vw;
  display: flex;
}

.col-titulo-shop {
  border-right: 1px solid #cecece;
  flex-direction: column;
  justify-content: space-between;
  width: 12%;
  padding-bottom: .41vw;
  display: flex;
}

.titulo-shop {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Teodortrial, sans-serif;
  font-size: 3.09vw;
  font-weight: 300;
  line-height: .8em;
}

.link-verde-y-negro {
  color: #343434;
  background-image: url('../images/flecha_go_to_souv.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 63%;
  padding-left: 1.19vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .83vw;
  line-height: 1.4em;
  text-decoration: none;
  position: relative;
  top: -.35vw;
}

.col-b-shop {
  border-right: 1px solid #cecece;
  width: 25.8%;
  height: 50.11vw;
  overflow: scroll;
}

.thumb-shop-list {
  width: 100%;
  padding-bottom: 1.3vw;
  padding-left: 1.3vw;
  padding-right: 1.3vw;
  text-decoration: none;
  display: block;
}

.image-thumb-shop {
  object-fit: contain;
  border-radius: 7px;
  width: 100%;
  height: 16.6vw;
  margin-bottom: 1.2vw;
}

.categoria-thumb-shop {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 1.7vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .61vw;
  font-weight: 400;
  line-height: 1.3em;
}

.linea-thumb {
  border-bottom: 1px solid #cecece;
  width: 100%;
  margin-top: 1.72vw;
}

.col-c-shop {
  flex-direction: column;
  justify-content: space-between;
  width: 62.2%;
  padding-left: 1.66vw;
  display: flex;
  position: relative;
}

.titulo-books-cafe {
  text-align: right;
  margin-bottom: 0;
  font-size: .91vw;
  line-height: 1.2em;
  position: absolute;
  top: .47vw;
  right: 0;
}

.titulo-shop-offline {
  color: #020202;
  letter-spacing: 1.01px;
  width: 38.15vw;
  margin-top: 1.4vw;
  margin-bottom: 3.51vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.05em;
}

.titulo-shop-offline.segundo {
  position: relative;
  bottom: -.64vw;
}

.linea-view-more {
  border-bottom: 1px solid #cecece;
  height: 0;
}

.row-btn-e-imagen {
  justify-content: flex-end;
  align-items: center;
  margin-top: -8.75vw;
  display: flex;
}

.img-offline-books {
  object-fit: cover;
  border-radius: 1000px;
  width: 16vw;
  height: 17.73vw;
  margin-left: 4vw;
}

.boton-blanco {
  background-color: var(--white);
  color: var(--black);
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 2px;
  padding: .47vw 1.42vw .59vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
}

.title-artists {
  color: var(--black);
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 9.28vw;
  font-weight: 400;
  line-height: .6em;
}

.title-artists.lighter {
  margin-top: -8px;
  font-family: Teodortrial, sans-serif;
}

.section-special-requests {
  padding-top: 1.25vw;
  padding-bottom: 1.42vw;
}

.container-special {
  border-top: 1px solid #91989d;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.57vw;
}

.special-requests {
  height: 8.86vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.section-send {
  z-index: 1;
  margin-bottom: -3.69vw;
  padding-top: 1vw;
  position: relative;
}

.container-send {
  border-top: 1px solid #91989d;
  justify-content: flex-start;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.55vw;
  display: flex;
}

.col-a-send {
  width: 37.7%;
}

.titulo-if-you {
  color: #343434;
  letter-spacing: 1.01px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.05em;
}

.titulo-if-you.segundo {
  position: relative;
  bottom: -.64vw;
}

.subrayado {
  text-decoration: underline;
}

.imagen-if {
  object-fit: cover;
  border-radius: 7px;
  width: 24.6%;
  height: 27.44vw;
}

.form-send {
  width: 37.7%;
  margin-bottom: 0;
  padding-left: 2.2vw;
}

.form-send-interna {
  margin-bottom: 0;
  padding-top: 1.9vw;
}

.input-send-a-message {
  background-color: #f2f2f2;
  border: 1px #000;
  height: 1.96vw;
  margin-bottom: .53vw;
  padding: .47vw 1vw;
  font-size: .83vw;
  line-height: 1em;
}

.text-area-send {
  background-color: #f2f2f2;
  border: 1px #000;
  min-height: 7.32vw;
  margin-bottom: 1.36vw;
  padding: .47vw .71vw;
  font-size: .83vw;
  line-height: 1.2em;
}

.boton-send {
  color: var(--white);
  text-transform: uppercase;
  background-color: #52964f;
  border-radius: 2px;
  margin-right: 1.48vw;
  padding: .47vw 3.39vw .59vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
}

.circular {
  float: right;
  width: 11.48vw;
  margin-top: 3.21vw;
  margin-right: 6.25vw;
}

.section-footer {
  z-index: 0;
  padding-top: 1.48vw;
  position: relative;
}

.container-footer {
  z-index: 1;
  background-color: #008141;
  border-radius: 15px 15px 0 0;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.9vw 1.6vw 7.61vw;
  position: relative;
}

.titulo-general-inquiries {
  float: right;
  color: var(--white);
  text-align: right;
  width: 100%;
  margin-bottom: 3.45vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  line-height: 1em;
  text-decoration: underline;
}

.row-info-footer {
  clear: both;
  display: flex;
}

.col-a-footer {
  width: 37%;
  padding-top: 1.84vw;
}

.titulo-contact-footer {
  color: #92d192;
  letter-spacing: 1.01px;
  border-bottom: 1px solid #92d192;
  margin-top: 0;
  margin-bottom: 16.84vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3.63vw;
  font-weight: 400;
  line-height: .9em;
  display: inline-block;
}

.titulo-contact-footer.segundo {
  position: relative;
  bottom: -.64vw;
}

.form-newsletter-footer {
  margin-bottom: 0;
}

.title-newsletter-footer {
  color: #87c19a;
  margin-top: 0;
  margin-bottom: 1.66vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.3em;
  text-decoration: underline;
}

.newsletter-email-footer {
  color: var(--white);
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #acacac;
  width: 80.1%;
  height: 3vw;
  margin-bottom: 0;
  padding: .47vw 0 .77vw;
  font-size: 1.3vw;
  line-height: 1em;
}

.newsletter-email-footer:focus {
  border-bottom-color: var(--white);
}

.p-newsletter-text-footer {
  color: #fff;
  width: 20.23vw;
  margin-top: 1.48vw;
  margin-bottom: 1.42vw;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 1.19vw;
  font-weight: 400;
  line-height: 1.1em;
}

.col-b-footer {
  width: 28%;
  padding-top: 1.42vw;
}

.titulo-datos-footer {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 9.58vw;
  font-family: Teodortrial, sans-serif;
  font-size: 3.86vw;
  font-weight: 300;
  line-height: .95em;
}

.row-store-info {
  margin-bottom: 1.48vw;
  display: flex;
}

.col-a-store-info {
  width: 32%;
}

.p-footer-dir {
  color: #87c19a;
  margin-top: .23vw;
  margin-bottom: 0;
  font-size: .92vw;
  line-height: 1.35em;
}

.tel-footer {
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
  display: inline-block;
}

.cuadro-tel {
  color: #87c19a;
  background-color: #328d4a;
  border-radius: 7px;
  margin-bottom: .35vw;
  padding: .59vw .89vw;
  display: inline-block;
}

.col-c-footer {
  width: 35%;
}

.link-largo-footer {
  color: #87c19a;
  border-bottom: 1px solid #69ad68;
  margin-bottom: .89vw;
  padding-bottom: .23vw;
  font-size: .94vw;
  line-height: 1.4em;
  text-decoration: none;
  display: block;
}

.row-redes-footer {
  grid-column-gap: .71vw;
  text-align: center;
  justify-content: space-between;
  margin-bottom: 3.63vw;
  padding-top: .23vw;
  display: flex;
}

.link-red-footer {
  color: #87c19a;
  text-transform: uppercase;
  border: 1px solid #69ad68;
  border-radius: 4px;
  width: 100%;
  padding-top: .41vw;
  padding-bottom: .41vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .77vw;
  line-height: 1.3em;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.link-red-footer:hover {
  background-color: #53964f;
  border-color: #53964f;
}

.mapa-footer {
  background-color: #f3f3f3;
  border-radius: 7px;
  height: 22.6vw;
  overflow: hidden;
}

.puntos-alcance {
  height: 0;
  overflow: hidden;
}

.punto-container {
  z-index: 0;
  float: left;
  text-align: center;
  position: relative;
}

.punto-container:hover {
  z-index: 2;
}

.p-interno-punto-hover {
  z-index: 2;
  clear: both;
  color: var(--white);
  background-color: #008141;
  margin-bottom: -3px;
  padding: 4px 5px 2px;
  font-size: 11px;
  line-height: 11px;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.p-interno-punto-hover:hover {
  opacity: 1;
}

.puntoto-valor {
  z-index: 0;
  clear: both;
  background-color: #008141;
  width: 7px;
  height: 7px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -5px;
  transform: rotate(45deg);
}

.footer-final {
  z-index: 0;
  width: 100%;
  margin-top: -.59vw;
  padding-bottom: 1.66vw;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-logo {
  width: 4.82vw;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footer-logo-div {
  z-index: 1;
  background-color: #008141;
  width: 8.57vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.linea-footer-logo {
  border-bottom: 1px solid #52964f;
  height: 3.21vw;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.p-offline-footer {
  color: #69ad68;
  margin-bottom: 0;
  font-family: Teodortrial, sans-serif;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  bottom: 2.26vw;
  left: 1.6vw;
}

.p-offline-footer.dos {
  left: auto;
  right: 1.6vw;
}

.body-books {
  background-image: url('../images/Books.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 3000px;
}

.section-books {
  padding-top: 9vw;
  padding-bottom: 3vw;
}

.container-search-books {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
}

.form-search-wraper {
  margin-bottom: 0;
}

.form-interno-search {
  position: relative;
}

.search-input {
  letter-spacing: 1.2px;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #91989d;
  height: 7.26vw;
  margin-bottom: 0;
  padding: 0 0 .47vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 4.52vw;
  font-weight: 400;
  line-height: 1em;
}

.lista-de-libros {
  grid-row-gap: 21px;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 3.75vw;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.thumb-producto {
  border-radius: 7px;
  width: 24.5%;
  padding-top: 21px;
  padding-left: 17px;
  padding-right: 17px;
  text-decoration: none;
}

.imagen-producto {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 274px;
  margin-bottom: 24px;
}

.paginacion {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 1.42vw;
  display: flex;
}

.link-paginacion {
  color: #343434;
  border: 1px solid #cecece;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.84vw;
  height: 1.84vw;
  margin-left: .59vw;
  font-size: .83vw;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.link-paginacion.numero {
  border-color: #343434;
}

.link-paginacion.numero.actual {
  background-color: #cecece;
  border-color: #cecece;
}

.body-filter {
  background-image: url('../images/Books---Filter.png');
  background-position: 50% 60px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.hover-hit-filter {
  background-color: var(--white);
  height: 2vw;
  display: flex;
}

.body-cafe {
  background-image: url('../images/Cafe.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.section-cafe-detalle {
  background-color: #404824;
  padding-top: 6.3vw;
  padding-bottom: 1.3vw;
  position: relative;
  overflow: hidden;
}

.container-cafe-detalle {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-cafe-detalle {
  flex-direction: column;
  justify-content: space-between;
  width: 47%;
  display: flex;
}

.row-img-y-menu-cafe {
  justify-content: space-between;
  display: flex;
}

.img-cafe-detalle {
  object-fit: cover;
  border-radius: 7px;
  width: 33.5%;
  height: 16.19vw;
}

.col-view-our-menu {
  border-left: 1px solid #323416;
  width: 64.2%;
}

.col-view-our-menu.blanco {
  border-left-color: #cecece;
}

.heading-cafe-detalle {
  color: #92d192;
  margin-top: .17vw;
  margin-bottom: 0;
  margin-left: .53vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1.01em;
}

.heading-cafe-detalle.blanco {
  color: var(--white);
  cursor: pointer;
}

.subrayado-menu {
  cursor: pointer;
  text-decoration: underline;
}

.row-a-space {
  border-top: 1px solid #323416;
  margin-top: 1.3vw;
  padding-top: .59vw;
}

.title-a-space {
  color: #929074;
  min-height: 22vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Teodortrial, sans-serif;
  font-size: 4.7vw;
  font-weight: 300;
  line-height: .96em;
}

.row-open-hours {
  border-top: 1px solid #323416;
  justify-content: space-between;
  margin-top: 5.59vw;
  padding-top: 1vw;
  padding-bottom: .53vw;
  display: flex;
}

.p-open-hours {
  color: #dfe1db;
  margin-bottom: 0;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .8vw;
  line-height: 1em;
}

.p-open-hours.open {
  background-image: url('../images/triangulo_contacto.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 87%;
  padding-left: 1vw;
}

.col-b-cafe-detalle {
  border-left: 1px solid #323416;
  width: 52%;
  padding-left: 1vw;
}

.row-cafe-location {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.col-a-location {
  border-right: 1px solid #323416;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 50.6%;
  padding-top: .29vw;
  display: flex;
}

.p-titulo-location {
  color: #5e6d54;
  width: 50%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
  text-decoration: underline;
}

.p-local-direccion {
  color: #5e6d54;
  width: 50%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
}

.link-download-pdf {
  color: #aeaf9d;
  background-image: url('../images/triangulo_contacto.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 100%;
  margin-top: 15.29vw;
  padding-left: 1vw;
  font-size: .83vw;
  line-height: 1.3em;
  text-decoration: none;
}

.cafe-texto {
  width: 47.4%;
  margin-top: .53vw;
  padding-right: 1.6vw;
}

.gallery-title-row {
  margin-top: .89vw;
  position: relative;
}

.titulo-galeria {
  color: #999e87;
  border-top: 1px solid #323416;
  border-bottom: 1px solid #323416;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .83vw;
  padding-bottom: .05vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1.3em;
}

.slider-counter {
  display: flex;
  position: absolute;
  bottom: 21px;
  right: 0;
}

.link-cafe-galeria {
  color: #5e6d54;
  border: 1px solid #5e6d54;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.84vw;
  height: 1.84vw;
  margin-left: .59vw;
  font-size: .83vw;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.link-cafe-galeria.numero {
  border-color: #343434;
}

.link-cafe-galeria.numero.actual {
  background-color: #cecece;
  border-color: #cecece;
}

.p-conteo-galeria {
  color: #414824;
  background-color: #5e6d53;
  border-radius: 100px;
  align-items: center;
  margin-bottom: 0;
  margin-left: .59vw;
  padding-left: 1.13vw;
  padding-right: 1.13vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
  display: flex;
}

.galeria-gallery {
  width: 50.9%;
  position: absolute;
  bottom: 1.26vw;
  right: 0;
}

.img-galeria {
  object-fit: cover;
  border-radius: 7px;
  width: 15.47vw;
  height: 15.11vw;
  margin-right: .65vw;
}

.galeria-interna {
  width: 64.52vw;
  height: 15.11vw;
  overflow: hidden;
}

.menu-open-cafe {
  background-color: #aeaf9d;
  width: 48.2%;
  padding-top: 6.25vw;
  padding-left: 2.2vw;
  padding-right: 1vw;
  transition: all .8s cubic-bezier(.075, .82, .165, 1);
  display: block;
  position: absolute;
  inset: 0% auto 0% -48.2vw;
}

.menu-open-cafe.on {
  left: 0;
}

.container-menu-abierto {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.lista-menu {
  margin-top: 1.3vw;
}

.titulo-menu {
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .83vw;
  padding-bottom: .05vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1.3em;
  position: relative;
  top: 1px;
}

.fila-items-menu {
  justify-content: space-between;
  display: flex;
}

.titulo-menu-irem {
  border-bottom: 1px solid var(--white);
  color: #929074;
  width: 37%;
  margin-top: .95vw;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .95vw;
  font-weight: 400;
  line-height: 1.3em;
}

.col-b-items-row {
  width: 100%;
}

.item-menu {
  color: var(--white);
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
}

.item-menu.precio {
  width: 4.88vw;
}

.row-items {
  border-bottom: 1px solid var(--white);
  justify-content: space-between;
  margin-top: 1vw;
  padding-bottom: 1px;
  display: flex;
}

.scroll-menu {
  height: 23.7vw;
  position: relative;
  top: 1px;
  overflow: scroll;
}

.row-open-hours-open {
  border-top: 1px solid var(--white);
  justify-content: space-between;
  padding-top: 1vw;
  display: flex;
}

.section-container {
  background-color: #173b2a;
  padding-top: 6.13vw;
}

.container-company {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-company-gallery {
  border-right: 1px solid #008142;
  width: 16.9%;
  padding-right: .71vw;
  position: relative;
}

.heading-gallery-company {
  color: #92d192;
  border-bottom: 1px solid #008142;
  margin-top: .17vw;
  margin-bottom: 1.13vw;
  padding-bottom: .59vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1.01em;
}

.heading-gallery-company.blanco {
  color: var(--white);
  cursor: pointer;
}

.galeria-vertical {
  height: 44.94vw;
  overflow: hidden;
}

.imagen-galeria-vertical {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 15.05vw;
}

.slide-vertical {
  padding-bottom: 1.19vw;
}

.next-galeria-company {
  cursor: pointer;
  width: 2.08vw;
  position: absolute;
  inset: auto auto 9.22vw 6.66vw;
}

.col-location-gallery {
  border-right: 1px solid #008142;
  flex-direction: column;
  justify-content: space-between;
  width: 31.2%;
  padding-bottom: 1.42vw;
  padding-left: 1vw;
  padding-right: 1vw;
  display: flex;
}

.fila-location-company {
  border-bottom: 1px solid #008142;
  justify-content: space-between;
  margin-bottom: 1.6vw;
  padding-top: .47vw;
  padding-bottom: 11.07vw;
  display: flex;
}

.p-titulo-location-company {
  color: #aeaf9d;
  width: 50%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
  text-decoration: underline;
}

.p-local-direccion-company {
  color: #5e6d54;
  width: 46.5%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
}

.titulo-we-want-commpany {
  color: #5e6d54;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 1.01em;
}

.link-contact-company {
  color: #aeaf9d;
  background-image: url('../images/triangulo_verde.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 1vw;
  font-size: .83vw;
  line-height: 1.3em;
  text-decoration: none;
  display: inline-block;
}

.link-bottom-contacto {
  border-top: 1px solid #008142;
  padding-top: 1vw;
}

.col-visit-us-company {
  flex-direction: column;
  justify-content: space-between;
  width: 51.9%;
  padding-bottom: 1.42vw;
  padding-left: 1.07vw;
  display: flex;
  position: relative;
}

.row-visit-us {
  justify-content: space-between;
  display: flex;
}

.visit-us-title-company {
  color: #87c19a;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.3vw;
  font-size: 3.09vw;
  font-weight: 400;
  line-height: 1em;
}

.underline-visit {
  color: #87c19a;
  border-bottom: 2px solid #87c19a;
}

.col-img-books {
  border-left: 1px solid #008142;
  width: 49.5%;
  padding-left: 1.01vw;
}

.imagen-go-books {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 25.11vw;
  margin-bottom: 8px;
}

.link-bottom-open-hours {
  border-top: 1px solid #008142;
  justify-content: space-between;
  margin-left: .47vw;
  padding-top: 1.01vw;
  display: flex;
}

.books-titulo {
  width: 26vw;
  position: absolute;
  inset: auto 3.96vw 9.88vw auto;
  transform: rotate(-34deg);
}

.cafe-titulo {
  width: 21.5vw;
  position: absolute;
  top: auto;
  bottom: 15.12vw;
  left: 1.78vw;
  transform: rotate(20deg);
}

.body-contact {
  background-color: #b37d7d;
  background-image: url('../images/Contact.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 4000px;
}

.section-contact {
  background-color: #b9d5b8;
  padding-top: 6.25vw;
  padding-bottom: 3.8vw;
}

.container-contact {
  justify-content: space-between;
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-visit {
  border-right: 1px solid #008142;
  width: 48%;
  padding-right: .95vw;
}

.title-monday-to-sunday {
  color: #173b2a;
  text-align: right;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1em;
}

.hora-monday-to-sunday {
  color: #173b2a;
  text-align: right;
  margin-top: 11.3vw;
  margin-bottom: 0;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1em;
}

.visit-image {
  width: 20.23vw;
  margin-top: 15.35vw;
  position: relative;
  top: 1.36vw;
}

.col-b-visit {
  flex-direction: column;
  justify-content: space-between;
  width: 51%;
  display: flex;
}

.row-contact-col-b-visit {
  border-bottom: 1px solid #008142;
  justify-content: space-between;
  padding-bottom: 1.01vw;
  display: flex;
}

.col-a-b-visit {
  border-right: 1px solid #008142;
  width: 51%;
  padding-right: 1.13vw;
}

.imagen-contact {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 16.42vw;
  margin-bottom: 6.48vw;
}

.link-go-to-contact {
  color: #173b2a;
  background-image: url('../images/triangulo_contacto.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 1vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: .83vw;
  line-height: 1.3em;
  text-decoration: none;
  display: inline-block;
}

.form-contact {
  width: 47%;
  margin-bottom: 0;
}

.title-contact {
  color: #173b2a;
  text-align: left;
  margin-top: 0;
  margin-bottom: 1.84vw;
  font-size: 3.15vw;
  font-weight: 400;
  line-height: 1em;
}

.subrayado-contact {
  border-bottom: 2px solid #173b2a;
}

.input-contact {
  background-color: #c8d9c7;
  border: 1px #000;
  border-radius: 7px;
  height: 2.02vw;
  margin-bottom: .47vw;
  padding: .35vw .95vw;
  font-size: .71vw;
  line-height: 1em;
}

.textarea-contact {
  background-color: #c8d9c7;
  border: 1px #000;
  border-radius: 7px;
  height: 2.02vw;
  min-height: 7.5vw;
  margin-bottom: 1.3vw;
  padding: .59vw .95vw .35vw;
  font-size: .71vw;
  line-height: 1em;
}

.boton-contacto {
  color: var(--white);
  text-transform: uppercase;
  background-color: #69ad68;
  border-radius: 2px;
  margin-right: 1.48vw;
  padding: .47vw 3.3vw .59vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .83vw;
  line-height: 1em;
}

.forma-contacto-interna {
  margin-bottom: 0;
}

.contact-info-row {
  justify-content: space-between;
  display: flex;
}

.mapa-contacto {
  object-fit: cover;
  border-radius: 7px;
  width: 47.2%;
  height: 21.19vw;
}

.col-a-datos-contacto {
  justify-content: flex-start;
  width: 51%;
  padding-top: .23vw;
  display: flex;
}

.p-local-direccion-contact {
  color: #173b2a;
  width: 46.5%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
}

.p-titulo-location-contact {
  color: #173b2a;
  width: 50%;
  margin-bottom: 0;
  font-size: .95vw;
  line-height: 1.3em;
  text-decoration: underline;
}

.section-if-you-are {
  background-color: #fff;
  padding-top: 1.6vw;
  padding-bottom: 21.07vw;
  position: relative;
}

.container-if-you-are {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
}

.heading-if-you {
  z-index: 1;
  color: #173b2a;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-size: 6.25vw;
  font-weight: 400;
  line-height: .91em;
  position: relative;
}

.subrayado-if-you {
  text-decoration: underline;
}

.fila-boton-contact-us {
  z-index: 2;
  justify-content: center;
  margin-top: -2.73vw;
  display: flex;
  position: relative;
}

.img-fondo-if {
  z-index: 0;
  object-fit: cover;
  border-radius: 29.76vw;
  width: 23.39vw;
  height: 27.67vw;
  position: absolute;
  bottom: 1.5vw;
  right: 1.78vw;
}

.circulo-amarillo {
  background-image: url('../images/circulo_amarillo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
  width: 12.44vw;
  height: 12.44vw;
  position: absolute;
  top: 23.01vw;
  left: 24.81vw;
}

.circulo-verde {
  z-index: 1;
  background-image: url('../images/circulo_verde.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 11.01vw;
  height: 11.01vw;
  position: absolute;
  bottom: 12.79vw;
  right: 20.71vw;
}

.circulo-rojo {
  background-image: url('../images/circulo_rojo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12.5vw;
  height: 12.5vw;
  position: absolute;
  bottom: 1.5vw;
  right: 42.73vw;
}

.punto-container-contact {
  z-index: 0;
  float: left;
  text-align: center;
  position: relative;
}

.punto-container-contact:hover {
  z-index: 2;
}

.body-product {
  background-color: #c38989;
  background-image: url('../images/tags.png');
  background-position: 50% 36px;
  background-repeat: no-repeat;
  background-size: auto;
  height: 4000px;
}

.section-hero-product {
  padding-top: 6.54vw;
}

.container-product {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.heading-available {
  color: #91989d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  top: 0;
  left: 0;
}

.verde {
  color: #008142;
}

.product-info-product {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.heading-product-info {
  color: #91989d;
  text-align: right;
  margin-top: 0;
  margin-bottom: 1.36vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1em;
}

.p-dato-producto {
  border-bottom: 1px solid #cecece;
  width: 17.61vw;
  margin-bottom: 1vw;
  padding-bottom: .29vw;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: .89vw;
  font-weight: 400;
  line-height: 1.3em;
}

.col-central-proyecto {
  width: 40.29vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.2vw;
  position: relative;
  left: 3.39vw;
}

.imagen-producto-principal {
  background-color: #e8e8e8;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 33.63vw;
  height: 33.63vw;
  display: flex;
}

.imagen-producto-grande {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  max-width: 15.5vw;
  height: 100%;
  max-height: 24vw;
}

.badge-product-detalle {
  z-index: 1;
  background-color: #92d192;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 10.89vw;
  height: 10.89vw;
  display: flex;
  position: absolute;
  top: 6.13vw;
  right: 0;
}

.linea-interno-badge {
  border: 1px solid #008142;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 91%;
  height: 91%;
  display: flex;
}

.texto-badge {
  color: #173b2a;
  text-align: center;
  margin-bottom: 0;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: 1.25vw;
  line-height: 1em;
  transform: rotate(20deg);
}

.container-product-nombre {
  z-index: 1;
  width: 95.6%;
  margin-top: -3vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.titulo-producto {
  color: #000;
  letter-spacing: .7px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 4.58vw;
  font-weight: 400;
  line-height: .9em;
}

.tag-producto {
  background-color: #f0f0f0;
  border-radius: 7px;
  margin-bottom: 1.36vw;
  padding: .95vw 1.72vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .89vw;
  line-height: 1em;
  display: inline-block;
}

.by-titulo {
  font-family: Snellroundhand, sans-serif;
}

.autor {
  font-family: Teodortrial, sans-serif;
  font-size: .97em;
}

.form-add-to-cart {
  margin-bottom: .29vw;
}

.form-interna-add-to-cart {
  background-color: #ededed00;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.cantidad-input {
  z-index: 0;
  color: #000;
  text-align: left;
  background-color: #f0f0f0;
  border: 1px #000;
  border-radius: 100px;
  width: 9.52vw;
  height: 2.61vw;
  margin-bottom: 0;
  margin-right: -4.34vw;
  padding: .53vw 0 .53vw 2.5vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .95vw;
  line-height: 1em;
  display: block;
  position: relative;
}

.cantidad-producto {
  z-index: 1;
  background-color: #ddd;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  height: 2.61vw;
  margin-bottom: 0;
  padding-left: 1.25vw;
  padding-right: 1.3vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: .95vw;
  line-height: 1em;
  display: flex;
  position: relative;
}

.menor {
  text-transform: uppercase;
  margin-left: 9px;
  font-size: .65em;
}

.add-to-cart {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 7px;
  height: 2.61vw;
  margin-left: .595vw;
  padding: 0 1.48vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: 1vw;
  line-height: 1em;
}

.datos-cant-form-producto {
  z-index: 1;
  background-color: #fff;
  display: flex;
  position: relative;
}

.menos-btn-detalle {
  color: #000;
  background-color: #3898ec00;
  align-items: center;
  padding: 0 .71vw;
  font-family: Generalgrotesquemono, sans-serif;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: .71vw;
}

.mas-btn-detalle {
  color: #000;
  background-color: #3898ec00;
  align-items: center;
  padding: 0 .71vw;
  font-family: Generalgrotesquemono, sans-serif;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3vw;
}

.linea-add-to-cart-producto {
  z-index: 0;
  border-bottom: 1px solid #000;
  height: 50%;
  position: absolute;
  inset: 0% 0% auto;
}

.title-more-from-author {
  color: #000;
  margin-top: 0;
  margin-bottom: 22px;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 4.68vw;
  font-weight: 400;
  line-height: 1.17em;
}

.section-more-from {
  padding-top: 6.7vw;
}

.responsive, .linea-medio-hamb {
  display: none;
}

.fondo-hero-home-resp {
  z-index: 0;
  opacity: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.titulo-send {
  color: #343434;
  letter-spacing: 1.01px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Nhaasgroteskdsw 02 55 Rg", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 1.05em;
}

.titulo-send.segundo {
  position: relative;
  bottom: -.64vw;
}

.section-menu {
  display: none;
}

.link-menu-go-to {
  color: var(--white);
  background-image: url('../images/Polygon-4.svg');
  background-position: 14%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  margin-top: .77vw;
  padding-left: 2.32vw;
  font-size: .89vw;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  display: inline-block;
}

.sticky-group {
  position: relative;
}

.grupo-best-sticky {
  z-index: 2;
  float: right;
  width: 23.5vw;
  margin-bottom: 1.42vw;
  margin-right: 2.2vw;
  position: sticky;
  top: 5.5vw;
}

.link-best-sellers {
  color: var(--black);
  text-decoration: none;
  display: block;
}

.ok-error-footer {
  width: 80.1%;
}

.section-summary {
  padding-top: 6.6vw;
  padding-bottom: 2vw;
}

.container-summary {
  width: 95.6%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.col-a-summary {
  justify-content: center;
  align-items: center;
  width: 15.4vw;
}

.img-thumb-summary {
  object-fit: cover;
  border-radius: 7px;
  width: 7.1vw;
  height: 11vw;
}

.img-thumb {
  background-color: #e4e4e4;
  border-radius: 2vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1.1vw;
  padding-top: 2.3vw;
  padding-bottom: 2vw;
  display: flex;
}

.add-to-cart-summary {
  color: #fff;
  text-transform: uppercase;
  background-color: #000;
  border-radius: 7px;
  height: 2.61vw;
  margin-top: 1.3vw;
  padding: 0 1.48vw;
  font-family: Generalgrotesquemono, sans-serif;
  font-size: 1vw;
  line-height: 1em;
}

.col-reviews {
  width: 36.7vw;
}

.col-b-summary {
  width: 43vw;
}

.container-reviews {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  padding-top: .2vw;
}

.title-reviews {
  color: #92c88c;
  margin-top: 0;
  margin-bottom: 1.6vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.2em;
}

.lista-reviews {
  margin-bottom: 2vw;
}

.p-reviews {
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 2vw;
  line-height: 1em;
}

.p-quote {
  text-align: right;
  margin-top: 1.4vw;
  margin-bottom: 0;
  font-family: Cambon, sans-serif;
  font-size: .8vw;
  line-height: 1.3em;
}

.linea-quote {
  border-bottom: 1px solid #e3e3e3;
  height: 0;
  margin-top: .9vw;
}

.title-summary {
  color: #53894a;
  border-bottom: 1px solid #e3e3e3;
  margin-top: .5vw;
  margin-bottom: 0;
  padding-bottom: 1vw;
  font-family: Neuehaasdisplaymediu, sans-serif;
  font-size: 4.7vw;
  font-weight: 400;
  line-height: 1.3em;
}

.p-summary {
  color: #858585;
  letter-spacing: .01em;
  margin-top: 1.2vw;
  margin-bottom: 0;
  font-size: 1.23vw;
  line-height: 1.27em;
}

.link-by {
  color: #69ad68;
  font-family: Neuehaasdisplayroman, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.link-by:hover {
  color: #87c19a;
}

.hide-resp {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.sticky-data {
  display: none;
}

.row-variant {
  align-items: center;
  display: flex;
}

.p-select-one {
  margin-bottom: 0;
  margin-right: 1.4vw;
  font-size: .72vw;
  line-height: 1em;
  text-decoration: underline;
}

.btn-variante {
  color: #000;
  background-color: #ffffff61;
  border: 1px solid #000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  height: 2vw;
  margin-right: .5vw;
  padding: 0 1.6vw;
  font-size: .79vw;
  line-height: 1em;
  transition: all .2s;
  display: flex;
}

.btn-variante:hover, .btn-variante.on {
  background-color: #cecece;
  border-color: #cecece;
}

.col-libro {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 479px) {
  .header {
    border-top: 3px solid #69ad68;
    height: 11.1vw;
    padding-bottom: 0;
  }

  .col-a-header {
    justify-content: center;
    align-items: center;
    width: 19%;
  }

  .link-header {
    display: none;
  }

  .linea-verde {
    background-color: #6bad6800;
    height: 0;
  }

  .logo-container-header {
    width: 53vw;
    height: 14vw;
    top: -3px;
  }

  .logo-header {
    height: 5.5vw;
  }

  .col-b-header {
    width: auto;
    padding-top: 1.2vw;
  }

  .link-cart {
    background-color: #f0f0f000;
    border-radius: 1000px;
    width: 19vw;
    height: 8vw;
    padding-right: 3vw;
  }

  .cart-circled {
    width: 6.16vw;
    height: 6.16vw;
    padding-top: .6vw;
    font-size: 3.32vw;
  }

  .form-block-search {
    display: none;
  }

  .section-hero-home {
    height: 206vw;
    margin-top: 11vw;
  }

  .container-hero-hom {
    width: 90%;
    height: auto;
  }

  .title-hero-home {
    font-size: 16.5vw;
    top: 8vw;
    left: 17.9vw;
  }

  .title-hero-home.new {
    top: 39.2vw;
    left: 2.1vw;
  }

  .title-hero-home.for {
    top: 55.9vw;
    right: 3vw;
  }

  .title-hero-home.literature {
    top: 74.4vw;
    left: -1.2vw;
  }

  .fondo-hero-home {
    display: none;
  }

  .col-best-sellers {
    border-radius: 2vw;
    margin-top: 0;
    padding: 2vw 4.3vw 8vw;
  }

  .titulo-best-sellers {
    margin-bottom: 6vw;
    font-size: 8.3vw;
  }

  .img-producto {
    height: 41vw;
  }

  .author-best-sellers {
    margin-top: 4vw;
    margin-bottom: 5vw;
    font-size: 2vw;
  }

  .title-best-sellers {
    font-size: 5.6vw;
  }

  .author-best-seller {
    margin-bottom: 5vw;
    font-size: 4vw;
  }

  .author-best-seller.cerrado {
    margin-bottom: 4vw;
  }

  .precio-best-seller {
    padding: 1.624vw 7vw 1.96vw 10.64vw;
    font-size: 3.32vw;
    left: 2.12vw;
  }

  .agregar-best-seller {
    width: 9.7vw;
    padding-top: 2vw;
    font-size: 5.2vw;
    top: -2px;
    bottom: -2px;
    left: -4.984vw;
  }

  .grupo-best-sellers {
    width: 100%;
    padding-top: 113vw;
  }

  .col-best-sellers-closed {
    border-bottom-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    margin-top: -1vw;
    padding: 3vw 5vw;
  }

  .img-best-sellers-closed {
    border-radius: 2vw;
    width: 25vw;
    height: 16vw;
    margin-top: 1.5vw;
  }

  .mas-chico-best-seller {
    width: 5.88vw;
    height: 5.88vw;
    padding-top: .21vw;
  }

  .section-books-and-cafe {
    background-image: url('../images/resp_home.png');
    background-position: 50% 23vw;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 104.41vw;
    padding-bottom: 5vw;
  }

  .container-books-and-cafe {
    flex-direction: column;
    width: 90%;
  }

  .col-a-books-and-cafe {
    border-bottom: 1px solid #008142;
    border-right-style: none;
    width: 100%;
    height: auto;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
  }

  .books-and-cafe-title {
    margin-bottom: 54vw;
    font-size: 4vw;
  }

  .title-and-buttom-botom {
    margin-bottom: 10vw;
  }

  .title-books-cafe {
    margin-bottom: 6vw;
    font-size: 9.7vw;
  }

  .boton-verde {
    margin-right: 0;
    padding: 2vw 4.686vw 1.4vw;
    font-size: 2.739vw;
  }

  .boton-verde.resp {
    padding: 4vw 9vw;
    font-size: 3vw;
  }

  .col-b-books-and-cafe {
    border-right-style: none;
    width: 100%;
    margin-top: 7vw;
    padding-right: 0;
  }

  .col-a-cuadrado-books-and-cafe {
    margin-bottom: 5vw;
  }

  .img-books-and-cafe {
    border-radius: 2vw;
  }

  .link-cafe {
    margin-top: 5vw;
    padding-left: 10vw;
    font-size: 4vw;
  }

  .cart {
    border-left-style: none;
    width: 100vw;
    padding-top: 11vw;
    right: -100vw;
  }

  .row-my-cart {
    height: auto;
    padding-top: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .my-cart-title-cart {
    font-size: 11vw;
  }

  .close-btn {
    padding: 1.23vw 4vw;
    font-size: 2.49vw;
    line-height: 3.57vw;
    top: 5.64vw;
    right: 4.8vw;
  }

  .checkout-cart {
    height: 55vw;
  }

  .checkout-btn {
    padding-top: 4vw;
    padding-bottom: 2vw;
    padding-right: 10vw;
    font-size: 5.4vw;
  }

  .total-row-cart {
    padding: 3.4vw 5vw 3vw;
    font-size: 4.3vw;
  }

  .price-cart {
    font-size: 3.1vw;
    position: relative;
    top: -1vw;
  }

  .lista-de-productos-cart {
    padding-top: 7vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .img-producto-cart {
    height: 50vw;
    margin-bottom: 6vw;
  }

  .cart-item {
    margin-bottom: 9vw;
  }

  .title-cart {
    font-size: 5.6vw;
  }

  .author-cart {
    margin-top: -1vw;
    margin-bottom: 6vw;
    font-size: 4vw;
  }

  .precio-cart {
    height: 8.484vw;
    margin-left: -3vw;
    padding-top: 1.218vw;
    padding-left: 5.25vw;
    padding-right: 5.25vw;
    font-size: 3.486vw;
  }

  .counter-field {
    width: 19.26vw;
    height: 8.484vw;
    padding-left: 7vw;
    font-size: 4vw;
  }

  .menos-btn {
    width: 4.8vw;
    padding-top: .15vw;
    font-size: 3.486vw;
  }

  .lista-de-productos-mascara {
    top: 31.81vw;
    bottom: 54.9vw;
  }

  .container-newsletter {
    flex-direction: column;
    max-width: 74vw;
    padding-top: 0;
  }

  .close-btn-newsletter {
    width: 12.18vw;
    height: 6.6vw;
    padding-top: 1vw;
    font-size: 2.49vw;
    top: 1vw;
  }

  .image-newsletter {
    width: 100%;
    margin-bottom: 3vw;
  }

  .col-newsletter-content {
    width: 100%;
    height: auto;
    padding: 6.54vw;
  }

  .newsletter-title {
    border-bottom-width: 1px;
    margin-bottom: 12vw;
    font-size: 11vw;
  }

  .p-newsletter-text {
    margin-bottom: 8vw;
    font-size: 4.9vw;
  }

  .newsletter-email {
    height: 14vw;
    font-size: 4.4vw;
  }

  .form-newsletter {
    margin-bottom: 4vw;
  }

  .section-best-sellers {
    padding-top: 18vw;
    padding-bottom: 6vw;
  }

  .container-best-sellers {
    width: 90%;
  }

  .title-best-sellers-dos {
    padding-bottom: 4vw;
    padding-right: 6vw;
    font-size: 16.4vw;
    line-height: 1em;
  }

  .row-titulo-best-sellers {
    margin-bottom: 11vw;
  }

  .btn-filter-view-all {
    bottom: 3.3vw;
  }

  .link-view-all {
    width: 19.14vw;
    height: 6.6vw;
    margin-left: 1.947vw;
    padding-top: 1vw;
    font-size: 2.739vw;
  }

  .flecha-dropdown {
    width: 6.6vw;
    height: 6.6vw;
  }

  .img-flecha {
    width: 2.5vw;
  }

  .select-drodpown {
    padding-top: 9vw;
    display: none;
  }

  .link-filter-text {
    margin-bottom: 4.08vw;
    margin-right: 2vw;
    padding: 2.46vw 5vw 2.13vw;
    font-size: 4.44vw;
  }

  .row-best-sellers-list {
    flex-wrap: wrap;
  }

  .col-product {
    border-radius: 2vw;
    width: 100%;
    margin-bottom: 5vw;
    padding: 4vw;
  }

  .image-thumb {
    border-radius: 2vw;
    height: 66vw;
    margin-bottom: 1vw;
  }

  .title-thumb {
    font-size: 5.6vw;
  }

  .author-thumb {
    margin-bottom: 3vw;
    font-size: 4vw;
  }

  .categoria-thumb {
    margin-bottom: 5vw;
    font-size: 3vw;
  }

  .precio-thumb {
    padding: .957vw 4.125vw 1.155vw;
    font-size: 2.739vw;
  }

  .section-cafe {
    padding-top: 5vw;
    padding-bottom: 6vw;
  }

  .container-cafe {
    flex-direction: column;
    width: 90%;
  }

  .col-a-cafe {
    border-bottom: 1px solid #008142;
    border-right-style: none;
    width: 100%;
    height: auto;
    margin-bottom: 5vw;
    padding-bottom: 4vw;
  }

  .imagen-cafe {
    width: 49%;
    height: 44vw;
  }

  .titulo-cafe-horarios {
    font-size: 6vw;
  }

  .fila-cafe-img {
    margin-bottom: 24vw;
  }

  .col-b-cafe {
    width: 100%;
  }

  .col-a-logo-cafe {
    border-right-style: none;
    width: 54%;
    height: 50vw;
  }

  .fila-location-y-direccion {
    border-right: 1px solid #008142;
  }

  .p-direccion {
    width: 54%;
    font-size: 3vw;
  }

  .p-location {
    font-size: 3vw;
  }

  .link-go-to {
    padding-left: 6vw;
    font-size: 3vw;
  }

  .logo-cafe {
    width: 37%;
  }

  .fila-imgagen-cafe {
    padding-top: 6vw;
  }

  .imagen-grande-cafe {
    height: 56vw;
  }

  .section-new-new {
    padding-top: 6vw;
    padding-bottom: 5vw;
    overflow: hidden;
  }

  .container-new-new {
    width: 90%;
  }

  .new-title {
    margin-right: 19vw;
    font-size: 16vw;
  }

  .img-new {
    height: 15vw;
    margin-right: 19vw;
  }

  .container-new-item {
    width: 90%;
  }

  .row-new-filter {
    margin-bottom: 10vw;
  }

  .new-tag {
    border-radius: 2vw;
    padding: .5vw 2vw;
    font-size: 3vw;
    top: 2.05vw;
    left: 2.35vw;
  }

  .section-be-patient.product {
    padding-bottom: 3vw;
  }

  .container-patient {
    flex-direction: column;
    width: 90%;
  }

  .col-a-be-patient {
    border-radius: 2vw 2vw 0 0;
    width: 100%;
    height: 112vw;
    margin-bottom: -2vw;
  }

  .slide-quote {
    height: 112vw;
    padding: 3vw 4.72vw 8vw;
  }

  .quote-patient {
    font-size: 8.3vw;
    font-weight: 300;
    line-height: 1.01em;
  }

  .link-view-book {
    width: 24.552vw;
    padding-top: 1.551vw;
    padding-bottom: 1.551vw;
    font-size: 2.343vw;
  }

  .link-view-book-cuadrada {
    width: 6.6vw;
    margin-left: 3vw;
    padding-top: 1.353vw;
    padding-bottom: 1.551vw;
    font-size: 2.343vw;
  }

  .nombre-quote {
    margin-bottom: 4vw;
    font-size: 3.8vw;
  }

  .col-b-patient {
    width: 100%;
  }

  .row-newsletter-img {
    flex-direction: column;
  }

  .col-newsletter-patient {
    z-index: 1;
    border-radius: 2vw;
    width: 100%;
    height: auto;
    padding: 11.61vw 5.54vw 10vw;
    position: relative;
  }

  .col-img-patient {
    display: none;
  }

  .row-shop-patient {
    background-color: #414a2400;
    margin-top: 6vw;
    padding: 0;
  }

  .img-shop-patient {
    border-radius: 2vw;
    width: 48%;
    height: 39vw;
  }

  .col-b-chop-patient {
    background-color: #414824;
    border-left-style: none;
    border-radius: 2vw;
    justify-content: flex-start;
    width: 47%;
    padding-top: 5vw;
    padding-left: 5vw;
    padding-right: 2vw;
  }

  .shop-image {
    width: 14vw;
    margin-top: 0;
  }

  .shop-souveirs {
    margin-top: -2vw;
    margin-bottom: -1vw;
    font-size: 6.9vw;
  }

  .link-go-to-souv {
    padding-left: 3vw;
    font-size: 2.5vw;
    top: 0;
  }

  .section-shop {
    padding-top: 9vw;
  }

  .container-shop {
    flex-direction: column;
    width: 90%;
    padding-top: 5vw;
  }

  .col-titulo-shop {
    border-bottom: 1px solid #91989d;
    border-right-style: none;
    width: 100%;
    padding-bottom: 3vw;
  }

  .titulo-shop {
    font-size: 14vw;
  }

  .link-verde-y-negro {
    margin-top: 14vw;
    padding-left: 3.927vw;
    font-size: 2.739vw;
  }

  .col-b-shop {
    border-right-style: none;
    width: 100%;
    height: auto;
    padding-top: 5vw;
  }

  .thumb-shop-list {
    margin-bottom: 5vw;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-thumb-shop {
    height: 68vw;
  }

  .categoria-thumb-shop {
    font-size: 2vw;
  }

  .linea-thumb {
    display: none;
  }

  .col-c-shop {
    width: 100%;
    margin-bottom: 4.2vw;
    padding-left: 0;
  }

  .titulo-books-cafe {
    font-size: 4vw;
  }

  .titulo-shop-offline {
    width: auto;
    margin-top: 24vw;
    margin-bottom: 13.51vw;
    font-size: 6.2vw;
  }

  .linea-view-more {
    display: none;
  }

  .row-btn-e-imagen {
    justify-content: space-between;
    margin-top: 0;
    padding-left: 15vw;
  }

  .img-offline-books {
    width: 39vw;
    height: 43vw;
  }

  .boton-blanco {
    padding: 1.551vw 4.686vw 1.947vw;
    font-size: 2.739vw;
  }

  .fila-shop {
    margin-bottom: 21vw;
  }

  .title-artists {
    font-size: 16.5vw;
    line-height: 1em;
  }

  .container-special {
    width: 90%;
    padding-top: 9vw;
    padding-bottom: 6vw;
  }

  .special-requests {
    height: 10.7vw;
  }

  .section-send {
    margin-bottom: 7vw;
  }

  .container-send {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    padding-top: 5vw;
  }

  .col-a-send {
    width: 48%;
    padding-top: 2vw;
  }

  .titulo-if-you {
    margin-bottom: 2vw;
    font-size: 4vw;
    line-height: 1.4em;
  }

  .imagen-if {
    width: 49%;
    height: 56vw;
  }

  .form-send {
    width: 100%;
    margin-top: 23vw;
    padding-left: 0;
  }

  .form-send-interna {
    padding-top: 0;
  }

  .input-send-a-message {
    height: 7vw;
    margin-bottom: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 4.4vw;
    font-size: 3.3vw;
  }

  .text-area-send {
    min-height: 30vw;
  }

  .boton-send {
    margin-right: 0;
    padding: 1.551vw 11.187vw 1.947vw;
    font-size: 2.739vw;
  }

  .circular {
    width: 31vw;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    top: 51.6vw;
    left: 30.4vw;
  }

  .container-footer {
    width: 100%;
    padding-top: 4vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .titulo-general-inquiries {
    margin-bottom: 12vw;
    padding-top: 6vw;
    font-size: 5.6vw;
  }

  .row-info-footer {
    flex-direction: column;
  }

  .col-a-footer {
    order: 1;
    width: 100%;
  }

  .titulo-contact-footer {
    display: none;
  }

  .title-newsletter-footer {
    margin-top: 9vw;
    margin-bottom: 8vw;
    font-size: 6vw;
  }

  .newsletter-email-footer {
    width: 100%;
    height: 7vw;
    font-size: 3.7vw;
  }

  .p-newsletter-text-footer {
    width: 94%;
    margin-top: 5vw;
    margin-bottom: 8vw;
    font-size: 4vw;
  }

  .col-b-footer {
    order: -1;
    width: 100%;
  }

  .titulo-datos-footer {
    font-size: 13.9vw;
  }

  .row-store-info {
    margin-bottom: 5vw;
  }

  .col-a-store-info {
    width: 52%;
  }

  .p-footer-dir {
    margin-top: 14vw;
    font-size: 3.8vw;
  }

  .tel-footer {
    font-size: 3vw;
  }

  .cuadro-tel {
    border-radius: 4px;
    margin-bottom: 3vw;
    padding: 3vw 4vw 2vw;
  }

  .col-c-footer {
    flex-direction: column;
    width: 100%;
    padding-top: 9vw;
    display: flex;
  }

  .link-largo-footer {
    height: 7vw;
    margin-bottom: 4vw;
    padding-bottom: 2vw;
    font-size: 3.7vw;
  }

  .row-redes-footer {
    grid-column-gap: 0px;
    flex-wrap: wrap;
    margin-top: -1vw;
    padding-top: 0;
  }

  .link-red-footer {
    margin-bottom: 2vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    font-size: 3.4vw;
  }

  .mapa-footer {
    order: -1;
    height: 62vw;
  }

  .footer-final {
    margin-top: 0;
    padding-top: 15vw;
    padding-bottom: 0;
    position: relative;
  }

  .footer-logo {
    width: 74%;
  }

  .footer-logo-div {
    width: 28vw;
  }

  .linea-footer-logo {
    z-index: 0;
    height: 29vw;
  }

  .p-offline-footer {
    margin-top: 19vw;
    padding-top: 6vw;
    font-size: 3.2vw;
    position: static;
  }

  .p-offline-footer.dos {
    margin-top: 0;
    padding-top: 2vw;
  }

  .section-books {
    padding-top: 25vw;
  }

  .container-search-books {
    width: 90%;
  }

  .search-input {
    margin-bottom: 8vw;
  }

  .lista-de-libros {
    margin-top: 10vw;
  }

  .link-paginacion {
    width: 5.52vw;
    height: 5.52vw;
    margin-left: 1.77vw;
    padding-top: .4vw;
    font-size: 2.49vw;
  }

  .hover-hit-filter {
    height: 6.6vw;
  }

  .section-cafe-detalle {
    margin-bottom: -7vw;
    padding-top: 22.3vw;
    padding-bottom: 13vw;
    overflow: visible;
  }

  .container-cafe-detalle {
    flex-direction: column;
    width: 90%;
  }

  .col-a-cafe-detalle {
    width: 100%;
  }

  .img-cafe-detalle {
    width: 49%;
    height: 46vw;
  }

  .col-view-our-menu {
    border-left-style: none;
    width: 49%;
  }

  .heading-cafe-detalle {
    margin-top: 0;
    margin-left: 0;
    font-size: 7vw;
  }

  .row-a-space {
    margin-top: 4vw;
    padding-top: 2.3vw;
  }

  .title-a-space {
    font-size: 11vw;
  }

  .row-open-hours {
    border-bottom: 1px solid #323416;
    flex-direction: column;
    margin-bottom: 5.59vw;
    padding-top: 5vw;
    padding-bottom: 5.59vw;
    display: none;
  }

  .p-open-hours {
    margin-bottom: 1vw;
    font-size: 3.8vw;
  }

  .p-open-hours.open {
    margin-bottom: 2vw;
    padding-left: 4vw;
  }

  .col-b-cafe-detalle {
    border-left-style: none;
    width: 100%;
    padding-left: 0;
  }

  .row-cafe-location {
    border-top: 1px solid #323416;
    flex-direction: column-reverse;
    align-items: flex-end;
    margin-top: 8vw;
    padding-top: 8vw;
  }

  .col-a-location {
    border-top: 1px solid #323416;
    border-right-style: none;
    width: 100%;
    padding-top: 7vw;
    padding-bottom: 5.59vw;
  }

  .p-titulo-location, .p-local-direccion {
    font-size: 3.85vw;
  }

  .link-download-pdf {
    margin-top: 15vw;
    padding-left: 5vw;
    font-size: 3.85vw;
  }

  .cafe-texto {
    width: 50%;
    margin-top: 0;
    margin-bottom: 30vw;
  }

  .titulo-galeria {
    padding-top: 5.59vw;
    padding-bottom: 5.59vw;
    font-size: 8vw;
  }

  .slider-counter {
    justify-content: space-between;
    margin-bottom: 2vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    position: static;
  }

  .link-cafe-galeria {
    width: 6vw;
    height: 6vw;
    margin-left: 0;
    margin-right: 1px;
    font-size: 3.8vw;
  }

  .galeria-gallery {
    width: 95vw;
    margin-bottom: 4vw;
    margin-left: auto;
    position: static;
    overflow: hidden;
  }

  .img-galeria {
    width: 32vw;
    height: 32vw;
    margin-right: 1vw;
  }

  .galeria-interna {
    width: 100vw;
    height: 32vw;
  }

  .menu-open-cafe {
    width: 100vw;
    padding-top: 22.3vw;
    left: -100vw;
  }

  .lista-menu {
    margin-top: 2vw;
  }

  .titulo-menu {
    background-size: 4vw;
    padding-top: 1vw;
    padding-bottom: 1.5vw;
    font-size: 5vw;
  }

  .titulo-menu-irem, .item-menu {
    font-size: 3.85vw;
  }

  .item-menu.precio {
    text-align: right;
    width: auto;
  }

  .row-items {
    margin-top: 1.4vw;
    padding-bottom: 1vw;
  }

  .scroll-menu {
    height: auto;
  }

  .row-open-hours-open {
    border-top-style: none;
    flex-direction: column;
  }

  .section-container {
    margin-bottom: -6vw;
    padding-top: 23.13vw;
    padding-bottom: 10vw;
  }

  .container-company {
    flex-direction: column;
    width: 90%;
  }

  .col-a-company-gallery {
    border-right-style: none;
    width: 95vw;
    padding-right: 0;
    overflow: hidden;
  }

  .heading-gallery-company {
    width: 94.5%;
    margin-top: 5vw;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
    font-size: 5vw;
  }

  .galeria-vertical {
    width: 100vw;
    height: 32vw;
  }

  .imagen-galeria-vertical {
    width: 32vw;
    height: 32svw;
  }

  .slide-vertical {
    float: left;
    width: 32vw;
    height: 32vw;
    margin-right: 1vw;
    padding-bottom: 0;
  }

  .next-galeria-company {
    width: 9vw;
    bottom: 3vw;
    left: 3vw;
    transform: rotate(-90deg);
  }

  .col-location-gallery {
    border-right-style: none;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fila-location-company {
    margin-bottom: 4vw;
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .p-titulo-location-company {
    font-size: 3.8vw;
  }

  .p-local-direccion-company {
    width: 50%;
    font-size: 3.8vw;
  }

  .titulo-we-want-commpany {
    padding-bottom: 4vw;
    font-size: 7vw;
  }

  .link-contact-company {
    padding-left: 4vw;
    font-size: 3.85vw;
  }

  .link-bottom-contacto {
    padding-top: 4vw;
    display: none;
  }

  .col-visit-us-company {
    order: -1;
    width: 100%;
    margin-bottom: 2vw;
    padding-bottom: 0;
    padding-left: 0;
  }

  .visit-us-title-company {
    font-size: 6vw;
    line-height: 1.2em;
  }

  .col-img-books {
    padding-left: 3vw;
  }

  .imagen-go-books {
    height: 40vw;
  }

  .link-bottom-open-hours {
    border-top-style: none;
    flex-direction: column;
    margin-left: 0;
    padding-top: 62vw;
  }

  .books-titulo {
    width: 50vw;
    bottom: 14.98vw;
    right: 0;
  }

  .cafe-titulo {
    width: 50vw;
    bottom: 30.02vw;
    left: 0;
  }

  .section-contact {
    padding-top: 20.25vw;
  }

  .container-contact {
    flex-direction: column;
    width: 90%;
  }

  .col-a-visit {
    border-bottom: 1px solid #008142;
    border-right-style: none;
    width: 100%;
    margin-bottom: 3vw;
    padding-bottom: 3vw;
    padding-right: 0;
  }

  .title-monday-to-sunday {
    font-size: 7vw;
  }

  .hora-monday-to-sunday {
    margin-top: 5vw;
    font-size: 7vw;
  }

  .visit-image {
    margin-top: 15vw;
    top: 0;
  }

  .col-b-visit {
    width: 100%;
  }

  .row-contact-col-b-visit {
    flex-direction: column;
    padding-bottom: 5vw;
  }

  .col-a-b-visit {
    border-bottom: 1px solid #008142;
    border-right-style: none;
    width: 100%;
    margin-bottom: 10vw;
    padding-bottom: 3vw;
    padding-right: 0;
  }

  .imagen-contact {
    height: 60vw;
    margin-bottom: 3vw;
  }

  .link-go-to-contact {
    padding-left: 5vw;
    font-size: 3.8vw;
  }

  .form-contact {
    width: 100%;
  }

  .title-contact {
    margin-bottom: 5vw;
  }

  .subrayado-contact {
    font-size: 6vw;
  }

  .input-contact {
    height: 8vw;
    margin-bottom: 2vw;
    padding: 0 2vw;
    font-size: 3vw;
  }

  .textarea-contact {
    min-height: 21vw;
    margin-bottom: 5vw;
    padding: 2vw;
    font-size: 3vw;
  }

  .boton-contacto {
    margin-right: 0;
    padding: 2vw 4.686vw 1.4vw;
    font-size: 2.739vw;
  }

  .contact-info-row {
    flex-direction: column;
    padding-top: 3vw;
  }

  .mapa-contacto {
    z-index: 1;
    width: 100%;
    height: 51vw;
    position: relative;
  }

  .col-a-datos-contacto {
    width: 100%;
    margin-bottom: 10vw;
    padding-top: 3vw;
  }

  .p-local-direccion-contact, .p-titulo-location-contact {
    font-size: 3.8vw;
  }

  .section-if-you-are {
    margin-top: -16vw;
    margin-bottom: 10vw;
    padding-top: 20vw;
    padding-bottom: 34vw;
  }

  .container-if-you-are {
    width: 90%;
  }

  .heading-if-you {
    margin-bottom: 8vw;
    font-size: 10vw;
    line-height: 1em;
  }

  .img-fondo-if {
    width: 31vw;
    height: 41vw;
    bottom: 16.8vw;
    right: 5vw;
  }

  .circulo-amarillo {
    width: 20vw;
    height: 20vw;
    top: 85.91vw;
    left: 5vw;
  }

  .circulo-verde {
    width: 14vw;
    height: 14vw;
    bottom: 6.29vw;
    right: 17.71vw;
  }

  .circulo-rojo {
    width: 20vw;
    height: 20vw;
    bottom: -2.8vw;
  }

  .section-hero-product {
    padding-top: 17.54vw;
  }

  .container-product {
    flex-direction: column;
    width: 90%;
    display: flex;
  }

  .heading-available {
    margin-bottom: 3vw;
    font-size: 3.75vw;
    position: static;
  }

  .product-info-product {
    margin-top: 4vw;
    position: static;
  }

  .heading-product-info {
    text-align: left;
    font-size: 3.75vw;
  }

  .p-dato-producto {
    width: 100%;
    margin-bottom: 3vw;
    padding-bottom: .87vw;
    font-size: 3.8vw;
  }

  .col-central-proyecto {
    width: 100%;
    padding-top: 0;
    left: 0;
  }

  .imagen-producto-principal {
    width: 90vw;
    height: 90vw;
  }

  .imagen-producto-grande {
    max-width: 46.5vw;
    max-height: 72vw;
  }

  .badge-product-detalle {
    width: 32.67vw;
    height: 32.67vw;
    top: 0;
  }

  .texto-badge {
    font-size: 3.75vw;
  }

  .container-product-nombre {
    width: 90%;
    margin-top: 6vw;
  }

  .titulo-producto {
    margin-bottom: 4vw;
    font-size: 8vw;
  }

  .tag-producto {
    margin-bottom: 4.08vw;
    padding: 2.85vw 5.16vw;
    font-size: 2.67vw;
  }

  .form-interna-add-to-cart {
    justify-content: flex-start;
  }

  .cantidad-input {
    width: 28.56vw;
    height: 7.83vw;
    margin-right: -13.02vw;
    padding-top: 1.59vw;
    padding-bottom: 1.59vw;
    padding-left: 7.5vw;
    font-size: 2.85vw;
  }

  .cantidad-producto {
    height: 7.83vw;
    padding-left: 3.75vw;
    padding-right: 3.9vw;
    font-size: 2.85vw;
  }

  .add-to-cart {
    height: 7.83vw;
    margin-left: 1.785vw;
    padding-left: 4.43vw;
    padding-right: 4.43vw;
    font-size: 3vw;
  }

  .menos-btn-detalle {
    padding-left: 2.13vw;
    padding-right: 2.13vw;
    left: 2.13vw;
  }

  .mas-btn-detalle {
    padding-left: 2.13vw;
    padding-right: 2.13vw;
    left: 9vw;
  }

  .linea-add-to-cart-producto {
    border-bottom-style: none;
  }

  .responsive {
    z-index: 10;
    opacity: .56;
    pointer-events: none;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .hamb-resp {
    border-top: 1px solid #343434;
    border-bottom: 1px solid #343434;
    justify-content: center;
    align-items: center;
    width: 5vw;
    height: 3vw;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .linea-medio-hamb {
    border-top: 1px solid #343434;
    width: 100%;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .fondo-hero-home-resp {
    display: block;
  }

  .titulo-send {
    margin-bottom: 3vw;
    font-size: 6.2vw;
    line-height: 1.3em;
  }

  .section-menu {
    z-index: 10;
    background-color: #173b2a;
    height: 100svh;
    padding-top: 22.5vw;
    padding-bottom: 12vw;
    padding-right: 0;
    transition: all .2s;
    display: block;
    position: fixed;
    top: -100svh;
    left: 0%;
    right: 0%;
    overflow: scroll;
  }

  .section-menu.on {
    z-index: 3;
    top: 0;
  }

  .close-menu-top {
    border-bottom: 1px solid #008142;
    justify-content: space-between;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2vw;
    display: flex;
  }

  .close-link {
    color: #52964f;
    font-size: 7vw;
    line-height: 1em;
  }

  .col-b-menu {
    border-left: 1px solid #008142;
    width: 51.5%;
    padding-left: 2.2vw;
  }

  .imagen-menu {
    height: 45vw;
  }

  .link-menu-go-to {
    color: var(--white);
    background-position: 0%;
    margin-top: 3vw;
    padding-left: 5vw;
    font-size: 4vw;
  }

  .body-menu {
    background-color: #d48787;
  }

  .nav-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5vw;
  }

  .title-navigation {
    color: #fff;
    background-image: url('../images/arrow_menu_1arrow_menu.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto 64%;
    border-bottom: 1px solid #008142;
    margin-top: 0;
    margin-bottom: 6vw;
    padding-bottom: 3.4vw;
    font-size: 26px;
    font-weight: 400;
    line-height: 1em;
  }

  .link-menu {
    color: #52964f;
    margin-bottom: 3vw;
    font-size: 8.2vw;
    line-height: 1em;
  }

  .lista-links {
    border-bottom: 1px solid #008142;
    flex-direction: column;
    padding-bottom: 5vw;
    display: flex;
  }

  .fila-location-menu {
    border-bottom: 1px solid #008142;
    justify-content: space-between;
    padding-top: 7vw;
    padding-bottom: 7vw;
    padding-right: 0;
    display: flex;
  }

  .p-location-menu {
    color: #aeaf9d;
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 1.3em;
  }

  .p-location-local {
    color: #5e6d54;
    width: 50%;
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 1.3em;
  }

  .p-menu {
    color: #fff;
    letter-spacing: .2vw;
    margin-bottom: 0;
    padding-top: 8.5vw;
    font-size: 8vw;
    line-height: 1.05em;
  }

  .grupo-best-sticky {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    position: absolute;
    top: 117.9vw;
  }

  .ok-error-footer {
    width: 100%;
  }

  .container-summary {
    flex-direction: column;
    width: 90%;
  }

  .col-a-summary {
    width: auto;
    display: none;
  }

  .add-to-cart-summary {
    height: 7.83vw;
    margin-left: 1.785vw;
    padding-left: 4.43vw;
    padding-right: 4.43vw;
    font-size: 3vw;
  }

  .col-reviews {
    width: auto;
    margin-bottom: 4vw;
  }

  .col-b-summary, .container-reviews {
    width: auto;
  }

  .title-reviews {
    color: #53894a;
    font-size: 6vw;
  }

  .lista-reviews {
    margin-bottom: 3vw;
  }

  .p-reviews {
    font-size: 3.8vw;
  }

  .p-quote {
    text-align: left;
    font-size: 3.8vw;
  }

  .linea-quote {
    margin-top: 3vw;
  }

  .title-summary {
    margin-bottom: 2vw;
    font-size: 6vw;
  }

  .p-summary {
    font-size: 3.8vw;
  }

  .hide-resp {
    display: none;
  }

  .sticky-data {
    background-color: #173b2a;
    margin-bottom: -6vw;
    padding: 5vw;
    display: block;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .sticky-data.cafe {
    background-color: #404824;
  }

  .linea-resp {
    border-top: 1px solid #008142;
    width: 100%;
    height: 0;
    margin-top: 4vw;
    margin-bottom: 4vw;
    padding-bottom: 0;
    padding-right: 0;
  }

  .linea-resp.cafe {
    border-top-color: #323416;
  }

  .row-variant {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 7vw;
  }

  .p-select-one {
    margin-bottom: 4vw;
    margin-right: 0;
    font-size: 3.6vw;
  }

  .btn-variante {
    text-align: center;
    height: 10vw;
    margin-bottom: 2vw;
    margin-right: 0;
    padding-left: 8vw;
    padding-right: 8vw;
    font-size: 3.95vw;
  }

  .col-libro {
    width: 100%;
  }
}


@font-face {
  font-family: 'Snellroundhand';
  src: url('../fonts/SnellRoundhandStdRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Teodortrial';
  src: url('../fonts/TeodorLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Teodortrial';
  src: url('../fonts/Teodor-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplayroman';
  src: url('../fonts/NeueHaasDisplayRoman.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'General Grotesque';
  src: url('../fonts/General-Grotesque.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neuehaasdisplaymediu';
  src: url('../fonts/NeueHaasDisplayMediu.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nhaasgroteskdsw 02 55 Rg';
  src: url('../fonts/NHaasGroteskDSW02-55Rg.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalgrotesquemono';
  src: url('../fonts/GeneralGrotesqueMono.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cambon';
  src: url('../fonts/Cambon.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}