/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.header {
  position: absolute;
  width: 100%;
  z-index: 1;
  background: url(../img/bg-header.png) no-repeat;
  background-position: 20% top;
  background-size: 65rem;
  height: 14.6875rem;
  padding: 1.25rem 0.5rem 0 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .header {
    background: url(../img/bg-header.png) no-repeat;
    background-position: 60% top;
  }
}
@media print, screen and (min-width: 64em) {
  .header {
    background: url(../img/bg-header.png) no-repeat;
    background-position: 70% top;
    background-size: cover;
  }
}
@media screen and (min-width: 90em) {
  .header {
    padding: 0.9375rem 3.125rem 0 3.125rem;
  }
}
.header .logotipo {
  width: 10.1875rem;
}
@media print, screen and (min-width: 40em) {
  .header .logotipo {
    margin-top: 1.25rem;
    width: 9.375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .header .logotipo {
    margin-top: auto;
    width: 15.375rem;
  }
}
@media screen and (min-width: 75em) {
  .header .logotipo {
    width: 22.8125rem;
  }
}
.header ul.menu {
  display: inline-block;
  margin-top: 1.25rem;
}
.header ul.menu li a {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  transition: 0.3s;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 0.875rem;
  padding: 0 0.625rem;
}
@media print, screen and (min-width: 64em) {
  .header ul.menu li a {
    padding: 0 1.5625rem;
  }
}
@media screen and (min-width: 75em) {
  .header ul.menu li a {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}
.header ul.menu li a:hover, .header ul.menu li a:focus, .header ul.menu li a:active, .header ul.menu li a.activo {
  transition: 0.3s;
  color: #e09d32;
}
.header ul.menu li a.hover {
  position: relative;
}
.header ul.menu li a.hover:after {
  content: "\f0d8";
  font-family: "fontAwesome";
  font-size: 3.75rem;
  color: #5e3c1f;
  position: absolute;
  top: 1.375rem;
  font-size: 3.75rem;
  left: 50%;
}
.header ul.menu li.enlace a {
  border-right: 0.125rem solid #ffffff;
}
.header ul.menu li.icon-carrito {
  position: relative;
}
.header ul.menu li.icon-carrito #contadorCarritoContainer {
  background: #e09d32;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 3.125rem;
  position: absolute;
  right: 0.625rem;
  top: -0.8125rem;
}
.header ul.menu li.icon-carrito #contadorCarritoContainer .add {
  color: #3f2a25;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.875rem;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .header ul.selector-idioma {
    float: right;
  }
}
.header ul.selector-idioma li {
  font-size: 1.1875rem;
  line-height: 0.9375rem;
}
.header ul.selector-idioma li a {
  padding: 0 1.25rem;
  display: inline;
}
.header ul.selector-idioma li:first-child::after {
  font-weight: 500;
  content: "/";
  color: #ffffff;
}
.header .abrir-menu {
  transition: 0.3s;
  color: #ffffff;
  background: #e09d32;
  font-size: 1.875rem;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  border-radius: 3.125rem;
  position: relative;
}
.header .abrir-menu:hover, .header .abrir-menu:focus, .header .abrir-menu:active {
  transition: 0.3s;
  background: #ce8720;
}
.header .abrir-menu i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.position-top {
  background: #5e3c1f;
  z-index: 10;
  height: 100vh;
  transform: translateY(-100vh);
  padding-top: 3.125rem;
}
.position-top ul.menu li a {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.375rem;
  display: inline-block;
}
.position-top ul.menu li a:hover, .position-top ul.menu li a:focus, .position-top ul.menu li a:active, .position-top ul.menu li a.activo {
  transition: 0.3s;
  color: #e09d32;
}
.position-top ul.menu li ul.submenu {
  margin-left: 1.875rem;
}
.position-top ul.menu li ul.submenu li a {
  color: #dadada;
  font-size: 1.125rem;
  line-height: 1.125rem;
}
.position-top ul.menu li ul.submenu li a:hover, .position-top ul.menu li ul.submenu li a:focus, .position-top ul.menu li ul.submenu li a:active, .position-top ul.menu li ul.submenu li a.activo {
  text-decoration: underline;
  color: #e09d32;
}
.position-top .cont-iconos {
  margin: 0.9375rem;
  padding: 0.9375rem 0;
  border-top: 0.0625rem solid #ffffff;
}
.position-top .cont-iconos a i {
  color: #ffffff;
}
.position-top .cont-iconos .col-1 a {
  margin-right: 0.9375rem;
}
.position-top .cont-iconos .col-1 a i {
  font-size: 1.875rem;
}
.position-top .cont-iconos .col-1 a:hover i, .position-top .cont-iconos .col-1 a:focus i, .position-top .cont-iconos .col-1 a:active i {
  color: #e09d32;
}
.position-top .cont-iconos .col-2 a {
  border: 0.0625rem solid #ffffff;
  border-radius: 6.25rem;
  display: inline-block;
  height: 2.9375rem;
  width: 2.9375rem;
  margin-right: 0.625rem;
  position: relative;
}
.position-top .cont-iconos .col-2 a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5625rem;
}
.position-top .cont-iconos .col-2 a:hover, .position-top .cont-iconos .col-2 a:focus, .position-top .cont-iconos .col-2 a:active {
  border: 0.0625rem solid #e09d32;
  background: #e09d32;
}
.position-top .is-accordion-submenu-parent > a::after {
  right: -0.625rem;
  border-color: #ffffff transparent transparent;
}

.mensaje {
  margin: 0;
  background: #ffffff;
  position: absolute;
  z-index: 20;
  top: 5%;
  width: 18.75rem;
  padding: 1.5625rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mensaje img {
  margin-bottom: 1.25rem;
  width: 9.375rem;
}
@media print, screen and (min-width: 40em) {
  .mensaje {
    padding: 2.5rem 1.25rem 0.625rem 1.25rem;
    width: 30.625rem;
  }
}
.mensaje h3 {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
@media screen and (max-width: 39.9375em) {
  .mensaje h3 {
    font-size: 1.125rem;
    line-height: 1.125rem;
  }
}
.mensaje p, .mensaje .coleccion-detalle .informacion, .coleccion-detalle .mensaje .informacion {
  font-weight: 500;
}

.mensaje.success {
  border: 0.0625rem solid #5e3c1f;
}
.mensaje.success h3, .mensaje.success p, .mensaje.success .coleccion-detalle .informacion, .coleccion-detalle .mensaje.success .informacion, .mensaje.success small {
  color: #5e3c1f;
}

.mensaje.alert {
  border: 0.0625rem solid #dd4b23;
}
.mensaje.alert h3, .mensaje.alert p, .mensaje.alert .coleccion-detalle .informacion, .coleccion-detalle .mensaje.alert .informacion, .mensaje.alert small, .mensaje.alert .fa-times-circle, .mensaje.alert .fa-frown-o {
  color: #dd4b23;
}
.mensaje.alert .fa-frown-o {
  font-size: 3.125rem;
  margin-bottom: 1.25rem;
}

.dropdown-colecciones {
  background: #5e3c1f;
  border: none;
  padding: 3.125rem;
  width: 100% !important;
}
.dropdown-colecciones .col-coleccion .imagen-producto {
  width: 12.5rem;
}
.dropdown-colecciones .col-coleccion .imagen-producto img {
  width: 12.5rem;
}
.dropdown-colecciones .col-coleccion .logotipo {
  text-align: center;
  width: 12.5rem;
  background-color: #000000;
}
.dropdown-colecciones .listado a {
  color: #dadada;
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
  display: inline-block;
  font-family: "Montserrat", sans-serif;
}
.dropdown-colecciones .listado a:after {
  font-family: "fontAwesome";
  content: "\f105";
  font-weight: 700;
  color: #e09d32;
  opacity: 0;
  margin-left: 0.9375rem;
}
.dropdown-colecciones .listado a:hover, .dropdown-colecciones .listado a:focus, .dropdown-colecciones .listado a:active, .dropdown-colecciones .listado a.activo {
  text-decoration: underline;
  color: #e09d32;
}
.dropdown-colecciones .listado a:hover:after, .dropdown-colecciones .listado a:focus:after, .dropdown-colecciones .listado a:active:after, .dropdown-colecciones .listado a.activo:after {
  opacity: 1;
}
.dropdown-colecciones .column-block {
  margin-bottom: 0;
}
.dropdown-colecciones .submenu-links a {
  font-family: "Montserrat", sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.6875rem;
}
.dropdown-colecciones .submenu-links a:hover, .dropdown-colecciones .submenu-links a:focus, .dropdown-colecciones .submenu-links a:active, .dropdown-colecciones .submenu-links a.activo {
  color: #e09d32;
}

h1, h2, h3, h4, h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #3f2a25;
}

h1 {
  font-size: 1.25rem;
  line-height: 1.5625rem;
  margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 2.125rem;
    line-height: 2.5625rem;
  }
}
@media print, screen and (min-width: 64em) {
  h1 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
  }
}
@media screen and (min-width: 75em) {
  h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 90em) {
  h1 {
    font-size: 3rem;
    line-height: 3.625rem;
  }
}

h2 {
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  h2 {
    font-size: 2.1875rem;
    line-height: 2.625rem;
  }
}
@media screen and (min-width: 75em) {
  h2 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
}
@media screen and (min-width: 90em) {
  h2 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}

h3 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  h3 {
    font-size: 1.5625rem;
    line-height: 1.875rem;
  }
}
@media screen and (min-width: 75em) {
  h3 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

h4 {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 700;
}

p, .coleccion-detalle .informacion, li, blockquote, label {
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #3f2a25;
  font-weight: 300;
}
@media print, screen and (min-width: 40em) {
  p, .coleccion-detalle .informacion, li, blockquote, label {
    font-size: 1rem;
    line-height: 1.625rem;
  }
}
@media screen and (min-width: 75em) {
  p, .coleccion-detalle .informacion, li, blockquote, label {
    font-size: 1.125rem;
    line-height: 1.9375rem;
  }
}

.no-margin {
  margin: 0;
}

.tooltip {
  font-family: "Montserrat", sans-serif;
}

form span.form-error {
  display: none;
}
form .has-error input[type=text], form .has-error input[type=password], form .has-error input[type=date], form .has-error input[type=datetime], form .has-error input[type=datetime-local], form .has-error input[type=month], form .has-error input[type=week], form .has-error input[type=email], form .has-error input[type=number], form .has-error input[type=search], form .has-error input[type=tel], form .has-error input[type=time], form .has-error input[type=url], form .has-error input[type=color], form .has-error select, form .has-error textarea {
  border-color: #dd4b23;
  margin-bottom: 0.625rem;
}
form .has-error span.form-error {
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #dd4b23;
  display: block;
  margin-bottom: 0.3125rem;
}
form label {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  color: #3f2a25;
}
@media screen and (min-width: 75em) {
  form label {
    font-size: 1.25rem;
  }
}
form input[type=text], form input[type=password], form input[type=date], form input[type=datetime], form input[type=datetime-local], form input[type=month], form input[type=week], form input[type=email], form input[type=number], form input[type=search], form input[type=tel], form input[type=time], form input[type=url], form input[type=color], form select, form textarea {
  color: #3f2a25;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  height: 2.5rem;
  border-color: #dadada;
  box-shadow: none;
}
@media screen and (min-width: 75em) {
  form input[type=text], form input[type=password], form input[type=date], form input[type=datetime], form input[type=datetime-local], form input[type=month], form input[type=week], form input[type=email], form input[type=number], form input[type=search], form input[type=tel], form input[type=time], form input[type=url], form input[type=color], form select, form textarea {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
form input[type=text]:focus, form input[type=password]:focus, form input[type=date]:focus, form input[type=datetime]:focus, form input[type=datetime-local]:focus, form input[type=month]:focus, form input[type=week]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=time]:focus, form input[type=url]:focus, form input[type=color]:focus, form select:focus, form textarea:focus {
  border-color: #dadada;
  border-color: none;
  box-shadow: none;
}
form .aviso a {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3f2a25;
  transition: 0.3s;
}
@media print, screen and (min-width: 64em) {
  form .aviso a {
    font-size: 0.9375rem;
  }
}
form .aviso a:hover, form .aviso a:focus, form .aviso a:active {
  transition: 0.3s;
  color: #ce8720;
}

.button {
  font-family: "Montserrat", sans-serif;
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-weight: 700;
  padding: 0.9375rem 0.625rem;
}
.button.boton-cafe {
  transition: 0.3s;
  background: #e09d32;
  color: #ffffff;
}
.button.boton-cafe:hover, .button.boton-cafe:focus, .button.boton-cafe:active {
  transition: 0.3s;
  background: #ce8720;
}
.button.boton-gris {
  transition: 0.3s;
  background: #efefef;
  color: #3f2a25;
}
.button.boton-gris:hover, .button.boton-gris:focus, .button.boton-gris:active {
  transition: 0.3s;
  background: #dadada;
}

.separador-20 {
  padding: 1.25rem 0;
}

.separador-30 {
  padding: 1.875rem 0;
}

.separador-50 {
  padding: 3.125rem 0;
}

.cont-general {
  padding: 3.125rem 0;
}

@media screen and (min-width: 90em) {
  .row-productos {
    padding: 0 3.125rem;
  }
}
.row-productos .cont-producto {
  position: relative;
  margin: 1.875rem auto;
}
@media screen and (min-width: 90em) {
  .row-productos .cont-producto {
    width: 19.375rem;
  }
}
.row-productos .cont-producto .bg-logo {
  background: #040605;
  padding: 0.625rem;
}
@media screen and (min-width: 90em) {
  .row-productos .cont-producto .bg-logo {
    width: 19.375rem;
  }
}
.row-productos .cont-producto .bg-logo img {
  margin: auto;
  display: block;
}
.row-productos .cont-producto .imagen {
  position: relative;
}
.row-productos .cont-producto .imagen img.borde {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
}
.row-productos .cont-producto .imagen img.producto {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.row-productos .cont-producto .descripcion {
  margin-top: 1.25rem;
  transition: 0.3s;
  opacity: 1;
}
.row-productos .cont-producto .descripcion p, .row-productos .cont-producto .descripcion .coleccion-detalle .informacion, .coleccion-detalle .row-productos .cont-producto .descripcion .informacion {
  line-height: 1.375rem;
}
.row-productos .cont-producto .descripcion h4 {
  font-size: 1.5625rem;
}
.row-productos .cont-producto .detalles {
  background: #040605;
  border-radius: 0.625rem;
  padding: 0.625rem;
  transition: 0.3s;
  position: absolute;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}
.row-productos .cont-producto .detalles p, .row-productos .cont-producto .detalles .coleccion-detalle .informacion, .coleccion-detalle .row-productos .cont-producto .detalles .informacion {
  color: #ffffff;
  margin: 0;
}
.row-productos .cont-producto .detalles p span, .row-productos .cont-producto .detalles .coleccion-detalle .informacion span, .coleccion-detalle .row-productos .cont-producto .detalles .informacion span {
  font-weight: 500;
}
.row-productos .cont-producto:hover .detalles, .row-productos .cont-producto:focus .detalles, .row-productos .cont-producto:active .detalles {
  transition: 0.3s;
  opacity: 1;
  bottom: 2.5rem;
}
@media print, screen and (min-width: 40em) {
  .row-productos .cont-producto:hover .detalles, .row-productos .cont-producto:focus .detalles, .row-productos .cont-producto:active .detalles {
    bottom: -2.5rem;
  }
}
.row-productos .cont-producto:hover .descripcion, .row-productos .cont-producto:focus .descripcion, .row-productos .cont-producto:active .descripcion {
  opacity: 0;
}

@media screen and (max-width: 39.9375em) {
  .banner-general {
    padding-top: 5rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general {
    padding-bottom: 3.75rem;
  }
}
.banner-general .cont-banner {
  height: 10rem;
}
@media print, screen and (min-width: 40em) {
  .banner-general .cont-banner {
    height: 23.125rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .cont-banner {
    height: 26.875rem;
  }
}
@media screen and (min-width: 75em) {
  .banner-general .cont-banner {
    height: 31.875rem;
  }
}
.banner-general .cont-banner .textos {
  width: 15.625rem;
  position: absolute;
  top: 9.375rem;
  right: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .banner-general .cont-banner .textos {
    width: 30.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .cont-banner .textos {
    width: 52.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .banner-general .cont-banner .textos {
    top: 12.8125rem;
  }
}
.banner-general .cont-banner .textos h2 {
  font-size: 1.0625rem;
  line-height: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .banner-general .cont-banner .textos h2 {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .cont-banner .textos h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media screen and (min-width: 75em) {
  .banner-general .cont-banner .textos h2 {
    font-size: 3.125rem;
    line-height: 3.125rem;
  }
}
@media screen and (min-width: 90em) {
  .banner-general .cont-banner .textos h2 {
    font-size: 3.75rem;
    line-height: 3.75rem;
  }
}
.banner-general .cont-banner .textos .etiqueta {
  font-family: "Montserrat", sans-serif;
  color: #e09d32;
  font-size: 1rem;
}
@media print, screen and (min-width: 40em) {
  .banner-general .cont-banner .textos .etiqueta {
    font-size: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .cont-banner .textos .etiqueta {
    font-size: 1.5625rem;
  }
}

.cont-textura-03 {
  background: url("../img/bg-textura-03.png");
}

.site-index {
  padding-top: 5rem;
}
@media print, screen and (min-width: 40em) {
  .site-index {
    padding-top: 5.625rem;
  }
}
.site-index .cont-general {
  padding: 5rem 0;
}
.site-index .fade-idx {
  overflow: hidden;
}
.site-index .fade-idx .carrusel {
  position: relative;
}
.site-index .fade-idx .carrusel .cont-textura-03 {
  background: url("../img/bg-textura-03.png");
  background-position: 50% 25%;
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 39.9375em) {
  .site-index .fade-idx .carrusel .cont-textura-03 {
    max-height: 20rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .fade-idx .carrusel .cont-textura-03 {
    padding-bottom: 3.75rem;
  }
}
.site-index .fade-idx .carrusel .textos {
  position: absolute;
  z-index: 1;
  left: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .carrusel .textos {
    top: 30%;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .fade-idx .carrusel .textos {
    left: 3.125rem;
    width: 37.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .carrusel.secundario h2 {
    color: #ffffff;
  }
  .site-index .fade-idx .carrusel.secundario h2 span {
    color: #e09d32;
    display: block;
  }
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .carrusel.secundario p, .site-index .fade-idx .carrusel.secundario .coleccion-detalle .informacion, .coleccion-detalle .site-index .fade-idx .carrusel.secundario .informacion {
    color: #ffffff;
  }
}
.site-index .fade-idx .slick-prev, .site-index .fade-idx .slick-next {
  top: auto;
  bottom: 0.625rem;
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .slick-prev, .site-index .fade-idx .slick-next {
    bottom: 3.125rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .fade-idx .slick-prev, .site-index .fade-idx .slick-next {
    bottom: 5.625rem;
  }
}
.site-index .fade-idx .slick-prev {
  transform: translateX(-42%);
  left: 42%;
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .slick-prev {
    transform: translateX(-45%);
    left: 45%;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .fade-idx .slick-prev {
    transform: translateX(-48%);
    left: 48%;
  }
}
.site-index .fade-idx .slick-next {
  transform: translateX(42%);
  right: 42%;
}
@media print, screen and (min-width: 40em) {
  .site-index .fade-idx .slick-next {
    transform: translateX(45%);
    right: 45%;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .fade-idx .slick-next {
    transform: translateX(48%);
    right: 48%;
  }
}
.site-index .textos-sm {
  padding-top: 3.125rem;
}
@media print, screen and (min-width: 64em) {
  .site-index .responsive-embed {
    padding-bottom: 34.125rem;
  }
}
.site-index .iconos-small {
  margin-top: 1.875rem;
}
.site-index .iconos-small .media-object-section img {
  width: 4.375rem;
}
.site-index .iconos-small .media-object-section h3 {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.site-index .iconos-small .media-object-section p, .site-index .iconos-small .media-object-section .coleccion-detalle .informacion, .coleccion-detalle .site-index .iconos-small .media-object-section .informacion {
  font-size: 0.75rem;
  line-height: 0.9375rem;
}
.site-index .linea-hr {
  border-top: 0.1875rem solid #e09d32;
}
.site-index .bg-colecciones {
  background: url("../img/bg-textura-02.jpg") no-repeat;
}
.site-index .nuestra-diferencia {
  margin-top: 1.25rem;
}
.site-index .nuestra-diferencia .logo-mc {
  margin-bottom: 1.5625rem;
}
@media print, screen and (min-width: 64em) {
  .site-index .nuestra-diferencia .logo-mc {
    margin-bottom: -1.25rem;
  }
}
.site-index .nuestra-diferencia .multiple-items-02 p, .site-index .nuestra-diferencia .multiple-items-02 .coleccion-detalle .informacion, .coleccion-detalle .site-index .nuestra-diferencia .multiple-items-02 .informacion {
  font-size: 0.875rem;
  line-height: 1.0625rem;
  padding: 0 0.9375rem;
}
.site-index .nuevos-productos .multiple-items {
  margin: 1.25rem 0;
}
@media print, screen and (min-width: 64em) {
  .site-index .nuevos-productos .multiple-items {
    margin: 2.5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .nuevos-productos .multiple-items .slick-slide {
    padding: 0 1.25rem;
  }
}
.site-index .nuevos-productos .multiple-items .slick-slide img {
  margin: auto;
}
.site-index .nuevos-productos .slick-prev {
  left: 0;
}
@media print, screen and (min-width: 64em) {
  .site-index .nuevos-productos .slick-prev {
    left: -3.75rem;
  }
}
.site-index .nuevos-productos .slick-next {
  right: 0;
}
@media print, screen and (min-width: 64em) {
  .site-index .nuevos-productos .slick-next {
    right: -3.75rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .site-index .multiple-items-02 {
    padding: 0 1.875rem;
  }
}
.site-index .multiple-items-02 img {
  margin: 1.25rem auto;
}
.site-index .multiple-items-02 p, .site-index .multiple-items-02 .coleccion-detalle .informacion, .coleccion-detalle .site-index .multiple-items-02 .informacion, .site-index .multiple-items-02 h4 {
  line-height: 1.375rem;
}

.site-quienes-somos .cont-textura-03 {
  background: url("../img/bg-textura-03.png");
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 39.9375em) {
  .site-quienes-somos .cont-textura-03 {
    max-height: 20rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-quienes-somos .cont-textura-03 {
    padding-bottom: 3.75rem;
  }
}
.site-quienes-somos .cont-textura-03 .cont-banner {
  background: url(../img/bg-quienes-somos.jpg) no-repeat;
  background-size: cover;
  height: 18.75rem;
  background-position: 50% 100%;
}
@media print, screen and (min-width: 40em) {
  .site-quienes-somos .cont-textura-03 .cont-banner {
    height: 90vh;
  }
}
@media print, screen and (min-width: 40em) {
  .site-quienes-somos .cont-textura-03 .cont-banner {
    background-attachment: fixed;
  }
}
.site-quienes-somos .cont-textura-03 .cont-banner h2 {
  color: #ffffff;
  width: 13.125rem;
  position: absolute;
  top: 10rem;
  right: 0.625rem;
}
.site-quienes-somos .cont-textura-03 .cont-banner h2 span {
  color: #e09d32;
}
@media print, screen and (min-width: 40em) {
  .site-quienes-somos .cont-textura-03 .cont-banner h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 23.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-quienes-somos .cont-textura-03 .cont-banner h2 {
    width: 32.5rem;
  }
}
.site-quienes-somos .cont-valores {
  background: url("../img/bg-textura-04.png");
  background-repeat: repeat-x;
  background-position: 50%;
  background-size: contain;
}
.site-quienes-somos .cont-valores .row-valores .titulo {
  border-bottom: 0.25rem solid #e09d32;
  height: 4.6875rem;
  position: relative;
  margin-bottom: 0.4375rem;
}
.site-quienes-somos .cont-valores .row-valores .titulo h3 {
  position: absolute;
  bottom: 0.1875rem;
}
.site-quienes-somos .row-bottom {
  padding-bottom: 1.25rem;
}
.site-quienes-somos .row-bottom .col-1 {
  background: url("../img/bg-textura-05.png") no-repeat;
  background-size: contain;
}
.site-quienes-somos .row-bottom .col-2 {
  padding-right: 0;
}

.coleccion-index .otros-servicios, .coleccion-coleccion .otros-servicios, .coleccion-detalle .otros-servicios {
  background-attachment: fixed;
  padding: 1.25rem 0 2.5rem 0;
}
@media print, screen and (min-width: 64em) {
  .coleccion-index .otros-servicios, .coleccion-coleccion .otros-servicios, .coleccion-detalle .otros-servicios {
    padding-top: 3.75rem;
  }
}
.coleccion-index .otros-servicios img, .coleccion-coleccion .otros-servicios img, .coleccion-detalle .otros-servicios img {
  margin: 1.25rem 0;
}
.coleccion-index .banner-general, .coleccion-coleccion .banner-general, .coleccion-detalle .banner-general {
  padding-bottom: 0;
}
.coleccion-index .banner-general .cont-banner img.fondo, .coleccion-coleccion .banner-general .cont-banner img.fondo, .coleccion-detalle .banner-general .cont-banner img.fondo {
  height: 100%;
}
@media print, screen and (min-width: 40em) {
  .coleccion-index .banner-general .cont-banner .textos, .coleccion-coleccion .banner-general .cont-banner .textos, .coleccion-detalle .banner-general .cont-banner .textos {
    width: 28.125rem;
  }
}
@media screen and (min-width: 90em) {
  .coleccion-index .banner-general .cont-banner .textos, .coleccion-coleccion .banner-general .cont-banner .textos, .coleccion-detalle .banner-general .cont-banner .textos {
    width: 55rem;
  }
}
.coleccion-index .logo-coleccion, .coleccion-coleccion .logo-coleccion, .coleccion-detalle .logo-coleccion {
  background: url("../img/bg-textura-06.png") #000000;
  background-attachment: fixed;
}
.coleccion-index .logo-coleccion img, .coleccion-coleccion .logo-coleccion img, .coleccion-detalle .logo-coleccion img {
  margin: 1.25rem 0;
}
.coleccion-index .logo-coleccion .patron-blc, .coleccion-coleccion .logo-coleccion .patron-blc, .coleccion-detalle .logo-coleccion .patron-blc {
  background: url("../img/bg-triangulo.png");
  background-repeat: repeat-x;
  height: 0.9375rem;
}
.coleccion-index .bg-colecciones, .coleccion-coleccion .bg-colecciones, .coleccion-detalle .bg-colecciones {
  background: url("../img/bg-textura-07.png");
  background-position: 50%;
  position: relative;
}
.coleccion-index .bg-colecciones .linea-01, .coleccion-coleccion .bg-colecciones .linea-01, .coleccion-detalle .bg-colecciones .linea-01 {
  position: absolute;
  height: 0.125rem;
  width: 30%;
  background: #e09d32;
  top: 0;
}
.coleccion-index .bg-colecciones .linea-02, .coleccion-coleccion .bg-colecciones .linea-02, .coleccion-detalle .bg-colecciones .linea-02 {
  position: absolute;
  bottom: -0.625rem;
  right: 0;
  width: 30%;
  display: inline-table;
  padding-bottom: 0.4375rem;
  border-bottom: 0.125rem dashed #3f2a25;
}
.coleccion-index .bg-colecciones .linea-02 div, .coleccion-coleccion .bg-colecciones .linea-02 div, .coleccion-detalle .bg-colecciones .linea-02 div {
  height: 0.625rem;
  background: #e09d32;
}
.coleccion-index .bg-colecciones .muestras, .coleccion-coleccion .bg-colecciones .muestras, .coleccion-detalle .bg-colecciones .muestras {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .coleccion-index .bg-colecciones .muestras, .coleccion-coleccion .bg-colecciones .muestras, .coleccion-detalle .bg-colecciones .muestras {
    padding: 2.5rem 0 0 2.5rem;
  }
}
.coleccion-index .bg-colecciones .muestras img, .coleccion-coleccion .bg-colecciones .muestras img, .coleccion-detalle .bg-colecciones .muestras img {
  margin: auto;
  display: block;
}
.coleccion-index .bg-colecciones .muestras img.new, .coleccion-coleccion .bg-colecciones .muestras img.new, .coleccion-detalle .bg-colecciones .muestras img.new {
  position: absolute;
  top: 0;
  left: 0;
}
.coleccion-index .bg-colecciones .muestras .logo-top, .coleccion-coleccion .bg-colecciones .muestras .logo-top, .coleccion-detalle .bg-colecciones .muestras .logo-top {
  width: 100%;
}
.coleccion-index .bg-colecciones .muestras .bg-logo, .coleccion-coleccion .bg-colecciones .muestras .bg-logo, .coleccion-detalle .bg-colecciones .muestras .bg-logo {
  background: #040605;
  padding: 0.625rem;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .coleccion-index .bg-colecciones .muestras .bg-logo img, .coleccion-coleccion .bg-colecciones .muestras .bg-logo img, .coleccion-detalle .bg-colecciones .muestras .bg-logo img {
    width: 11.25rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .coleccion-index .bg-colecciones .muestras .bg-logo img, .coleccion-coleccion .bg-colecciones .muestras .bg-logo img, .coleccion-detalle .bg-colecciones .muestras .bg-logo img {
    width: 15.625rem;
  }
}
.coleccion-index .bg-colecciones .muestras .has-tip, .coleccion-coleccion .bg-colecciones .muestras .has-tip, .coleccion-detalle .bg-colecciones .muestras .has-tip {
  cursor: pointer;
  border-bottom: none;
}
.coleccion-index .bg-colecciones .filtros h4, .coleccion-coleccion .bg-colecciones .filtros h4, .coleccion-detalle .bg-colecciones .filtros h4 {
  background: #efefef;
}
.coleccion-index .bg-colecciones .filtros .column-block, .coleccion-coleccion .bg-colecciones .filtros .column-block, .coleccion-detalle .bg-colecciones .filtros .column-block {
  margin-bottom: 0.625rem;
}
.coleccion-index .bg-colecciones .filtros .column-block label, .coleccion-coleccion .bg-colecciones .filtros .column-block label, .coleccion-detalle .bg-colecciones .filtros .column-block label {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3f2a25;
}
@media screen and (min-width: 75em) {
  .coleccion-index .bg-colecciones .filtros .column-block label, .coleccion-coleccion .bg-colecciones .filtros .column-block label, .coleccion-detalle .bg-colecciones .filtros .column-block label {
    font-size: 1.125rem;
  }
}
.coleccion-index .bg-colecciones .filtros .circulo-color, .coleccion-index .bg-colecciones .filtros .circulo-terminado, .coleccion-coleccion .bg-colecciones .filtros .circulo-color, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado, .coleccion-detalle .bg-colecciones .filtros .circulo-color, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 12.5rem;
  cursor: pointer;
  transition: 0.3s;
  border: 0.125rem solid #e09d32;
  background: #efefef;
}
.coleccion-index .bg-colecciones .filtros .circulo-color:hover, .coleccion-index .bg-colecciones .filtros .circulo-color:focus, .coleccion-index .bg-colecciones .filtros .circulo-color:active, .coleccion-index .bg-colecciones .filtros .circulo-color.activo, .coleccion-index .bg-colecciones .filtros .circulo-terminado:hover, .coleccion-index .bg-colecciones .filtros .circulo-terminado:focus, .coleccion-index .bg-colecciones .filtros .circulo-terminado:active, .coleccion-index .bg-colecciones .filtros .circulo-terminado.activo, .coleccion-coleccion .bg-colecciones .filtros .circulo-color:hover, .coleccion-coleccion .bg-colecciones .filtros .circulo-color:focus, .coleccion-coleccion .bg-colecciones .filtros .circulo-color:active, .coleccion-coleccion .bg-colecciones .filtros .circulo-color.activo, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado:hover, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado:focus, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado:active, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado.activo, .coleccion-detalle .bg-colecciones .filtros .circulo-color:hover, .coleccion-detalle .bg-colecciones .filtros .circulo-color:focus, .coleccion-detalle .bg-colecciones .filtros .circulo-color:active, .coleccion-detalle .bg-colecciones .filtros .circulo-color.activo, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado:hover, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado:focus, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado:active, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado.activo {
  transition: 0.3s;
  border: 0.25rem solid #e09d32;
}
.coleccion-index .bg-colecciones .filtros .circulo-color label, .coleccion-index .bg-colecciones .filtros .circulo-terminado label, .coleccion-coleccion .bg-colecciones .filtros .circulo-color label, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado label, .coleccion-detalle .bg-colecciones .filtros .circulo-color label, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  opacity: 0;
}
.coleccion-index .bg-colecciones .filtros .circulo-terminado, .coleccion-coleccion .bg-colecciones .filtros .circulo-terminado, .coleccion-detalle .bg-colecciones .filtros .circulo-terminado {
  background-size: 2.5rem 2.5rem !important;
  background-repeat: no-repeat;
}
.coleccion-index .bg-colecciones .cont-buscador, .coleccion-coleccion .bg-colecciones .cont-buscador, .coleccion-detalle .bg-colecciones .cont-buscador {
  position: relative;
}
.coleccion-index .bg-colecciones .cont-buscador input, .coleccion-coleccion .bg-colecciones .cont-buscador input, .coleccion-detalle .bg-colecciones .cont-buscador input {
  border: 0.125rem solid #6d6e70;
  padding-left: 1.875rem;
}
.coleccion-index .bg-colecciones .cont-buscador input::-webkit-input-placeholder, .coleccion-coleccion .bg-colecciones .cont-buscador input::-webkit-input-placeholder, .coleccion-detalle .bg-colecciones .cont-buscador input::-webkit-input-placeholder {
  font-family: "Montserrat", sans-serif;
  color: #3f2a25;
  font-size: 1.3125rem;
  font-weight: 500;
  opacity: 1;
}
.coleccion-index .bg-colecciones .cont-buscador input::-moz-placeholder, .coleccion-coleccion .bg-colecciones .cont-buscador input::-moz-placeholder, .coleccion-detalle .bg-colecciones .cont-buscador input::-moz-placeholder {
  font-family: "Montserrat", sans-serif;
  color: #3f2a25;
  font-size: 1.3125rem;
  font-weight: 500;
  opacity: 1;
}
.coleccion-index .bg-colecciones .cont-buscador input:-moz-placeholder, .coleccion-coleccion .bg-colecciones .cont-buscador input:-moz-placeholder, .coleccion-detalle .bg-colecciones .cont-buscador input:-moz-placeholder {
  font-family: "Montserrat", sans-serif;
  color: #3f2a25;
  font-size: 1.3125rem;
  font-weight: 500;
  opacity: 1;
}
.coleccion-index .bg-colecciones .cont-buscador input:-ms-input-placeholder, .coleccion-coleccion .bg-colecciones .cont-buscador input:-ms-input-placeholder, .coleccion-detalle .bg-colecciones .cont-buscador input:-ms-input-placeholder {
  font-family: "Montserrat", sans-serif;
  color: #3f2a25;
  font-size: 1.3125rem;
  font-weight: 500;
  opacity: 1;
}
.coleccion-index .bg-colecciones .cont-buscador i, .coleccion-coleccion .bg-colecciones .cont-buscador i, .coleccion-detalle .bg-colecciones .cont-buscador i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.625rem;
}
.coleccion-index .bg-colecciones .listado-colores, .coleccion-coleccion .bg-colecciones .listado-colores, .coleccion-detalle .bg-colecciones .listado-colores {
  position: relative;
  border: 0.125rem solid #6d6e70;
  width: 20rem;
  border-radius: 0.375rem;
  width: 100%;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
  background: #ffffff;
}
.coleccion-index .bg-colecciones .listado-colores .column-block, .coleccion-coleccion .bg-colecciones .listado-colores .column-block, .coleccion-detalle .bg-colecciones .listado-colores .column-block {
  margin: 0.625rem 0;
}
.coleccion-index .bg-colecciones .listado-colores .column-block img, .coleccion-coleccion .bg-colecciones .listado-colores .column-block img, .coleccion-detalle .bg-colecciones .listado-colores .column-block img {
  border-radius: 6.25rem;
  margin: auto;
  display: block;
}
.coleccion-index .bg-colecciones .listado-colores:before, .coleccion-coleccion .bg-colecciones .listado-colores:before, .coleccion-detalle .bg-colecciones .listado-colores:before {
  content: "";
  border-right: 0.625rem solid transparent;
  border-top: 0.625rem solid transparent;
  border-left: 0.625rem solid transparent;
  border-bottom: 1.25rem solid #6d6e70;
  position: absolute;
  top: -1.875rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media print, screen and (min-width: 40em) {
  .coleccion-index .bg-colecciones .col-filtros, .coleccion-coleccion .bg-colecciones .col-filtros, .coleccion-detalle .bg-colecciones .col-filtros {
    padding-top: 2.5rem;
  }
}
.coleccion-index .bg-colecciones .col-filtros .filtros h4, .coleccion-coleccion .bg-colecciones .col-filtros .filtros h4, .coleccion-detalle .bg-colecciones .col-filtros .filtros h4 {
  margin: 1.25rem 0;
}

.coleccion-index .banner-general .cont-banner {
  background: url(../img/bg-idx-colecciones.jpg) no-repeat;
  background-position: 80% 50%;
  background-size: cover;
}
.coleccion-index .bg-colecciones .linea-02 {
  bottom: 0.625rem;
}
.coleccion-index .bg-colecciones .filtros {
  padding: 3.125rem 0 4.375rem 0;
}
.coleccion-index .bg-colecciones .filtros h4 {
  cursor: pointer;
  font-size: 0.875rem;
}
@media print, screen and (min-width: 64em) {
  .coleccion-index .bg-colecciones .filtros h4 {
    font-size: 1rem;
  }
}
.coleccion-index .bg-colecciones .filtros h4 i.flecha {
  float: right;
  font-size: 1.6875rem;
}
.coleccion-index .dropdown-pane {
  border: 0.125rem solid black;
  border-radius: 0.625rem;
}
@media print, screen and (min-width: 64em) {
  .coleccion-index .dropdown-pane {
    width: 23.125rem;
  }
}
.coleccion-index .dropdown-pane .row-lista-filtros {
  margin: auto;
  padding-left: 1.25rem;
}
.coleccion-index .dropdown-pane .column-block {
  padding: 0;
}
.coleccion-index .dropdown-pane .column-block label {
  font-size: 1rem !important;
}

.coleccion-coleccion .muestras .listado, .coleccion-index .muestras .listado {
  position: relative;
}
.coleccion-coleccion .muestras .listado a, .coleccion-index .muestras .listado a {
  position: relative;
  padding: 0 0.625rem;
  display: block;
}
.coleccion-coleccion .muestras .listado a img, .coleccion-index .muestras .listado a img {
  -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.65);
  -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.65);
  box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.65);
}
.coleccion-coleccion .muestras .listado a:after, .coleccion-index .muestras .listado a:after {
  content: "";
  border: 0.25rem solid transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.coleccion-coleccion .muestras .listado a:hover:after, .coleccion-coleccion .muestras .listado a:focus:after, .coleccion-coleccion .muestras .listado a:active:after, .coleccion-index .muestras .listado a:hover:after, .coleccion-index .muestras .listado a:focus:after, .coleccion-index .muestras .listado a:active:after {
  border: 0.25rem solid #e09d32;
}

.coleccion-detalle .muestras .cont-detalle-producto {
  position: relative;
}
.coleccion-detalle .muestras .cont-detalle-producto img.producto {
  width: 100%;
}
.coleccion-detalle .muestras .cont-detalle-producto img.izquierda, .coleccion-detalle .muestras .cont-detalle-producto img.derecha {
  position: absolute;
  top: -2.5rem;
}
.coleccion-detalle .muestras .cont-detalle-producto img.izquierda {
  left: 1.25rem;
}
.coleccion-detalle .muestras .cont-detalle-producto img.derecha {
  right: 1.25rem;
}
.coleccion-detalle .informacion p, .coleccion-detalle .informacion .informacion {
  margin-bottom: 0;
}
.coleccion-detalle .informacion p span, .coleccion-detalle .informacion .informacion span {
  font-weight: 600;
}
@media screen and (min-width: 90em) {
  .coleccion-detalle .informacion h1 {
    font-size: 2.5rem;
  }
}
.coleccion-detalle .compartir {
  margin: 2.5rem 0;
}
.coleccion-detalle .cont-historial {
  margin-top: 3.75rem;
}
.coleccion-detalle .cont-historial .prod-visto img {
  margin-bottom: 1.25rem;
}
.coleccion-detalle .cont-historial .prod-visto p, .coleccion-detalle .cont-historial .prod-visto .informacion {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .cont-historial {
    padding: 0 1.875rem;
  }
}
@media screen and (min-width: 90em) {
  .cont-historial {
    padding: 0 7.5rem;
  }
}
.cont-historial h2 {
  margin-bottom: 1.25rem;
}

.site-contacto .cont-banner {
  background: url(../img/bg-contacto.jpg) no-repeat;
  background-position: 80% 50%;
  background-size: cover;
}
.site-contacto .cont-fomulario {
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .site-contacto .cont-fomulario .cont-boton {
    float: right;
  }
}
.site-contacto .cont-fomulario .linea-01 {
  width: 50%;
  height: 0.375rem;
  background: #e09d32;
  position: absolute;
  bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .site-contacto .cont-fomulario .linea-01 {
    width: 30%;
  }
}
.site-contacto .mapa {
  height: 31.25rem;
}

.site-error {
  padding: 11.25rem 0 3.125rem 0;
}
@media print, screen and (min-width: 40em) {
  .site-error {
    padding: 18.75rem 0 6.25rem 0;
  }
}
@media screen and (min-width: 75em) {
  .site-error .contenido h1, .site-error .contenido p, .site-error .contenido .coleccion-detalle .informacion, .coleccion-detalle .site-error .contenido .informacion, .site-error .contenido .button {
    margin-left: 1.0625rem;
  }
}
.site-error .contenido h2 {
  font-weight: 200;
  font-size: 4.375rem;
  line-height: 4.375rem;
}
@media print, screen and (min-width: 40em) {
  .site-error .contenido h2 {
    font-size: 5.625rem;
    line-height: 5.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-error .contenido h2 {
    font-size: 8vw;
    line-height: 8vw;
  }
}
.site-error .contenido h2 span {
  font-weight: 700;
  color: #e09d32;
}
@media screen and (max-width: 39.9375em) {
  .site-error .contenido h2 span {
    display: block;
  }
}
.site-error .contenido p, .site-error .contenido .coleccion-detalle .informacion, .coleccion-detalle .site-error .contenido .informacion {
  font-weight: 500;
}

.site-aviso-privacidad h1, .site-aviso-de-privacidad-modal h1 {
  color: #e09d32;
}

.site-aviso-privacidad {
  padding-top: 18.125rem;
  padding-bottom: 3.125rem;
}

.site-aviso-de-privacidad-modal .contenido {
  height: 37.5rem;
  overflow-y: scroll;
}

.slick-prev, .slick-next {
  z-index: 2;
  background: #efefef;
  width: 1.875rem;
  height: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .slick-prev, .slick-next {
    width: 3.125rem;
    height: 3.125rem;
  }
}
.slick-prev:before, .slick-next:before {
  font-size: 0.9375rem;
  font-family: "fontAwesome";
  color: #afafaf;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}
@media print, screen and (min-width: 40em) {
  .slick-prev:before, .slick-next:before {
    font-size: 1.5625rem;
  }
}
.slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active {
  background: #efefef;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-prev:active:before, .slick-next:hover:before, .slick-next:focus:before, .slick-next:active:before {
  color: #6d6e70;
}

.slick-prev:before {
  content: "\f060";
}

.slick-next:before {
  content: "\f061";
}

.cont-breadcrumbs {
  padding: 2.5rem 0;
}

.breadcrumbs {
  margin: 0;
}
.breadcrumbs li {
  text-transform: uppercase;
  color: #3f2a25;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
@media print, screen and (min-width: 40em) {
  .breadcrumbs li {
    font-size: 1.3125rem;
  }
}
.breadcrumbs li a {
  color: #3f2a25;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus, .breadcrumbs li a:active {
  color: #e09d32;
}
.breadcrumbs li.current {
  font-weight: 400;
  text-transform: capitalize;
  color: #e09d32;
}

.breadcrumbs li:not(:last-child)::after {
  font-weight: 700;
  color: #3f2a25;
  content: ">" !important;
}

.zoomLens {
  border: 0.25rem solid #e09d32 !important;
}

.zoomContainer {
  -webkit-box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 22px 35px -5px rgba(0, 0, 0, 0.75);
}

.pedido-index, .pedido-envio, .pedido-pago,
.pedido-respuesta, .mi-cuenta-direccion-create, .site-respuesta {
  padding-top: 11.25rem;
}
@media print, screen and (min-width: 40em) {
  .pedido-index, .pedido-envio, .pedido-pago,
  .pedido-respuesta, .mi-cuenta-direccion-create, .site-respuesta {
    padding-top: 15.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .pedido-index, .pedido-envio, .pedido-pago,
  .pedido-respuesta, .mi-cuenta-direccion-create, .site-respuesta {
    padding-top: 21.875rem;
  }
}
.pedido-index h3, .pedido-envio h3, .pedido-pago h3,
.pedido-respuesta h3, .mi-cuenta-direccion-create h3, .site-respuesta h3 {
  font-weight: 600;
  margin-bottom: 2.5rem;
}
.pedido-index .barra-progreso, .pedido-envio .barra-progreso, .pedido-pago .barra-progreso,
.pedido-respuesta .barra-progreso, .mi-cuenta-direccion-create .barra-progreso, .site-respuesta .barra-progreso {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .barra-progreso, .pedido-envio .barra-progreso, .pedido-pago .barra-progreso,
  .pedido-respuesta .barra-progreso, .mi-cuenta-direccion-create .barra-progreso, .site-respuesta .barra-progreso {
    margin-bottom: 3.125rem;
  }
}
@media print, screen and (min-width: 64em) {
  .pedido-index .barra-progreso, .pedido-envio .barra-progreso, .pedido-pago .barra-progreso,
  .pedido-respuesta .barra-progreso, .mi-cuenta-direccion-create .barra-progreso, .site-respuesta .barra-progreso {
    margin-bottom: 3.75rem;
  }
}
.pedido-index .barra-progreso ul.menu, .pedido-envio .barra-progreso ul.menu, .pedido-pago .barra-progreso ul.menu,
.pedido-respuesta .barra-progreso ul.menu, .mi-cuenta-direccion-create .barra-progreso ul.menu, .site-respuesta .barra-progreso ul.menu {
  display: inline-block;
  position: relative;
}
.pedido-index .barra-progreso ul.menu .linea, .pedido-envio .barra-progreso ul.menu .linea, .pedido-pago .barra-progreso ul.menu .linea,
.pedido-respuesta .barra-progreso ul.menu .linea, .mi-cuenta-direccion-create .barra-progreso ul.menu .linea, .site-respuesta .barra-progreso ul.menu .linea {
  border-bottom: 0.125rem dashed #e09d32;
  position: absolute;
  bottom: 2.9375rem;
  z-index: -1;
  width: 74%;
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
}
.pedido-index .barra-progreso ul.menu li, .pedido-envio .barra-progreso ul.menu li, .pedido-pago .barra-progreso ul.menu li,
.pedido-respuesta .barra-progreso ul.menu li, .mi-cuenta-direccion-create .barra-progreso ul.menu li, .site-respuesta .barra-progreso ul.menu li {
  position: relative;
}
.pedido-index .barra-progreso ul.menu li img.icono, .pedido-envio .barra-progreso ul.menu li img.icono, .pedido-pago .barra-progreso ul.menu li img.icono,
.pedido-respuesta .barra-progreso ul.menu li img.icono, .mi-cuenta-direccion-create .barra-progreso ul.menu li img.icono, .site-respuesta .barra-progreso ul.menu li img.icono {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -1.25rem;
}
.pedido-index .barra-progreso ul.menu li a, .pedido-envio .barra-progreso ul.menu li a, .pedido-pago .barra-progreso ul.menu li a,
.pedido-respuesta .barra-progreso ul.menu li a, .mi-cuenta-direccion-create .barra-progreso ul.menu li a, .site-respuesta .barra-progreso ul.menu li a {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #3f2a25;
  position: relative;
  padding: 0 0.625rem;
  font-size: 0.875rem;
}
@media print, screen and (min-width: 64em) {
  .pedido-index .barra-progreso ul.menu li a, .pedido-envio .barra-progreso ul.menu li a, .pedido-pago .barra-progreso ul.menu li a,
  .pedido-respuesta .barra-progreso ul.menu li a, .mi-cuenta-direccion-create .barra-progreso ul.menu li a, .site-respuesta .barra-progreso ul.menu li a {
    padding: 0 1.375rem;
    font-size: 1.125rem;
  }
}
.pedido-index .barra-progreso ul.menu li a:after, .pedido-envio .barra-progreso ul.menu li a:after, .pedido-pago .barra-progreso ul.menu li a:after,
.pedido-respuesta .barra-progreso ul.menu li a:after, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:after, .site-respuesta .barra-progreso ul.menu li a:after {
  content: "";
  display: block;
  width: 0.125rem;
  height: 0.9375rem;
  background: #3f2a25;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .pedido-index .barra-progreso ul.menu li a:after, .pedido-envio .barra-progreso ul.menu li a:after, .pedido-pago .barra-progreso ul.menu li a:after,
  .pedido-respuesta .barra-progreso ul.menu li a:after, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:after, .site-respuesta .barra-progreso ul.menu li a:after {
    height: 1.25rem;
  }
}
.pedido-index .barra-progreso ul.menu li a span, .pedido-envio .barra-progreso ul.menu li a span, .pedido-pago .barra-progreso ul.menu li a span,
.pedido-respuesta .barra-progreso ul.menu li a span, .mi-cuenta-direccion-create .barra-progreso ul.menu li a span, .site-respuesta .barra-progreso ul.menu li a span {
  position: relative;
  display: block;
  border: 0.0625rem solid #e09d32;
  border-radius: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: 1.25rem auto;
  background: #ffffff;
}
.pedido-index .barra-progreso ul.menu li a span:before, .pedido-envio .barra-progreso ul.menu li a span:before, .pedido-pago .barra-progreso ul.menu li a span:before,
.pedido-respuesta .barra-progreso ul.menu li a span:before, .mi-cuenta-direccion-create .barra-progreso ul.menu li a span:before, .site-respuesta .barra-progreso ul.menu li a span:before {
  content: "\f111";
  font-family: "fontAwesome";
  font-size: 0.8125rem;
  color: #6d6e70;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pedido-index .barra-progreso ul.menu li a:hover, .pedido-index .barra-progreso ul.menu li a:focus, .pedido-index .barra-progreso ul.menu li a:active, .pedido-index .barra-progreso ul.menu li a.activo, .pedido-envio .barra-progreso ul.menu li a:hover, .pedido-envio .barra-progreso ul.menu li a:focus, .pedido-envio .barra-progreso ul.menu li a:active, .pedido-envio .barra-progreso ul.menu li a.activo, .pedido-pago .barra-progreso ul.menu li a:hover, .pedido-pago .barra-progreso ul.menu li a:focus, .pedido-pago .barra-progreso ul.menu li a:active, .pedido-pago .barra-progreso ul.menu li a.activo,
.pedido-respuesta .barra-progreso ul.menu li a:hover,
.pedido-respuesta .barra-progreso ul.menu li a:focus,
.pedido-respuesta .barra-progreso ul.menu li a:active,
.pedido-respuesta .barra-progreso ul.menu li a.activo, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:hover, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:focus, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:active, .mi-cuenta-direccion-create .barra-progreso ul.menu li a.activo, .site-respuesta .barra-progreso ul.menu li a:hover, .site-respuesta .barra-progreso ul.menu li a:focus, .site-respuesta .barra-progreso ul.menu li a:active, .site-respuesta .barra-progreso ul.menu li a.activo {
  color: #ce8720;
}
.pedido-index .barra-progreso ul.menu li a:hover span:before, .pedido-index .barra-progreso ul.menu li a:focus span:before, .pedido-index .barra-progreso ul.menu li a:active span:before, .pedido-index .barra-progreso ul.menu li a.activo span:before, .pedido-envio .barra-progreso ul.menu li a:hover span:before, .pedido-envio .barra-progreso ul.menu li a:focus span:before, .pedido-envio .barra-progreso ul.menu li a:active span:before, .pedido-envio .barra-progreso ul.menu li a.activo span:before, .pedido-pago .barra-progreso ul.menu li a:hover span:before, .pedido-pago .barra-progreso ul.menu li a:focus span:before, .pedido-pago .barra-progreso ul.menu li a:active span:before, .pedido-pago .barra-progreso ul.menu li a.activo span:before,
.pedido-respuesta .barra-progreso ul.menu li a:hover span:before,
.pedido-respuesta .barra-progreso ul.menu li a:focus span:before,
.pedido-respuesta .barra-progreso ul.menu li a:active span:before,
.pedido-respuesta .barra-progreso ul.menu li a.activo span:before, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:hover span:before, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:focus span:before, .mi-cuenta-direccion-create .barra-progreso ul.menu li a:active span:before, .mi-cuenta-direccion-create .barra-progreso ul.menu li a.activo span:before, .site-respuesta .barra-progreso ul.menu li a:hover span:before, .site-respuesta .barra-progreso ul.menu li a:focus span:before, .site-respuesta .barra-progreso ul.menu li a:active span:before, .site-respuesta .barra-progreso ul.menu li a.activo span:before {
  color: #e09d32;
}
.pedido-index .barra-progreso ul.menu li:last-child a:after, .pedido-envio .barra-progreso ul.menu li:last-child a:after, .pedido-pago .barra-progreso ul.menu li:last-child a:after,
.pedido-respuesta .barra-progreso ul.menu li:last-child a:after, .mi-cuenta-direccion-create .barra-progreso ul.menu li:last-child a:after, .site-respuesta .barra-progreso ul.menu li:last-child a:after {
  display: none;
}
.pedido-index .seccion-btm, .pedido-envio .seccion-btm, .pedido-pago .seccion-btm,
.pedido-respuesta .seccion-btm, .mi-cuenta-direccion-create .seccion-btm, .site-respuesta .seccion-btm {
  margin-top: 3.125rem;
}
.pedido-index .seccion-btm .linea, .pedido-envio .seccion-btm .linea, .pedido-pago .seccion-btm .linea,
.pedido-respuesta .seccion-btm .linea, .mi-cuenta-direccion-create .seccion-btm .linea, .site-respuesta .seccion-btm .linea {
  background: url("../img/linea-amarilla.jpg") no-repeat;
  background-position: right;
  height: 2.25rem;
}
@media screen and (max-width: 63.9375em) {
  .pedido-index .seccion-btm .linea, .pedido-envio .seccion-btm .linea, .pedido-pago .seccion-btm .linea,
  .pedido-respuesta .seccion-btm .linea, .mi-cuenta-direccion-create .seccion-btm .linea, .site-respuesta .seccion-btm .linea {
    background-size: 50%;
  }
}
.pedido-index .seccion-btm .bg-patron, .pedido-envio .seccion-btm .bg-patron, .pedido-pago .seccion-btm .bg-patron,
.pedido-respuesta .seccion-btm .bg-patron, .mi-cuenta-direccion-create .seccion-btm .bg-patron, .site-respuesta .seccion-btm .bg-patron {
  margin-top: 1.25rem;
  background: url("../img/bg-textura-06.png");
  height: 12.5rem;
}
.pedido-index .cont-enlaces a, .pedido-envio .cont-enlaces a, .pedido-pago .cont-enlaces a,
.pedido-respuesta .cont-enlaces a, .mi-cuenta-direccion-create .cont-enlaces a, .site-respuesta .cont-enlaces a {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  color: #3f2a25;
  text-decoration: underline;
  margin-right: 0.625rem;
  display: block;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .cont-enlaces a, .pedido-envio .cont-enlaces a, .pedido-pago .cont-enlaces a,
  .pedido-respuesta .cont-enlaces a, .mi-cuenta-direccion-create .cont-enlaces a, .site-respuesta .cont-enlaces a {
    display: inline-block;
  }
}
.pedido-index .cont-enlaces a:hover, .pedido-index .cont-enlaces a:focus, .pedido-index .cont-enlaces a:active, .pedido-index .cont-enlaces a.activo, .pedido-envio .cont-enlaces a:hover, .pedido-envio .cont-enlaces a:focus, .pedido-envio .cont-enlaces a:active, .pedido-envio .cont-enlaces a.activo, .pedido-pago .cont-enlaces a:hover, .pedido-pago .cont-enlaces a:focus, .pedido-pago .cont-enlaces a:active, .pedido-pago .cont-enlaces a.activo,
.pedido-respuesta .cont-enlaces a:hover,
.pedido-respuesta .cont-enlaces a:focus,
.pedido-respuesta .cont-enlaces a:active,
.pedido-respuesta .cont-enlaces a.activo, .mi-cuenta-direccion-create .cont-enlaces a:hover, .mi-cuenta-direccion-create .cont-enlaces a:focus, .mi-cuenta-direccion-create .cont-enlaces a:active, .mi-cuenta-direccion-create .cont-enlaces a.activo, .site-respuesta .cont-enlaces a:hover, .site-respuesta .cont-enlaces a:focus, .site-respuesta .cont-enlaces a:active, .site-respuesta .cont-enlaces a.activo {
  color: #e09d32;
}
.pedido-index p a, .pedido-index .coleccion-detalle .informacion a, .coleccion-detalle .pedido-index .informacion a, .pedido-envio p a, .pedido-envio .coleccion-detalle .informacion a, .coleccion-detalle .pedido-envio .informacion a, .pedido-pago p a, .pedido-pago .coleccion-detalle .informacion a, .coleccion-detalle .pedido-pago .informacion a,
.pedido-respuesta p a,
.pedido-respuesta .coleccion-detalle .informacion a,
.coleccion-detalle .pedido-respuesta .informacion a, .mi-cuenta-direccion-create p a, .mi-cuenta-direccion-create .coleccion-detalle .informacion a, .coleccion-detalle .mi-cuenta-direccion-create .informacion a, .site-respuesta p a, .site-respuesta .coleccion-detalle .informacion a, .coleccion-detalle .site-respuesta .informacion a {
  color: #e09d32;
}
.pedido-index p a:hover, .pedido-index .coleccion-detalle .informacion a:hover, .coleccion-detalle .pedido-index .informacion a:hover, .pedido-index p a:focus, .pedido-index .coleccion-detalle .informacion a:focus, .coleccion-detalle .pedido-index .informacion a:focus, .pedido-index p a:active, .pedido-index .coleccion-detalle .informacion a:active, .coleccion-detalle .pedido-index .informacion a:active, .pedido-index p a.activo, .pedido-index .coleccion-detalle .informacion a.activo, .coleccion-detalle .pedido-index .informacion a.activo, .pedido-envio p a:hover, .pedido-envio .coleccion-detalle .informacion a:hover, .coleccion-detalle .pedido-envio .informacion a:hover, .pedido-envio p a:focus, .pedido-envio .coleccion-detalle .informacion a:focus, .coleccion-detalle .pedido-envio .informacion a:focus, .pedido-envio p a:active, .pedido-envio .coleccion-detalle .informacion a:active, .coleccion-detalle .pedido-envio .informacion a:active, .pedido-envio p a.activo, .pedido-envio .coleccion-detalle .informacion a.activo, .coleccion-detalle .pedido-envio .informacion a.activo, .pedido-pago p a:hover, .pedido-pago .coleccion-detalle .informacion a:hover, .coleccion-detalle .pedido-pago .informacion a:hover, .pedido-pago p a:focus, .pedido-pago .coleccion-detalle .informacion a:focus, .coleccion-detalle .pedido-pago .informacion a:focus, .pedido-pago p a:active, .pedido-pago .coleccion-detalle .informacion a:active, .coleccion-detalle .pedido-pago .informacion a:active, .pedido-pago p a.activo, .pedido-pago .coleccion-detalle .informacion a.activo, .coleccion-detalle .pedido-pago .informacion a.activo,
.pedido-respuesta p a:hover,
.pedido-respuesta .coleccion-detalle .informacion a:hover,
.coleccion-detalle .pedido-respuesta .informacion a:hover,
.pedido-respuesta p a:focus,
.pedido-respuesta .coleccion-detalle .informacion a:focus,
.coleccion-detalle .pedido-respuesta .informacion a:focus,
.pedido-respuesta p a:active,
.pedido-respuesta .coleccion-detalle .informacion a:active,
.coleccion-detalle .pedido-respuesta .informacion a:active,
.pedido-respuesta p a.activo,
.pedido-respuesta .coleccion-detalle .informacion a.activo,
.coleccion-detalle .pedido-respuesta .informacion a.activo, .mi-cuenta-direccion-create p a:hover, .mi-cuenta-direccion-create .coleccion-detalle .informacion a:hover, .coleccion-detalle .mi-cuenta-direccion-create .informacion a:hover, .mi-cuenta-direccion-create p a:focus, .mi-cuenta-direccion-create .coleccion-detalle .informacion a:focus, .coleccion-detalle .mi-cuenta-direccion-create .informacion a:focus, .mi-cuenta-direccion-create p a:active, .mi-cuenta-direccion-create .coleccion-detalle .informacion a:active, .coleccion-detalle .mi-cuenta-direccion-create .informacion a:active, .mi-cuenta-direccion-create p a.activo, .mi-cuenta-direccion-create .coleccion-detalle .informacion a.activo, .coleccion-detalle .mi-cuenta-direccion-create .informacion a.activo, .site-respuesta p a:hover, .site-respuesta .coleccion-detalle .informacion a:hover, .coleccion-detalle .site-respuesta .informacion a:hover, .site-respuesta p a:focus, .site-respuesta .coleccion-detalle .informacion a:focus, .coleccion-detalle .site-respuesta .informacion a:focus, .site-respuesta p a:active, .site-respuesta .coleccion-detalle .informacion a:active, .coleccion-detalle .site-respuesta .informacion a:active, .site-respuesta p a.activo, .site-respuesta .coleccion-detalle .informacion a.activo, .coleccion-detalle .site-respuesta .informacion a.activo {
  color: #ce8720;
}
.pedido-index .agregar-direccion label, .pedido-envio .agregar-direccion label, .pedido-pago .agregar-direccion label,
.pedido-respuesta .agregar-direccion label, .mi-cuenta-direccion-create .agregar-direccion label, .site-respuesta .agregar-direccion label {
  font-size: 0.75rem;
}
@media print, screen and (min-width: 64em) {
  .pedido-index .agregar-direccion label, .pedido-envio .agregar-direccion label, .pedido-pago .agregar-direccion label,
  .pedido-respuesta .agregar-direccion label, .mi-cuenta-direccion-create .agregar-direccion label, .site-respuesta .agregar-direccion label {
    font-size: 1rem;
  }
}

.site-respuesta .button {
  padding: 0.9375rem 1.875rem;
}

.pedido-index .row-titulos-tabla {
  padding-left: 0.9375rem;
}
.pedido-index .row-titulos-tabla h4 {
  font-size: 0.9375rem;
  font-weight: 600;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .row-titulos-tabla h4 {
    font-size: 1.25rem;
  }
}
.pedido-index .row-registro {
  border-bottom: 0.0625rem solid #efefef;
  padding: 1.875rem 0 1.25rem 0;
  padding-left: 0.9375rem;
}
.pedido-index .row-registro .col-imagen img {
  border-radius: 100%;
  margin-bottom: 1.875rem;
}
.pedido-index .row-registro .col-titulo {
  position: relative;
}
.pedido-index .row-registro .col-titulo h4 {
  margin-bottom: 0;
  color: #ce8720;
}
@media screen and (max-width: 39.9375em) {
  .pedido-index .row-registro .col-titulo h4 {
    font-size: 0.875rem;
  }
}
.pedido-index .row-registro .col-titulo h3 {
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 39.9375em) {
  .pedido-index .row-registro .col-titulo .cont-enlaces {
    position: absolute;
    right: 2.5rem;
    top: 0;
  }
}
.pedido-index .row-registro input[type=number] {
  font-family: "Montserrat", sans-serif;
  text-align: center;
  width: 5.625rem;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .row-registro input[type=number] {
    width: 7.5rem;
  }
}
.pedido-index .row-registro .precio {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .row-registro .precio {
    font-size: 1.25rem;
  }
}
.pedido-index .row-registro .col-centrado {
  padding-top: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .row-registro .col-centrado {
    padding-top: 2.5rem;
    text-align: center;
  }
}
.pedido-index .row-total {
  padding-top: 1.25rem;
}
.pedido-index .row-total h4 {
  font-size: 0.875rem;
  color: #040605;
}
@media print, screen and (min-width: 40em) {
  .pedido-index .row-total h4 {
    font-size: 1.5625rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .pedido-envio .col-direcciones {
    padding-top: 1.875rem;
  }
}
.pedido-envio .col-direcciones .cont-direccion {
  border-bottom: 0.0625rem solid #efefef;
  padding: 1.25rem 0.625rem;
  position: relative;
}
.pedido-envio .col-direcciones .cont-direccion:after {
  position: absolute;
  font-family: "fontAwesome";
  content: "\f00c";
  top: 0;
  right: 0;
  font-size: 0.75rem;
  color: #ce8720;
  opacity: 0;
}
.pedido-envio .col-direcciones .cont-direccion p, .pedido-envio .col-direcciones .cont-direccion .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion .informacion {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
}
@media print, screen and (min-width: 64em) {
  .pedido-envio .col-direcciones .cont-direccion p, .pedido-envio .col-direcciones .cont-direccion .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion .informacion {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.pedido-envio .col-direcciones .cont-direccion:hover p, .pedido-envio .col-direcciones .cont-direccion:hover .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion:hover .informacion, .pedido-envio .col-direcciones .cont-direccion:focus p, .pedido-envio .col-direcciones .cont-direccion:focus .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion:focus .informacion, .pedido-envio .col-direcciones .cont-direccion:active p, .pedido-envio .col-direcciones .cont-direccion:active .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion:active .informacion, .pedido-envio .col-direcciones .cont-direccion.activo p, .pedido-envio .col-direcciones .cont-direccion.activo .coleccion-detalle .informacion, .coleccion-detalle .pedido-envio .col-direcciones .cont-direccion.activo .informacion {
  color: #ce8720;
}
.pedido-envio .col-direcciones .cont-direccion:hover:after, .pedido-envio .col-direcciones .cont-direccion:focus:after, .pedido-envio .col-direcciones .cont-direccion:active:after, .pedido-envio .col-direcciones .cont-direccion.activo:after {
  opacity: 1;
}

.pedido-pago hr {
  margin: 2.5rem 0;
}
.pedido-pago .select-tipo-pago label {
  font-weight: 700;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 64em) {
  .pedido-pago .select-tipo-pago label {
    font-size: 1rem;
  }
}

.pedido-finalizar .estado-de-pedido {
  margin-top: 3.125rem;
}
.pedido-finalizar .estado-de-pedido p, .pedido-finalizar .estado-de-pedido .coleccion-detalle .informacion, .coleccion-detalle .pedido-finalizar .estado-de-pedido .informacion {
  margin-bottom: 0;
}
.pedido-finalizar .estado-de-pedido p span, .pedido-finalizar .estado-de-pedido .coleccion-detalle .informacion span, .coleccion-detalle .pedido-finalizar .estado-de-pedido .informacion span {
  font-weight: 600;
}

.mi-cuenta-index, .mi-cuenta-historial-pedidos,
.mi-cuenta-historial-pedidos-detalle, .mi-cuenta-direcciones,
.site-login, .site-reset-password,
.site-request-password-reset, .mi-cuenta-direccion-create {
  position: relative;
  padding: 11.25rem 0 7.5rem 0;
}
@media print, screen and (min-width: 40em) {
  .mi-cuenta-index, .mi-cuenta-historial-pedidos,
  .mi-cuenta-historial-pedidos-detalle, .mi-cuenta-direcciones,
  .site-login, .site-reset-password,
  .site-request-password-reset, .mi-cuenta-direccion-create {
    padding: 15.625rem 0 7.5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .mi-cuenta-index, .mi-cuenta-historial-pedidos,
  .mi-cuenta-historial-pedidos-detalle, .mi-cuenta-direcciones,
  .site-login, .site-reset-password,
  .site-request-password-reset, .mi-cuenta-direccion-create {
    padding: 21.875rem 0 7.5rem 0;
  }
}
.mi-cuenta-index ul.menu-cuenta, .mi-cuenta-historial-pedidos ul.menu-cuenta,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta, .mi-cuenta-direcciones ul.menu-cuenta,
.site-login ul.menu-cuenta, .site-reset-password ul.menu-cuenta,
.site-request-password-reset ul.menu-cuenta, .mi-cuenta-direccion-create ul.menu-cuenta {
  margin-right: 3.125rem;
  margin-bottom: 1.25rem;
}
.mi-cuenta-index ul.menu-cuenta li a, .mi-cuenta-historial-pedidos ul.menu-cuenta li a,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta li a, .mi-cuenta-direcciones ul.menu-cuenta li a,
.site-login ul.menu-cuenta li a, .site-reset-password ul.menu-cuenta li a,
.site-request-password-reset ul.menu-cuenta li a, .mi-cuenta-direccion-create ul.menu-cuenta li a {
  color: #5e3c1f;
  font-weight: 500;
}
.mi-cuenta-index ul.menu-cuenta li a:hover, .mi-cuenta-index ul.menu-cuenta li a:focus, .mi-cuenta-index ul.menu-cuenta li a.activo, .mi-cuenta-historial-pedidos ul.menu-cuenta li a:hover, .mi-cuenta-historial-pedidos ul.menu-cuenta li a:focus, .mi-cuenta-historial-pedidos ul.menu-cuenta li a.activo,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta li a:hover,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta li a:focus,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta li a.activo, .mi-cuenta-direcciones ul.menu-cuenta li a:hover, .mi-cuenta-direcciones ul.menu-cuenta li a:focus, .mi-cuenta-direcciones ul.menu-cuenta li a.activo,
.site-login ul.menu-cuenta li a:hover,
.site-login ul.menu-cuenta li a:focus,
.site-login ul.menu-cuenta li a.activo, .site-reset-password ul.menu-cuenta li a:hover, .site-reset-password ul.menu-cuenta li a:focus, .site-reset-password ul.menu-cuenta li a.activo,
.site-request-password-reset ul.menu-cuenta li a:hover,
.site-request-password-reset ul.menu-cuenta li a:focus,
.site-request-password-reset ul.menu-cuenta li a.activo, .mi-cuenta-direccion-create ul.menu-cuenta li a:hover, .mi-cuenta-direccion-create ul.menu-cuenta li a:focus, .mi-cuenta-direccion-create ul.menu-cuenta li a.activo {
  color: #ffffff;
  background: #5e3c1f;
}
.mi-cuenta-index ul.menu-cuenta li a:active, .mi-cuenta-historial-pedidos ul.menu-cuenta li a:active,
.mi-cuenta-historial-pedidos-detalle ul.menu-cuenta li a:active, .mi-cuenta-direcciones ul.menu-cuenta li a:active,
.site-login ul.menu-cuenta li a:active, .site-reset-password ul.menu-cuenta li a:active,
.site-request-password-reset ul.menu-cuenta li a:active, .mi-cuenta-direccion-create ul.menu-cuenta li a:active {
  color: #e09d32;
  background: #5e3c1f;
}
.mi-cuenta-index h3, .mi-cuenta-historial-pedidos h3,
.mi-cuenta-historial-pedidos-detalle h3, .mi-cuenta-direcciones h3,
.site-login h3, .site-reset-password h3,
.site-request-password-reset h3, .mi-cuenta-direccion-create h3 {
  margin-bottom: 2.5rem;
}
.mi-cuenta-index .linea-02, .mi-cuenta-historial-pedidos .linea-02,
.mi-cuenta-historial-pedidos-detalle .linea-02, .mi-cuenta-direcciones .linea-02,
.site-login .linea-02, .site-reset-password .linea-02,
.site-request-password-reset .linea-02, .mi-cuenta-direccion-create .linea-02 {
  position: absolute;
  bottom: 1.25rem;
  right: 0;
  width: 30%;
  display: inline-table;
  padding-bottom: 0.4375rem;
  border-bottom: 0.125rem dashed #3f2a25;
}
.mi-cuenta-index .linea-02 div, .mi-cuenta-historial-pedidos .linea-02 div,
.mi-cuenta-historial-pedidos-detalle .linea-02 div, .mi-cuenta-direcciones .linea-02 div,
.site-login .linea-02 div, .site-reset-password .linea-02 div,
.site-request-password-reset .linea-02 div, .mi-cuenta-direccion-create .linea-02 div {
  height: 0.625rem;
  background: #e09d32;
}
.mi-cuenta-index .contenido-mi-cuenta, .mi-cuenta-historial-pedidos .contenido-mi-cuenta,
.mi-cuenta-historial-pedidos-detalle .contenido-mi-cuenta, .mi-cuenta-direcciones .contenido-mi-cuenta,
.site-login .contenido-mi-cuenta, .site-reset-password .contenido-mi-cuenta,
.site-request-password-reset .contenido-mi-cuenta, .mi-cuenta-direccion-create .contenido-mi-cuenta {
  padding-right: 1.25rem;
  padding-top: 1.875rem;
}

.mi-cuenta-historial-pedidos .cont-pedido {
  border-bottom: 0.0625rem solid #efefef;
  padding-top: 1.875rem;
  color: #3f2a25;
  font-family: "Montserrat", sans-serif;
}
.mi-cuenta-historial-pedidos .cont-pedido .icono-btn {
  font-size: 1.875rem;
  margin: 0 0.3125rem;
  color: #e09d32;
}
.mi-cuenta-historial-pedidos .cont-pedido .icono-btn:hover, .mi-cuenta-historial-pedidos .cont-pedido .icono-btn:focus, .mi-cuenta-historial-pedidos .cont-pedido .icono-btn:active {
  color: #5e3c1f;
}
.mi-cuenta-historial-pedidos .cont-pedido p, .mi-cuenta-historial-pedidos .cont-pedido .coleccion-detalle .informacion, .coleccion-detalle .mi-cuenta-historial-pedidos .cont-pedido .informacion {
  font-size: 0.875rem;
  line-height: 1rem;
}
@media print, screen and (min-width: 64em) {
  .mi-cuenta-historial-pedidos .cont-pedido p, .mi-cuenta-historial-pedidos .cont-pedido .coleccion-detalle .informacion, .coleccion-detalle .mi-cuenta-historial-pedidos .cont-pedido .informacion {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.mi-cuenta-historial-pedidos .cont-pedido .media-object {
  margin-bottom: 0;
  background: #efefef;
  padding: 0.625rem;
  margin-bottom: 1.25rem;
}
.mi-cuenta-historial-pedidos .cont-pedido .media-object small {
  vertical-align: inherit;
}

.mi-cuenta-historial-pedidos-detalle h3 {
  margin-bottom: 1.25rem;
}
.mi-cuenta-historial-pedidos-detalle .informacion-pedido {
  border-bottom: 0.0625rem solid #efefef;
  padding-bottom: 1.875rem;
}
.mi-cuenta-historial-pedidos-detalle .informacion-pedido h4 {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.mi-cuenta-historial-pedidos-detalle .informacion-pedido p, .mi-cuenta-historial-pedidos-detalle .informacion-pedido .coleccion-detalle .informacion, .coleccion-detalle .mi-cuenta-historial-pedidos-detalle .informacion-pedido .informacion {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-bottom: 0.4375rem;
}
.mi-cuenta-historial-pedidos-detalle .informacion-pedido p strong, .mi-cuenta-historial-pedidos-detalle .informacion-pedido .coleccion-detalle .informacion strong, .coleccion-detalle .mi-cuenta-historial-pedidos-detalle .informacion-pedido .informacion strong {
  color: #ce8720;
}
.mi-cuenta-historial-pedidos-detalle .row-titulos-tabla h4, .mi-cuenta-historial-pedidos-detalle .row-registro h4 {
  font-size: 0.875rem;
}
.mi-cuenta-historial-pedidos-detalle .row-titulos-tabla {
  background: #efefef;
  padding: 0.375rem 0.625rem;
  margin-top: 1.875rem;
}
.mi-cuenta-historial-pedidos-detalle .row-titulos-tabla h4 {
  margin: 0;
}
.mi-cuenta-historial-pedidos-detalle .row-registro {
  font-family: "Montserrat", sans-serif;
  padding: 1.25rem 0.625rem;
  border-bottom: 0.0625rem solid #efefef;
  font-size: 0.875rem;
}
.mi-cuenta-historial-pedidos-detalle .row-registro .col-imagen img {
  border-radius: 100%;
}
.mi-cuenta-historial-pedidos-detalle .row-registro h5 {
  font-size: 0.875rem;
}
.mi-cuenta-historial-pedidos-detalle .row-total {
  margin-top: 0.625rem;
}

.mi-cuenta-direcciones .cont-direccion {
  border-bottom: 0.0625rem solid #efefef;
  padding: 1.25rem 0.625rem;
}
.mi-cuenta-direcciones .cont-direccion p, .mi-cuenta-direcciones .cont-direccion .coleccion-detalle .informacion, .coleccion-detalle .mi-cuenta-direcciones .cont-direccion .informacion {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
}
@media print, screen and (min-width: 64em) {
  .mi-cuenta-direcciones .cont-direccion p, .mi-cuenta-direcciones .cont-direccion .coleccion-detalle .informacion, .coleccion-detalle .mi-cuenta-direcciones .cont-direccion .informacion {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
.mi-cuenta-direcciones .icono-btn {
  font-size: 1.25rem;
  margin: 0 0.3125rem;
  color: #e09d32;
}
.mi-cuenta-direcciones .icono-btn:hover, .mi-cuenta-direcciones .icono-btn:focus, .mi-cuenta-direcciones .icono-btn:active {
  color: #5e3c1f;
}

.pagination {
  margin-top: 1.875rem;
}
.pagination li {
  background: none;
}
.pagination li a {
  font-weight: 700;
  color: #5e3c1f;
}
.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
  background: none;
  color: #e09d32;
}
.pagination .current {
  background: none;
  padding: 0;
}

.footer {
  background: url("../img/bg-textura-01.png") #3f2a25;
  background-attachment: fixed;
  border-top: 0.625rem solid #ce8720;
  padding: 1.25rem 0;
}
@media print, screen and (min-width: 64em) {
  .footer {
    padding: 3.125rem 0 1.875rem 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .footer img.logotipo {
    margin: 1.875rem auto;
    display: block;
  }
}
@media print, screen and (min-width: 64em) {
  .footer .col-logo {
    padding: 5rem 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .footer .col-redes {
    text-align: center;
    margin-top: 1.25rem;
  }
}
@media print, screen and (min-width: 40em) {
  .footer .col-redes {
    padding: 5rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .footer .col-redes {
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.5);
    padding: 5rem 0 5rem 1.875rem;
  }
}
.footer h3, .footer p, .footer .coleccion-detalle .informacion, .coleccion-detalle .footer .informacion {
  color: #ffffff;
}
@media screen and (max-width: 39.9375em) {
  .footer h3 {
    font-size: 0.75rem;
    line-height: 1.6875rem;
  }
}
.footer p, .footer .coleccion-detalle .informacion, .coleccion-detalle .footer .informacion {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.4em;
}
@media screen and (max-width: 39.9375em) {
  .footer p, .footer .coleccion-detalle .informacion, .coleccion-detalle .footer .informacion {
    font-size: 0.6875rem;
    line-height: 0.9375rem;
  }
}
.footer p a, .footer .coleccion-detalle .informacion a, .coleccion-detalle .footer .informacion a {
  color: #ffffff;
}
.footer p a:hover, .footer .coleccion-detalle .informacion a:hover, .coleccion-detalle .footer .informacion a:hover, .footer p a:focus, .footer .coleccion-detalle .informacion a:focus, .coleccion-detalle .footer .informacion a:focus, .footer p a:active, .footer .coleccion-detalle .informacion a:active, .coleccion-detalle .footer .informacion a:active {
  transition: 0.3s;
  color: #e09d32;
}
.footer .cont-iconos a {
  font-size: 1.875rem;
  margin: 0 0.9375rem;
  transition: 0.3s;
  color: #ffffff;
}
.footer .cont-iconos a:hover, .footer .cont-iconos a:focus, .footer .cont-iconos a:active {
  transition: 0.3s;
  color: #ce8720;
}
.footer ul.menu {
  margin: 2.5rem auto 1.25rem auto;
  display: inline-block;
}
.footer ul.menu li a {
  border-right: 0.125rem solid #ffffff;
  font-size: 0.8125rem;
  line-height: 1.4375rem;
  padding: 0 1.25rem;
  text-align: center;
  font-weight: 200;
  color: #ffffff;
}
@media print, screen and (min-width: 64em) {
  .footer ul.menu li a {
    padding: 0 1.875rem;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
}
.footer ul.menu li a:hover, .footer ul.menu li a:focus, .footer ul.menu li a:active, .footer ul.menu li a.activo {
  transition: 0.3s;
  font-weight: 500;
}
.footer ul.menu li:last-child a {
  border-right: 0.125rem solid transparent;
}
.footer .row-legales p, .footer .row-legales .coleccion-detalle .informacion, .coleccion-detalle .footer .row-legales .informacion {
  color: #e09d32;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 64em) {
  .footer .row-legales p, .footer .row-legales .coleccion-detalle .informacion, .coleccion-detalle .footer .row-legales .informacion {
    font-size: 1rem;
  }
}
.footer .row-legales p a, .footer .row-legales .coleccion-detalle .informacion a, .coleccion-detalle .footer .row-legales .informacion a {
  transition: 0.3s;
  color: #e09d32;
}
.footer .row-legales p a:hover, .footer .row-legales .coleccion-detalle .informacion a:hover, .coleccion-detalle .footer .row-legales .informacion a:hover, .footer .row-legales p a:focus, .footer .row-legales .coleccion-detalle .informacion a:focus, .coleccion-detalle .footer .row-legales .informacion a:focus, .footer .row-legales p a:active, .footer .row-legales .coleccion-detalle .informacion a:active, .coleccion-detalle .footer .row-legales .informacion a:active, .footer .row-legales p a.activo, .footer .row-legales .coleccion-detalle .informacion a.activo, .coleccion-detalle .footer .row-legales .informacion a.activo {
  transition: 0.3s;
  color: #ce8720;
}
.footer .row-legales p span, .footer .row-legales .coleccion-detalle .informacion span, .coleccion-detalle .footer .row-legales .informacion span {
  margin: 0 0.9375rem;
}
@media screen and (max-width: 39.9375em) {
  .footer .row-legales p span, .footer .row-legales .coleccion-detalle .informacion span, .coleccion-detalle .footer .row-legales .informacion span {
    display: none;
  }
}

/*# sourceMappingURL=app.css.map */