@font-face {
  font-family: "Gotham";
  src: url("/css/Gotham-Book.woff2") format("woff2"), url("/css/Gotham-Book.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display:swap;
}
@font-face {
  font-family: "Gotham";
  src: url("/css/Gotham-Bold.woff2") format("woff2"), url("/css/Gotham-Bold.woff") format("woff");
  font-style: normal;
  font-weight: bold;
  font-display:swap;
}
html {
  scroll-behavior: smooth;
}
:root {
  --f_titulos: "Gotham", sans-serif;
  --f_menus:"Gotham", sans-serif;
  --f_textos:"Gotham", sans-serif;
  --c1: #A8E296;
  --c2: #9AD7DC;
  --c3: #95d9b2;
  --c4: #666666;
  --c5: #00963f;
  --c6: #ffb7c2;
  --c7: #58934c;
  --c8: #FCEE99;
  --c_destacado:#FFFDAE;
  --c_destacado_t7:RGBA(255, 253, 174, 0.7);
  --c_destacado_t9:RGBA(255, 253, 174, 0.9);
  /*varios*/
  --ancho_cabecera:1180px;
  --max_ancho_contenido:1000px;
  --max_ancho_contenido2:1500px;
  --max_ancho_texto:900px;
  --b_radius:4px;
}
*, *:before, *:after {
  box-sizing: border-box;
}
/*AVISO de imgs sin ALT, comentar en prod*/
/*img[alt=''], img:not([alt]) {
  animation: noalt 1.3s infinite linear;
  border: 10px solid red;
}*/
@keyframes noalt {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
body {
  background: #FFF;
  margin: 0 auto;
  font-family:var(--f_textos);
  font-weight: 300;
  font-size: 100%;
  font-style: normal;
  /*overflow-x: hidden;*/
  height: 100%;
  min-height: 100%;
  color: #000;
  background: #FFF;
}
b, strong {
  font-weight: 500;
  color: #000;
}
.cont_body {
  background: #FFF;
  max-width: 1184px;
  margin: 0 auto;
  padding: 10px;
  padding-bottom: 40px;
}
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-weight: 300;
  border-radius:var(--b_radius);
}
figure {
  margin: 0px;
}
h1, h2, h3, h4, h5 {
  font-weight: 600;
  margin: 0;
}
h1 {
  font-size: 1.875rem;
}
h2 {
  font-size: 2rem;
}
button {
  cursor: pointer;
  border: none;
}
button[type=submit]:disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.5;
}
p {
  display: block;
  margin: 0 0 1rem 0;
  line-height: 1.3;
}
ul {
  list-style-type: none;
  padding: 0;
}
a {
  text-decoration: none;
  color: inherit;
}
#cargando {
  display: none;
  position: fixed;
  z-index: 999999999;
  width: 100%;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  top: 100px;
  left: 0;
  right: 0;
}
#cargando .pelota {
  border: 3px solid;
  border-color:var(--c2) var(--c1);
  border-radius: 50%;
  box-shadow:0 0 15px var(--c1);
  width: 40px;
  height: 40px;
  margin: 0 30px 0 auto;
  z-index: -1;
  animation: loop 0.9s infinite linear;
}
#cargando p {
  position: relative;
  top: calc(-0.675rem + -30px);
  font-size: 0.675rem;
  font-weight: 400;
  color: #FFF;
}
@keyframes loop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes inout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.6);
  }
  100% {
    transform: scale(1);
  }
}
.botonera button, .btn {
  border: none;
  background-color:var(--c4);
  color: #FFF;
  padding: 8px 20px;
  border-radius:var(--b_radius);
  display: inline-block;
  cursor: pointer;
  line-height: 1rem;
  font-family: inherit;
  font-weight: 400;
}
.botonera button.BtnAtras, .btn.BtnAtras {
  background: #CCC;
  color: #000;
}
.msg {
  border-radius:var(--b_radius);
  border: 1px solid #12A112;
  padding: 5px 7px 5px 10px;
  text-transform: uppercase;
  color: #12A112;
  background-color: #E1FBDC;
  display: none;
  text-align: center !important;
  /*font: 300 14px / 1.3em 'Roboto', sans-serif;*/
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.msg.ver {
  display: block;
}
.msg a {
  text-decoration: underline;
}
.msg.error {
  color: #C00;
  border-color: #C00;
  background-color: #FFCFCF;
}
.msg.info {
  color: #000;
  border-color: #AAA;
  background-color: transparent;
}
.desactivado {
  opacity: 0.5;
  pointer-events: none;
}
/*.cont_max, main {
  position: relative;
  padding: 20px 10px 10px;
}*/
.ilightbox {
  cursor: pointer;
}
.videoEmbed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.videoEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoEmbed video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tabs .tab {
  height: 0;
  transform: scale(0);
  opacity: 0;
  transition: opacity 0.5s linear;
}
.tabs .tab.sel {
  height: auto;
  opacity: 1;
  transform: scale(1);
}
.miniglu-borde {
  filter: drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94) drop-shadow(0px 0px 1px #FFED94);
}
.max_w0 {
  max-width:var(--ancho_cabecera);
  margin: 0 auto;
}
.max_w {
  max-width:var(--max_ancho_contenido);
  margin: 0 auto;
}
.max_w2 {
  max-width:var(--max_ancho_contenido2);
  margin: 0 auto;
}
/*max con borde en movil*/
.max_wb {
  margin: 0 10px;
}
.max_wb0 {
  max-width:var(--ancho_cabecera);
  margin: 0 10px;
}
@media (min-width: 1200px) {
  .max_wb0 {
    max-width:var(--ancho_cabecera);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .max_wb {
    max-width:var(--max_ancho_contenido);
    margin: 0 auto;
  }
}
.max_wb3 {
  margin: 0 10px;
}
@media (min-width: 1020px) {
  .max_wb3 {
    max-width:var(--max_ancho_texto);
    margin: 0 auto;
  }
}
/*cabecera*/
.pHeader {
  text-align: left;
  padding: 20px 0 5px;
  /*display: flex;*/
  display: ;
  align-items: center;
  position: relative;
  background:var(--c1);
  color: #FFF;
  margin-bottom: 40px;
}
.pHeader .msg_header {
  width: 100%;
  color: #FFF;
  text-align: center;
  background:var(--c2);
  font-family:var(--f_menus);
  text-transform: uppercase;
  font-size: 0.8rem;
  padding: 5px 0 10px;
  margin-bottom: 20px;
}
.pHeader .msg_header strong {
  font-weight: 600;
}
.pHeader > nav {
  text-align: left;
  /*padding: 0 10px 20px;*/
  display: flex;
  align-items: center;
  position: relative;
  font-family:var(--f_menus);
  text-transform: uppercase;
}
#logo {
  background: url(/imgs/logo-blanco.svg) 50% / auto 100% no-repeat;
  text-indent: -1000000px !important;
  height: 60px;
  overflow: hidden;
  display: block;
  flex: 0 100%;
  margin: 0 20px;
  /*max-width: 360px;*/
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.logo_ecovidrio img {
  display: block;
  width: 130px;
  height: auto;
  margin: 25px auto 10px;
}
.logo_ecovidrio {
}
@media screen and (min-width: 500px) {
  #logo {
    margin: 10px 0 10px 12px;
    width: 210px;
  }
  .logo_ecovidrio {
    display: block;
    position: absolute;
    right: 20px;
    top: 31px;
  }
  .logo_ecovidrio img {
    display: block;
    width: 140px;
    height: auto;
    margin: 10px 0 0;
  }
  .pHeader .desconectar {
    position: absolute;
    bottom: 10px;
    right: 0px;
    text-align: right;
    font-weight: bold;
    font-size: 0.875rem;
  }
  .pHeader .desconectar a {
    display: block;
  }
}
.pHeader .desconectar {
  position: absolute;
  bottom: 10px;
  right: 0px;
  text-align: right;
  font-weight: bold;
  font-size: 0.875rem;
  width: 300px;
}
.pHeader .desconectar a {
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  background: url(/imgs/logout.svg) 100% 50% / auto 15px no-repeat;
  color:var(--c2);
  padding: 5px 20px 5px 5px;
}
.pHeader .desconectar img {
  width: 15px;
}
.pHeader .carrito {
  width: 30px;
  height: 30px;
  background: url(/imgs/carro_blanco.svg) 50% / 20px auto no-repeat;
  /*border-radius: 50%;*/
  position: relative;
  display: block;
  margin-left: 10px;
}
/*.pHeader .carrito:after {
  position: absolute;
  content: attr(data-n);
  top: -5px;
  right: -5px;
  font-size: 0.6rem;
  background: #FFF;
  color: #000;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}*/
.pHeader .carrito:not([data-n="0"]):after {
  position: absolute;
  content: attr(data-n);
  top: -5px;
  right: -5px;
  font-size: 0.6rem;
  background: #FFF;
  color: #000;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pHeader .usuario_carrito {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-transform: uppercase;
  font-family:var(--f_menus);
  font-size: 0.85rem;
  position: relative;
  flex-wrap: wrap;
  padding: 10px 20px 7px;
}
.pHeader .acceso, .pHeader .registro {
  cursor: pointer;
}
.pHeader .buscador {
  position: relative;
  margin: 0 10px 0 20px;
  display: flex;
  align-items: center;
}
.pHeader .buscador .txt {
  margin-right: 5px;
  color: #666;
  display: none;
  cursor: pointer;
}
.pHeader .buscador input, .pHeader .buscador .cerrar {
  display: none;
}
.pHeader .buscador label {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(/imgs/lupa.svg) 0 0 / 100%;
  cursor: pointer;
}
.pHeader .buscando {
  position: absolute;
  top: 0;
  right: 5px;
  left: 5px;
  bottom: 0;
  margin: 0;
  background: #FFF;
  z-index: 999;
  border: 1px solid #CCC;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pHeader .buscando label {
  background: none;
  cursor: pointer;
  height: 100%;
  flex: 1;
}
.pHeader .buscando input {
  display: block;
  font-size: 0.75rem;
  width: 100%;
  padding: 5px 10px;
  border: none;
  outline: none;
  height: 100%;
  text-align: center;
  font-size: 1.1rem;
  color: var(--c2);
}
.pHeader .buscando .cerrar {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  flex: 0 0 40px;
  cursor: pointer;
}
.pHeader .finalizar {
  display: none;
}
.pHeader .usuario {
  position: absolute;
  width: 150px;
  right: 75px;
  bottom: 14px;
  text-align: right;
}
.pHeader section.usuario > * {
  cursor: pointer;
}
.pHeader section.usuario .nom_usuario {
  cursor: pointer;
  background:url(/imgs/usuario.svg) 10px 50% / auto 70% no-repeat var(--c2-03);
  color: #FFF;
  padding: 5px 20px 5px 40px;
  border-radius:var(--b_radius);
  text-align: center;
}
.msg_gastos_gratis {
  text-align: center;
  background:var(--c3);
  color: ;
  padding: 5px 0 15px;
  margin-bottom: 30px;
  color: #000;
  font-size: 0.875rem;
  position: relative;
  overflow: hidden;
}
.msg_gastos_gratis hr {
  border-color: #000;
  margin: 0 0 15px 0;
}
.msg_gastos_gratis .marquee {
  animation: marquee 2.5s linear 3 alternate;
  display: inline-block;
}
@keyframes marquee {
  0% {
    color: #000;
    text-align: left;
  }
  50% {
    color:var(--c2);
    transform: scale(1.1);
  }
  100% {
    color: #000;
  }
}
/*cabecera idiomas*/
.pHeader .idiomas {
  position: relative;
  padding-top: 2px;
}
.pHeader .idiomas .selector {
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
/*MENU IDIOMAS*/
#menu_idiomas {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 800px;
  transform: translatex(-50%) translatey(-100%);
  background:var(--c2);
  color: #FFF;
  padding: 20px 0;
  z-index: 999999;
  border-radius: 0 0 10px 10px;
  letter-spacing: 0.5px;
  transition: all 0.3s linear;
}
#menu_idiomas.ver {
  transform: translatex(-50%) translatey(0%);
  box-shadow:1px 0px 7px 2px #00000040;
}
#menu_idiomas .cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.8rem;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
#menu_idiomas p {
  font-size: 1rem;
  text-transform: uppercase;
  padding-left: 30px;
}
#menu_idiomas nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #FFF;
  z-index: 1000;
}
#menu_idiomas nav > * {
  text-align: center;
  flex: 1 calc(100% / 3);
  padding: 20px 0;
}
#menu_idiomas nav img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*margin-bottom: 3px;*/
}
#menu_idiomas nav span {
  display: block;
}
@media (min-width: 550px) {
  #menu_idiomas nav > * {
    flex: 1 calc(100% / 6);
  }
}
/*Menú hamburguesa*/
#botonMenu {
  width: 25px;
  height: 20px;
  cursor: pointer;
  border: 4px solid #FFF;
  border-width: 4px 0;
  display: inline-block;
  position: absolute;
  left: 20px;
  bottom: 16px;
}
#botonMenu::before {
  display: block;
  height: 4px;
  content: ' ';
  margin-top: 4px;
  background: #FFF;
}
#menu .familias_tienda {
  display: none !important;
}
#menu {
  display: none;
  font-weight: 300;
  /*position: relative;*/
}
#menu li {
  position: relative;
}
#menu li ul {
  display: none;
}
#menu > .cerrar {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  cursor: pointer;
  color: #000;
  display: inline-block;
  padding: 5px 5px 10px 5px;
}
body.ham {
  overflow-y: hidden;
}
#apagon {
  display: none;
}
.ham .apagon {
  opacity: 0.4;
  background: #000;
  display: block;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99998;
}
.ham #menu {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  background: #FFF;
  background: url(/imgs/logo.svg) 15px 18px / 150px auto no-repeat #FFF;
  color: #FFF;
  z-index: 99999;
  padding: 5px 0 20px;
  box-shadow: 0 0 17px #444;
  width: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
  animation: menuIn 0.6s;
}
.ham #cerrarMenu {
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 40px;
  cursor: pointer;
}
@keyframes menuIn {
  from {
    left: -300px;
  }
  to {
    left: 0;
  }
}
.ham #menu > ul {
  margin-top: 80px;
}
.ham #menu > ul ul {
  margin: 10px 0 0;
  display: block;
}
.ham #menu > ul ul li {
  padding: 0;
}
.ham #menu > ul ul li a {
  display: block;
  font-size: 0.7rem;
  padding: 15px 0 20px 20px;
}
.ham #menu > ul li a {
  display: block;
}
.ham #menu > ul li {
  padding: 20px;
  white-space: nowrap;
}
.ham #menu > ul > li {
  padding: 20px 20px 20px 10px;
  font-weight: 300;
  border-bottom:1px solid var(--c1);
}
#menu > ul > li > a {
  text-transform: uppercase;
}
.ham #menu > ul > li > a {
  color:var(--c1);
  padding: 0 10px;
}
.ham #menu > ul > li:last-of-type {
  border-bottom: none;
}
#menu li {
  font-size: 1.1rem;
}
#menu #familias h2 {
  background: #F9660A;
  padding: 5px 15px 5px 5px;
  text-align: left;
  margin-top: 20px;
  font-size: 1rem;
}
#menu #familias img {
  margin-right: 10px;
  vertical-align: top;
}
#menu #familias li {
  padding: 10px;
  font-family: 'Roboto', sans-serif;
  font-size: 0.812rem;
}
body > header .info {
  display: none;
  text-align: right;
  font-family: 'Futured', sans-serif;
}
body > header .info .tel {
  font-size: 1.5rem;
  display: block;
  color: #F9660A;
}
body > header .info .mail {
  font-size: 0.7rem;
  display: block;
  text-transform: uppercase;
}
/*Contenidos web*/
#bContacto #mContacto {
  max-width: 850px;
}
.mContenidosWeb {
  /*max-width: 800px;*/
}
.mContenidosWeb .img_principal {
  margin-bottom: 20px;
}
.mContenidosWeb .img_principal img {
  max-width: 100%;
  display: block;
}
.mContenidosWeb h1 {
  margin: 0 0px 25px;
  padding: 12px 12px 12px 0;
  /*background:var(--c1);*/
  border-radius:var(--b_radius);
}
/*contenido_html*/
.contenido_html {
  font-size: 0.9rem;
  line-height: 1.5;
}
.contenido_html p {
  margin: 0 0 20px;
  line-height: 1.5;
}
.contenido_html h2 {
  font-weight: bold;
  letter-spacing: 1px;
  margin: 30px 0 10px;
}
.contenido_html strong {
  font-weight: 500;
  color:var(--c5);
}
.contenido_html img {
  max-width: 100%;
  height: auto !important;
}
.contenido_html ul {
  padding: 10px 40px;
  list-style-type: square;
  line-height: 2em;
}
.contenido_html .videoEmbed {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.contenido_html .videoEmbed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.contenido_html table {
  border: none;
  border-collapse: collapse;
  text-align: initial;
}
.contenido_html tr:nth-child(odd) {
  background: #EEE;
}
.contenido_html tr:first-of-type {
  font-size: 1rem;
  font-weight: 500;
  background: #000;
  color: #FFF;
}
.contenido_html td {
  border: none;
  padding: 6px 10px;
}
.contenido_html a[href] {
  text-decoration: underline;
}
/*Contacto*/
#mContacto h1 {
  margin-bottom: 40px;
}
#mContacto input:not([type=checkbox]), #mContacto textarea {
  display: block;
  margin: 5px 0 20px;
  padding: 4px 5px 2px;
  width: 90%;
  font-size: 0.9rem;
}
#mContacto textarea {
  height: 8rem;
}
#mContacto .btn {
  margin: 20px 0;
}
#mContacto address {
  line-height: 1.5rem;
  font-style: normal;
}
#mContacto .msg {
  margin: 20px 0;
}
#mContacto iframe {
  width: 100%;
  max-width: 1180px;
  margin-bottom: 40px;
}
#mContacto ul {
  list-style-type: initial;
  padding-left: 20px;
  margin-bottom: 40px;
}
#mContacto li {
  margin-bottom: 20px;
}
#mContacto form {
  margin-bottom: 40px;
}
#mContacto a {
  text-decoration: underline;
}
#mContacto #detalle {
  /*bots*/
  display: none;
}
/* Area personal*/
.mAreaPersonal h1 {
  margin-bottom: 40px;
  text-align: center;
}
.mAreaPersonal nav a {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 300px;
  border:1px solid var(--c2);
  color:var(--c2);
  margin-bottom: 40px;
  padding: 20px;
}
/*Editar perfil*/
.mEditarPerfil [type=file] {
  display: none;
}
.mEditarPerfil .codigo_cambio {
  display: none;
}
.mEditarPerfil #img_avatar {
  border-radius: 50%;
}
.mEditarPerfil h3 {
  margin: 30px 0;
  font-size: 1.5rem;
}
.mEditarPerfil form:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 50%;
  border-bottom: 1px solid #666;
  padding-bottom: 30px;
}
.mEditarPerfil .codigo_cambio {
  margin-bottom: 20px;
}
.mEditarPerfil .msg {
  margin: 10px 0;
}
.mEditarPerfil .btn {
  margin-top: 10px;
}
.mEditarPerfil form {
  padding: 0;
  /*margin: 0 auto 60px;*/
  max-width: 360px;
}
.mEditarPerfil fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.mEditarPerfil label {
  display: block;
  margin-bottom: 20px;
}
.mEditarPerfil input:not([type=checkbox]) {
  display: block;
  margin-top: 3px;
  padding: 5px;
  border: 1px solid #AAA;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9rem;
}
.mEditarPerfil select {
  display: block;
  margin-top: 3px;
  padding: 5px;
  border: 1px solid #AAA;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.9rem;
}
/*Mis pedidos*/
.mMisPedidos {
  margin: 10px 0 40px;
  padding: 0 20px;
  font-size: 0.85rem;
  overflow-x: scroll;
}
.mMisPedidos h1 {
  font-weight: 300;
  font-size: 2.25rem;
  color:var(--c1);
  line-height: 1.2;
  margin-bottom: 40px;
  width: 100%;
  text-align: center;
}
.mMisPedidos .w_carrito {
  width: 100%;
  overflow-x: auto;
}
.mMisPedidos .carrito {
  width: 100%;
  min-width: 800px;
  max-width: 800px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0px auto 60px;
  border-bottom:2px solid var(--c2);
}
.mMisPedidos .carrito .filaResumen:last-child td {
  padding-bottom: 20px;
}
.mMisPedidos .carrito caption {
  /*font-weight: bold;*/
  font-size: 1.2rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom:1px solid var(--c1);
}
.mMisPedidos .carrito tbody tr {
  padding: 20px 0;
}
.mMisPedidos .carrito .filaResumen {
  padding-top: 5px;
  padding-bottom: 0;
}
.mMisPedidos .carrito th {
  font-weight: 500;
  color:var(--c2);
}
.mMisPedidos .carrito td {
  border-bottom: 1px solid #EAEAEA;
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
}
.mMisPedidos .carrito td.destacado {
  color: #FF0202;
  font-weight: 400;
  font-size: 18px;
}
.mMisPedidos .carrito td:nth-child(1) {
  width: 70px;
}
.mMisPedidos .carrito td:nth-child(2) {
  padding-left: 10px;
}
.mMisPedidos .carrito .colProducto {
  text-align: left;
}
.mMisPedidos .carrito .colMoneda {
  white-space: nowrap;
  text-align: right;
  padding-right: 10px;
}
.mMisPedidos .carrito .filaResumen td {
  white-space: nowrap;
  text-align: right;
  padding-right: 10px;
  border-bottom: none;
  padding-bottom: 0;
}
.mMisPedidos .carrito .filaResumen .envio_gratis {
  text-align: left;
}
.mMisPedidos .carrito .total.colMoneda {
  font-weight: 500;
}
.mMisPedidos .datos {
  display: flex;
  font-size: 0.85rem;
}
.mMisPedidos .estado {
  text-align: left;
  font-size: 0.85rem;
  flex: 1;
  align-self: flex-end;
}
.mMisPedidos .direccion {
  text-align: left;
}
.mMisPedidos .direccion h3 {
  font-family:var(--f_menus);
  margin-bottom: 5px;
}
.mMisPedidos .direccion:last-child {
  border-left:1px solid var(--c1);
  margin-left: 20px;
  padding-left: 20px;
}
.mMisPedidos .datos p {
  margin-bottom: 2px;
}
/*MODAL*/
body.modal_ver {
  overflow: hidden;
  padding-right: 17px;
}
body.modal_ver #modal {
  transform: scale(1);
  z-index: 9999;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
}
body.modal_ver #modal .cont_contenido {
  transform: scale(1);
  transition: all 0.3s linear;
}
body.modal_ver .cont_body {
  filter: blur(1px);
}
/*MODALES*/
.modal.ver {
  transform: scale(1);
  z-index: 9999999;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.5);
}
.modal {
  position: fixed;
  background: none;
  z-index: -1;
  transform: scale(0);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
  text-align: center;
  transition: background 0.3s linear;
}
.modal .cont_contenido {
  position: relative;
  transform: scale(0);
  transform-origin: top center;
  /*transform-origin: top;*/
  top: 5px;
  width: 600px;
  max-width: calc(100% - 10px);
  border-radius: 10px;
  font-size: 0.875rem;
  background: #FFF;
  padding: 20px 15px;
  color: #000;
  text-align: left;
  display: inline-block;
}
.modal.ver .cont_contenido {
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}
.modal .cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 2rem;
  cursor: pointer;
  line-height: 0.5;
  color:var(--c5);
  z-index: 999999;
}
body.body_modal .cont_body {
  /*filter: blur(1px);*/
}
body.body_modal {
  overflow: hidden;
  padding-right: 17px;
}
.modal header {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.6rem;
  color:var(--c1);
  font-family:var(--f_menus);
}
/*MODAL REGISTRO*/
.acceso_registro {
  padding: 20px 0px 0px;
  font-size: 0.875rem;
  color:var(--c4);
}
.acceso_registro a {
  /*text-decoration: underline;*/
  color:var(--c1);
  cursor: pointer;
}
.acceso_registro .olvido {
  color:var(--c1);
  cursor: pointer;
}
.acceso_registro h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color:var(--c2);
  font-family:var(--f_titulacos);
}
.acceso_registro label {
  margin-bottom: 20px;
  display: block;
}
.acceso_registro input {
  width: 100%;
  border:1px solid var(--c4);
  border-radius:var(--b_radius);
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 2px;
  color:var(--c4);
}
.acceso_registro input + small {
  text-align: right;
  display: block;
  margin-top: 5px;
}
.acceso_registro .botonera {
  text-align: center;
  margin: 40px 0 30px;
}
.acceso_registro .btn {
  font-size: 1.2rem;
  min-width: 200px;
  border-radius: 30px;
  background:var(--c1);
}
.acceso_registro .codigo {
  display: none;
}
.acceso_registro .codigo.ver {
  display: block;
  border: 5px solid var(--c1);
  padding: 20px 20px 15px;
  border-radius: 10px;
}
.acceso_registro .codigo small {
  display: block;
  margin-top: 5px;
}
.acceso_registro .codigo .reenviar {
  text-align: right;
  margin-top: 10px;
}
.acceso_registro .codigo .reenviar .btn {
  font-size: 80%;
  padding: 3px 20px;
  width: auto;
}
.acceso_registro .yatienes {
  text-align: center;
}
.acceso_registro .yatienes a {
  font-weight: 500;
  letter-spacing: 0.5px;
}
.acceso_registro #cambio_password .passwords {
  display: none;
}
/*FINALIZAR PEDIDO*/
.mFinalizar_pedido #resumen_pedido .finalizar {
  display: none;
}
.mFinalizar_pedido .cont_main section {
  margin-bottom: 50px;
}
.mFinalizar_pedido .cont_main {
  font-size: 0.875rem;
}
.mFinalizar_pedido .cont_main h2 {
  color:var(--c4);
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.mFinalizar_pedido .cont_main section .btn {
  background:var(--c5);
  font-size: 0.875rem;
  padding: 5px 20px;
}
#resumen_pedido footer {
  margin-bottom: 0px;
}
.mFinalizar_pedido .forma_de_pago input {
  display: none;
}
.mFinalizar_pedido .forma_de_pago input:checked + label {
  box-shadow:1px 1px 7px var(--c1);
  /*opacity: 1;*/
  border-color:var(--c1);
}
.mFinalizar_pedido .forma_de_pago img {
  height: 15px;
  vertical-align: text-top;
  margin-right: 3px;
}
.mFinalizar_pedido .forma_de_pago label {
  width: 100%;
  display: block;
  border:1px solid var(--c3);
  border-radius: 8px;
  padding: 10px;
  position: relative;
  margin-bottom: 20px;
  min-height: 80px;
}
.mFinalizar_pedido .forma_de_pago label > div {
  margin: 10px 0 0 5px;
}
.mFinalizar_pedido .forma_de_pago .info {
  margin: -10px 0 30px;
  background:var(--c1);
  color: #FFF;
  text-align: center;
  border-radius:var(--b_radius);
  padding: 5px;
  font-size: 0.75rem;
}
.mFinalizar_pedido .forma_de_pago [value=tarjeta] ~ .info .info_ultima_tarjeta {
  display: none;
}
.mFinalizar_pedido .forma_de_pago [value=ultima_tarjeta] ~ .info .info_tarjeta {
  display: none;
}
@media screen and (min-width: 600px) {
  .mFinalizar_pedido .forma_de_pago .cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mFinalizar_pedido .forma_de_pago label {
    flex: 0 calc(50% - 10px);
    margin: 0;
  }
  .mFinalizar_pedido .forma_de_pago .info {
    flex: 0 calc(50% - 10px);
    margin: 10px 0 0;
    order: 3;
    font-size: inherit;
  }
}
.mFinalizar_pedido .forma_de_pago .btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.mFinalizar_pedido .forma_de_pago .ultima_tarjeta {
  display: flex;
  align-items: center;
  margin: 15px 0 20px 5px;
}
.mFinalizar_pedido .forma_de_pago .ultima_tarjeta:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
  margin-right: 5px;
  border-radius:var(--b_radius);
  background:var(--c1);
  border:1px solid var(--c1);
}
.mFinalizar_pedido .forma_de_pago .ultima_tarjeta.no:before {
  border-color:var(--c3);
  background: none;
}
.mFinalizar_pedido .forma_de_pago .metalico_cambio {
  display: flex;
  align-items: center;
  margin: 15px 0 30px 5px;
}
.mFinalizar_pedido .forma_de_pago .metalico_cambio:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  text-align: center;
  margin-right: 5px;
  border-radius:var(--b_radius);
  background:var(--c1);
  border:1px solid var(--c1);
}
.mFinalizar_pedido .forma_de_pago .metalico_cambio.no:before {
  border-color:var(--c3);
  background: none;
}
.mFinalizar_pedido .otros span {
  display: block;
  cursor: pointer;
}
.mFinalizar_pedido .otros textarea {
  display: none;
  max-width: calc(100% - 10px);
  width: 500px;
  height: 120px;
  margin: 10px 0 0 20px;
  padding: 10px;
  border-radius: 8px;
  border:1px solid var(--c1);
}
.mFinalizar_pedido .otros .ver + textarea {
  display: block;
}
.mFinalizar_pedido .otros > div {
  margin: 0 0 20px 0;
}
.mFinalizar_pedido .otros span:before {
  content: "";
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  /*align-items: center;*/
  width: 12px;
  height: 12px;
  border:1px solid var(--c3);
  text-align: center;
  margin-right: 10px;
  border-radius:var(--b_radius);
}
.mFinalizar_pedido .otros span.ver:before {
  background:var(--c1);
  border-color:var(--c1);
}
.mFinalizar_pedido section .caja {
  border:1px solid var(--c1);
  border-radius: 8px;
  padding: 10px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mFinalizar_pedido section .caja .linea2 {
  display: block;
  opacity: 0.8;
}
.mFinalizar_pedido section .caja .btn {
  width: 130px;
  text-align: center;
}
.mFinalizar_pedido section .caja .btn[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.mFinalizar_pedido #map {
  height: 300px;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 8px;
}
.mFinalizar_pedido .cont_main .botonera {
  text-align: center;
  margin-bottom: 100px;
}
.mFinalizar_pedido .cont_main .botonera button {
  width: 300px;
  font-size: 1.3rem;
  max-width: 100%;
  padding: 15px;
}
.mFinalizar_pedido .cont_main .botonera button[disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.mFinalizar_pedido .cont_main .botonera .seguir {
  display: block;
  margin-top: 20px;
  color:var(--c2);
  text-decoration: underline;
  font-size: 0.75rem;
}
.mFinalizar_pedido .acepto_terminos {
  margin-bottom: 70px;
}
.mFinalizar_pedido .acepto_terminos label {
  display: block;
  margin-bottom: 20px;
}
.mFinalizar_pedido .acepto_terminos input {
  display: none;
}
.mFinalizar_pedido .acepto_terminos label:before {
  content: "";
  /*display: inline-flex;*/
  display: inline-block;
  /*justify-content: center;*/
  /*align-items: center;*/
  width: 12px;
  height: 12px;
  border:1px solid var(--c3);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
.mFinalizar_pedido .acepto_terminos input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
}
.mFinalizar_pedido .acepto_terminos a {
  text-decoration: underline;
}
/*FINALIZAR: TELEFONO*/
#telefono_modal {
  padding: 20px 50px 0px;
  font-size: 0.875rem;
  color:var(--c5);
}
#telefono_modal label {
  margin-bottom: 20px;
  display: block;
}
#telefono_modal input {
  width: 100%;
  border:1px solid var(--c1);
  border-radius:var(--b_radius);
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 3px;
  color:var(--c4);
  text-align: center;
  letter-spacing: 2px;
}
#telefono_modal input + small {
  text-align: right;
  display: block;
  margin-top: 5px;
}
#telefono_modal .botonera {
  text-align: center;
  margin: 40px 0 30px;
}
#telefono_modal .btn {
  font-size: 1.2rem;
  width: 200px;
}
#telefono_modal .codigo {
  display: none;
}
#telefono_modal .codigo.ver {
  display: block;
  border: 5px solid var(--c1);
  padding: 20px 20px 15px;
  border-radius: 10px;
}
#telefono_modal .codigo small {
  display: block;
  margin-top: 5px;
}
#telefono_modal .codigo .reenviar {
  text-align: right;
  margin-top: 7px;
}
#telefono_modal .codigo .reenviar .btn {
  font-size: 80%;
  width: auto;
  background: none;
  color: var(--c2);
  text-decoration: underline;
  margin: 0;
  padding: 0;
}
/*FINALIZAR: Añadir direccion*/
#direccion_add_modal {
  padding: 5px 0px 0px;
  font-size: 0.875rem;
  color:var(--c5);
}
#direccion_add_modal .cont_contenido {
  width: 800px;
  top: 0;
  overflow: hidden;
}
#direccion_add_modal h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
  color:var(--c2);
  font-family:var(--f_titulacos);
}
#direccion_add_modal label {
  margin-bottom: 20px;
  display: block;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
#direccion_add_modal input {
  width: 100%;
  border:1px solid var(--c1);
  border-radius:var(--b_radius);
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 3px;
  color:var(--c4);
}
#direccion_add_modal .botonera {
  text-align: center;
}
#direccion_add_modal .botonera a {
  color:var(--c2);
  font-size: 0.875rem;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  margin: 0 10px 10px;
}
#direccion_add_modal.sin_listado .botonera a {
  display: none;
}
#direccion_add_modal .btn {
  width: 200px;
  margin-bottom: 10px;
  margin: 0 10px 10px;
}
#direccion_add_modal #mapa_direcciones {
  position: relative;
  width: calc(100% + 50px);
  height: 300px;
  margin-left: -25px;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-top: -20px;
}
#direccion_add_modal #mapa_direcciones::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*la chincheta es de 64px, hay que subirla 32px*/
  background: url(/imgs/chincheta.png) 50% calc(50% - 32px) no-repeat;
  pointer-events: none;
}
#direccion_add_modal.no #mapa_direcciones::after {
  filter: grayscale();
}
#direccion_add_modal.no .btn {
  opacity: 0.5;
  pointer-events: none;
  /*background:var(--c3);*/
}
#direccion_add_modal .error {
  display: none;
}
#direccion_add_modal.no .error:not(:empty) {
  display: block;
  color: red;
  text-align: center;
  font-size: 80%;
  max-width: 500px;
  margin: -5px auto 10px;
}
.bFinalizar_pedido .pac-container {
  /*Para el dropdown del maps place search*/
  z-index: 99999999 !important;
}
/*Finalizar: listado direcciones*/
#direcciones_modal li {
  background: url(/imgs/chincheta.png) 10px 50% / auto 30px no-repeat;
  color:var(--c4);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border:1px solid var(--c1);
  padding: 10px 10px 10px 40px;
  border-radius: 8px;
  margin-bottom: 20px;
}
#direcciones_modal li:hover {
  background-color:var(--c7);
  box-shadow:1px 1px 7px var(--c1);
}
#direcciones_modal small:not(:empty) {
  display: block;
  margin-top: 5px;
  opacity: 0.8;
  color:var(--c2);
}
#direcciones_modal .borrar {
  background: url(/imgs/papelera.svg) 0 0 / 100% no-repeat;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: inline-block;
  margin-left: 20px;
}
#direcciones_modal li.noborrar .borrar {
  opacity: 0;
  pointer-events: none;
}
#direcciones_modal .botonera {
  text-align: center;
  margin-top: 30px;
}
#direcciones_modal .botonera a {
  color:var(--c2);
  font-size: 0.875rem;
  margin-left: 20px;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
}
/*MINI RESUMEN*/
#mini_resumen {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 15px 0;
  text-transform: uppercase;
  background:var(--c1);
  z-index: 1;
  border: none;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
  box-shadow: 0px 4px 6px 2px #333;
  font-weight: bold;
  letter-spacing: 1.5px;
}
body.bFinalizar_pedido #mini_resumen {
  display: none;
}
/*PAGOOK*/
.mPagoOK {
  text-align: center;
  min-height: 400px;
}
.mPagoOK h1 + p {
  margin: 30px 0;
}
.mPagoOK #detalle_pedido {
  border:4px solid var(--c1);
  border-radius: 10px;
  padding: 20px 15px;
  top: 20px;
  background-color:var(--c7);
  text-align: center;
  transition: width 0.5s linear;
  max-width: 340px;
  margin: 0 auto 40px;
}
.mPagoOK #detalle_pedido h2 {
  text-align: center;
  color:var(--c2);
  font-family:var(--f_titulacos);
  font-size: 2rem;
  margin-bottom: 20px;
}
.mPagoOK #detalle_pedido .fila {
  border-bottom:1px solid var(--c3);
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.mPagoOK #detalle_pedido .fila header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.mPagoOK #detalle_pedido .fila .cantidad {
  flex: 0 0 30px;
  text-align: left;
}
.mPagoOK #detalle_pedido .fila p {
  text-align: left;
  margin: 0 0 0 30px;
}
.mPagoOK #detalle_pedido .fila strong {
  text-align: left;
  margin-right: 5px;
  flex: 1;
}
.mPagoOK #detalle_pedido .fila .precio {
  text-align: right;
  white-space: nowrap;
  color:var(--c4);
}
.mPagoOK #detalle_pedido .fila small {
  display: block;
}
.mPagoOK #detalle_pedido .suplemento {
  text-align: right;
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.mPagoOK #detalle_pedido .suplemento a {
  text-decoration: underline;
}
.mPagoOK #detalle_pedido .cupon_aplicado {
  text-align: right;
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.mPagoOK #detalle_pedido footer {
  text-align: right;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom:1px solid var(--c3);
  color:var(--c4);
  font-size: 1.2rem;
}
.mPagoOK #detalle_pedido .resto {
  text-align: left;
  font-size: 0.875rem;
}
.mPagoOK #detalle_pedido .resto dt {
  margin-bottom: 3px;
}
.mPagoOK #detalle_pedido .resto dd {
  margin-bottom: 15px;
  padding: 0;
  margin: 0 0 15px 20px;
  font-weight: bold;
}
.mPagoOK .volver {
  margin: 0px 0px 40px 0px;
}
/*PAGO KO*/
.mPagoKO {
  text-align: center;
  min-height: 400px;
}
.mPagoKO h1 {
  margin: 0 0 20px 0;
}
.mPagoKO .volver {
  margin: 50px 0px 40px 0px;
}
/*INICIO*/
.bInicio .pHeader {
  margin: 0;
}
.bInicio .pFooter {
  margin: 0;
}
.mInicio {
  padding: 0;
}
.mInicio #CAnimacion1 {
  background:var(--c1);
  color: #FFF;
}
.mInicio .w_animacion2 {
  padding: 50px 20px;
}
.mInicio .w_animacion2 h2 + h2 {
  color:var(--c1);
  margin-bottom: 20px;
}
.mInicio .reciclados {
  text-align: center;
  color: #FFF;
  padding: 100px 0;
  background: url(/imgs/bg_tienda_verde.jpg) center top / cover no-repeat;
}
.mInicio .reciclados h2 {
  line-height: 1.2;
}
.mInicio .reciclados span {
  color:var(--c1);
  background:var(--c_destacado);
  line-height: 1.5;
  padding: 2px 10px;
}
.mInicio .descubre {
  text-align: center;
  color: #FFF;
  padding: 50px 0 100px;
  background:url(/imgs/img_manana_t5.png) 0 -50px / 70px auto var(--c2);
}
.mInicio .descubre h2 {
  margin-bottom: 20px;
}
.mInicio .descubre p {
  margin: 0 15px;
}
.mInicio .descubre p + p {
  margin-bottom: 20px;
}
.mInicio .descubre .listado {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  scrollbar-width:none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.mInicio .descubre .listado::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
  background-color: transparent;
}
@media screen and (max-width: 1000px) {
  .mInicio .descubre .listado {
    justify-content: flex-start;
  }
}
.mInicio .descubre .listado .producto {
  margin: 0 25px;
  flex: 0 0 150px;
  padding: 5px 0;
}
.mInicio .descubre .listado .producto img {
  width: 100%;
}
.mInicio .descubre .w-listado {
  position: relative;
}
.mInicio .descubre .listado button {
  display: none;
}
.mInicio .vermas {
  border-radius: 30px;
  padding: 10px 15px;
  color:var(--c2);
  background: #FFF;
  font-family:var(--f_menus);
}
.mInicio .w_blog {
  padding: 20px 0 0;
  margin-bottom: 0;
}
.mInicio .blog {
  margin: 0 auto;
  padding: 0 10px;
}
.mInicio .blog h2 {
  width: 100%;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-family:var(--f_menus);
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}
.mInicio .blog h3 {
  font-size: 1.1rem;
  margin: 5px 0 10px;
  text-transform: uppercase;
  color: #000;
  opacity: 0.7;
}
.mInicio .blog article {
  flex: 0 100%;
  text-align: left;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #CCC;
  font-size: 0.85rem;
}
.mInicio .blog article p {
  font-size: 0.9rem;
}
.mInicio .blog article:last-of-type {
  border-bottom: none;
}
.mInicio .blog img {
  width: 100%;
  object-fit: cover;
}
.mInicio .cw_home {
  margin: 0px 0 50px;
}
.mInicio .cw_home img {
  width: 100%;
  margin-bottom: 10px;
}
.mInicio .cw_home .contenido_html {
  background: #FFF;
  position: relative;
}
.mInicio .cw_home h2 {
  margin: 0 0 10px;
  letter-spacing: 0;
  line-height: 1;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}
.mInicio .lista_productos {
  margin-bottom: 60px;
}
.mInicio .tabs nav {
  text-align: center;
  margin-bottom: 30px;
}
.mInicio .tabs nav button {
  text-align: center;
  text-transform: uppercase;
  font-family:var(--f_menus);
  color:var(--c2);
  background: none;
  font-size: 1.3rem;
  margin: 0 20px;
}
.mInicio .tabs nav button.sel {
  text-decoration: underline;
}
.mInicio .lista_productos .ordenar {
  display: none;
}
@media (min-width: 500px) {
  .mInicio #CAnimacion1 h2 {
    font-size: 3.5rem;
  }
}
@media (min-width: 1000px) {
  .mInicio .w_animacion2 {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 50px 100px;
    max-width: 1200px;
  }
  .mInicio .w_animacion2 > * {
    flex: 0 50%;
  }
  .mInicio .w_animacion2 > div:first-child {
    margin-right: 50px;
  }
  .mInicio #CAnimacion2 {
    align-self: flex-start;
    margin-left: 40px;
  }
  /*.mInicio .descubre .w-listado button {
    outline: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    text-align: center;
    width: 30%;
  }*/
  /*.mInicio .descubre .w-listado button.i {
    left: 0;
  }*/
}
/*PIE*/
.pFooter {
  padding: 130px 20px 40px;
  background:url(/imgs/logo-blanco.svg) 50% 40px / 200px auto no-repeat, url(/imgs/bg_pie.svg) 50% 100% / auto 90% no-repeat, var(--c1);
  /*background:*/
  color: #FFF;
  text-align: center;
  margin-top: 40px;
}
.bProducto .pFooter {
  margin-top: 0;
}
.pFooter span {
  font-size: 0.9rem;
  display: block;
  opacity: 0.7;
  margin: -25px 0 30px;
}
.pFooter .rrss {
  display: flex;
  align-items: center;
  font-weight: 300;
  justify-content: center;
  margin-bottom: 40px;
}
.pFooter .rrss img {
  margin: 0 18px;
  height: 30px;
  width: auto;
  display: block;
}
.pFooter .tel {
  font-size: 1.5rem;
  margin-bottom: 30px;
  display: block;
}
.pFooter .mail {
  background: url(/imgs/ico_sobre.svg) 20px 50% / 25px auto no-repeat #FFF;
  padding: 10px 40px 10px 60px;
  font-size: 1.3rem;
  border-radius: 30px;
  display: inline-block;
  color:var(--c1);
}
.pFooter .nav {
  margin-bottom: 20px;
  font-size: 0.875rem;
}
.pFooter .nav a {
  line-height: 1.8;
  white-space: nowrap;
  border-right: 1px solid #FFF;
  padding: 0 10px 0 6px;
}
.pFooter .nav a:last-child {
  border: none;
}
/*Paginador*/
.paginador {
  width: 100%;
  margin: 40px auto;
  display: flex;
  justify-content: center;
}
.paginador a {
  font-size: 1.125rem;
  font-size: 1.025rem;
  background: #DDD;
  width: 31px;
  height: 31px;
  margin: 0 3px;
  /*display: inline-block;*/
  /*padding: 7px 2px 7px 1px;*/
  /*text-align: center;*/
  /*vertical-align: text-bottom;*/
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.paginador a[disabled] {
  cursor: none;
  pointer-events: none;
  opacity: 0.5;
}
.paginador a[sel] {
  background:var(--c2);
  color: #FFF;
  cursor: none;
  pointer-events: none;
}
.paginador a.siguiente {
  /*background: url(/imgs/tri_d.svg) 50% / 12px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 15px;*/
}
.paginador a.ultima {
  /*background: url(/imgs/tri2_d.svg) 50% / 22px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 19px;*/
}
.paginador a.anterior {
  /*background: url(/imgs/tri_d.svg) 50% / 12px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 15px;*/
  /*transform: rotate(180deg);*/
}
.paginador a.primera {
  /*background: url(/imgs/tri2_d.svg) 50% / 22px no-repeat #DDD;*/
  /*text-indent: -1000000px !important;*/
  /*padding: 7px 19px;*/
  /*transform: rotate(180deg);*/
}
@media screen and (max-width: 450px) {
  .paginador a.siguiente, .paginador a.anterior {
    display: none;
  }
}
/*FAMILIA*/
.bFamilia .pHeader {
  margin: 0;
}
.bFamilia .banner_pagina h2 span {
  white-space: nowrap;
}
.bFamilia .pFooter {
  margin: 0;
}
.mFamilia .banner_pagina {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background: url(/imgs/bg_tienda.jpg) top center / cover no-repeat;
  margin-bottom: 40px;
}
.bFamilia.outlet .banner_pagina {
  height: calc(100vw / 2.4);
  max-height: 420px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  background: url(/imgs/bg-outlet.png) bottom / auto 100% no-repeat #FFFEAE;
  margin-bottom: 40px;
}
.mFamilia .banner_pagina.administrable {
  background: none;
  height: 175px;
  position: relative;
  overflow: hidden;
}
.mFamilia .banner_pagina.administrable img {
  width: 150%;
  height: auto;
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 480px) {
  .mFamilia .banner_pagina.administrable {
    height: 210px;
  }
}
@media screen and (min-width: 600px) {
  .mFamilia .banner_pagina.administrable {
    height: 250px;
  }
}
@media screen and (min-width: 700px) {
  .mFamilia .banner_pagina.administrable {
    height: 280px;
  }
}
.mFamilia h1 {
  font-family:var(--f_menus);
  text-align: center;
  margin-bottom: 30px;
}
.bFamilia.multiple .lista_productos .ordenar {
  display: none;
}
.mFamilia .categorias {
  margin: 40px 0;
  padding: 30px 0 0 10px;
  position: relative;
  /*text-transform: uppercase;*/
  border:1px dashed var(--c3);
}
.mFamilia .categorias:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  height: 1px;
  width: 80%;
  border-bottom:1px solid var(--c2);
}
.mFamilia .categorias .n1 {
  font-size: 1.3rem;
  font-weight: 500;
}
.mFamilia .categorias .n2 {
  margin: 10px 15px 30px;
  font-size: 1rem;
  font-weight: 300;
}
.mFamilia .categorias li {
  margin-bottom: 20px;
  font-family:var(--f_menus);
}
.mFamilia .categorias .sel > a {
  color:var(--c2);
}
.mFamilia .lista_productos:last-of-type {
  margin-bottom: 0;
}
.mFamilia .descubre {
  text-align: center;
  color: #FFF;
  padding: 30px 0;
  background:url(/imgs/bg_fav.svg) 50% / auto 100% no-repeat var(--c2);
  margin: 40px 0;
}
.mFamilia .descubre h2 {
  margin-bottom: 40px;
  font-size: 2.4rem;
}
.mFamilia .descubre .listado {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  scrollbar-width:none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1000px) {
  .mFamilia .descubre .listado {
    justify-content: flex-start;
  }
}
.mFamilia .descubre .listado::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
  background-color: transparent;
}
.mFamilia .descubre .listado .producto {
  margin: 0 25px;
  flex: 0 0 150px;
}
.mFamilia .descubre .listado .producto img {
  width: 100%;
  padding-top: 5px;
}
.mFamilia .descubre .w-listado {
  position: relative;
}
.mFamilia .descubre .listado button {
  display: none;
}
/*FAMILIA OUTLET*/
.bFamilia.outlet .descubre {
  background:url(/imgs/bg_fav2.svg) 0 0 / auto 100% var(--c2);
}
.bFamilia.outlet .descubre {
  margin-bottom: 0;
}
.bFamilia.outlet .descubre .vermas {
  border-radius: 30px;
  padding: 10px 15px;
  color:var(--c2);
  background: #FFF;
  font-family:var(--f_menus);
}
/*BANNER TIENDA*/
#banner {
  margin-bottom: 40px;
}
#allinone_bannerRotator_classic {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.allinone_bannerRotator_texts {
  position: absolute;
  bottom: 0px;
  z-index: 3;
  display: none;
  width: 100%;
  height: 100% !important;
  text-align: left;
}
.allinone_bannerRotator_texts div {
  height: 100%;
}
#banner .banner {
  left: 0;
  width: 100%;
  top: 50%;
  height: auto;
  transform: translateY(-50%);
  line-height: 1.3;
  font-family:var(--f_textos);
  text-align: center;
  text-transform: none;
  position: absolute;
  color: #FFF;
}
#banner .banner h2 {
  font-size: 5vw;
}
@media screen and (max-width: 640px) {
  #banner .banner h2 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) {
  #banner .banner h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1000px) {
  #banner .banner h2 {
    font-size: 3rem;
  }
}
/*lista_productos*/
.lista_productos {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  --anchoe: 100%;
  --gap: 0px;
  /*--gap: 5px;*/
  /*--anchoe: calc(50% - var(--gap));*/
  margin: 0 calc(-1 * var(--gap)) 40px 0;
  justify-content: center;
}
.lista_productos h2 {
  width: calc(100% - var(--gap));
  /*width: 100%;*/
  text-align: center;
  margin-bottom: 30px;
  border-radius:var(--b_radius);
  padding: 10px;
}
.lista_productos .anchor {
  display: block;
  position: relative;
  top: -20px;
  visibility: hidden;
}
@media screen and (min-width: 1000px) {
  .lista_productos .anchor {
    top: -130px;
  }
}
.lista_productos .ordenar {
  width: 100%;
  margin-bottom: 25px;
  text-align: right;
  font-size: 0.8rem;
  margin-right:var(--gap);
}
.lista_productos .ordenar select {
  display: block;
  margin: 2px 0 0 auto;
  border: 1px solid #CCC;
  padding: 3px;
}
.mListaDeseos .lista_productos .ordenar {
  display: none;
}
.producto_listados {
  flex:0 0 var(--anchoe);
  margin:0 var(--gap) 40px 0;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid transparent;
  border-radius:var(--b_radius);
  /*box-shadow: 3px 3px 5px rgba(240, 240, 240, 0.771);*/
}
.producto_listados.no_disponible img {
  opacity: 0.5;
}
.producto_listados figure {
  width: 100%;
}
.producto_listados img {
  width: 100%;
  height: auto;
  display: block;
}
.producto_listados .hov {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:var(--c_destacado_t7);
  pointer-events: none;
  bottom: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.5s ease;
  z-index: 1;
}
.producto_listados:hover .hov, .producto_listados.sel .hov {
  bottom: 0;
  height: 100%;
}
.producto_listados .hov .titulo {
  color: #000;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 10px;
}
.producto_listados .hov .precio {
  color: #000;
  font-size: 1rem;
  margin: 0;
}
.producto_listados .titulo {
  color: #000;
  opacity: 0.7;
  margin: 0 5px;
  font-size: 1.2rem;
}
.producto_listados .detalle {
  font-size: 0.85rem;
  padding: 10px;
  margin: 0 0 5px 0;
  color: #999;
}
.producto_listados .precio_antes {
  color:var(--c1);
  font-size: 80%;
}
.producto_listados .desde {
  font-size: 50%;
  margin-right: 5px;
}
.producto_listados .precio {
  color:var(--c2);
  font-size: 1.3rem;
  white-space: nowrap;
}
.producto_listados .botonera {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.producto_listados .masinfo {
  color:var(--c1);
  white-space: nowrap;
  padding: 5px;
}
.producto_listados .btn_compra {
  text-transform: uppercase;
  color: #FFF;
  background:url(/imgs/carro_blanco.svg) calc(100% - 20px) 50% / 20px auto no-repeat var(--c7);
  padding: 10px 50px 10px 25px;
  cursor: pointer;
  border-radius: 30px;
  pointer-events: all;
}
.producto_listados .info_txt {
  color: #A00;
  font-size: 0.85rem;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 5px;
}
.producto_listados .botonera_info {
  text-transform: uppercase;
  margin-top: 30px;
  width: 100%;
}
.producto_listados .aviso {
  display: inline-block;
  padding: 10px 30px;
  border-radius: var(--b_radius);
  background:var(--c2);
  color: #FFF;
  font-size: 80%;
  cursor: pointer;
  margin-top: 10px;
  pointer-events: auto;
}
/*.mProducto.en_oferta figure:after {
  content: attr(data-txt_oferta);
  position: absolute;
  pointer-events: none;
  background:var(--c1);
  color: #FFF;
  width: 55px;
  height: 55px;
  top: -3px;
  left: -3px;
  font-size: 0.65rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bolder;
  transform: rotate(-25deg);
  text-transform: uppercase;
}*/
/*.producto_listados.novedad:after {
  content: attr(data-txt_novedad);
  position: absolute;
  pointer-events: none;
  background:var(--c2);
  color: #FFF;
  width: 55px;
  height: 55px;
  top: -3px;
  left: -3px;
  font-size: 0.65rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  transform: rotate(-25deg);
  text-transform: uppercase;
}*/
@media screen and (min-width: 500px) {
  .lista_productos {
    /*margin-right: -10px;*/
    --gap: 5px;
    --anchoe: calc(50% - var(--gap));
  }
  .mInicio .lista_productos {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1000px) {
  .lista_productos {
    --gap: 15px;
    --anchoe: calc(33.3333% - var(--gap));
  }
}
/*@media screen and (min-width: 1200px) {
  .lista_productos {
    --gap: 20px;
    --anchoe: calc(25% - var(--gap));
  }
}*/
.producto_listados .sellos {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  pointer-events: none;
}
.producto_listados .sellos img {
  width: 75px;
}
.producto_listados .sellos .sello_txt {
  width: 75px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:var(--c1);
  border-radius: 50%;
  font-size: 1.5rem;
  color:var(--c8);
}
/*PRODUCTO*/
.mProducto .principal {
  text-align: left;
  margin: 0 auto;
  padding: 25px 0px 75px 0px;
  position: relative;
}
.mProducto .principal figure {
  position: relative;
  margin-bottom: 50px;
}
.mProducto .en_oferta figure:after {
  content: attr(data-txt_oferta);
  position: absolute;
  pointer-events: none;
  background:var(--c1);
  color: #FFF;
  width: 100px;
  height: 100px;
  top: -40px;
  left: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: bolder;
  transform: rotate(-25deg);
  text-transform: uppercase;
}
/*.mProducto .novedad figure:after {
  content: attr(data-txt_novedad);
  position: absolute;
  pointer-events: none;
  background:var(--c2);
  color: #FFF;
  width: 100px;
  height: 100px;
  top: -40px;
  left: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  transform: rotate(-25deg);
  text-transform: uppercase;
}*/
.mProducto .principal figure img.ppal {
  width: 100%;
  display: block;
}
.mProducto .principal figure:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url(/imgs/ico_zoom.svg) 98% 98% / 20px no-repeat;
  pointer-events: none;
}
.mProducto .sellos {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  pointer-events: none;
}
.mProducto .sellos img {
  margin-right: 0;
  width: 75px;
}
@media screen and (min-width: 500px) {
  .mProducto .sellos img {
    width: 100px;
  }
}
.mProducto .principal .compra {
  margin-bottom: 20px;
  text-align: center;
}
.mProducto .referencia {
  color:var(--c1);
  margin-top: 10px;
}
.mProducto .principal .w_cantidad {
  margin: 30px 0 30px;
  display: flex;
  justify-content: center;
}
.mProducto select {
  border: 1px solid #CCC;
  width: 60px;
  vertical-align: top;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  /* text-align: center; */
  padding-left: 14px;
  background: url(/imgs/desplegar.svg) calc(100% - 5px) 50% / 10px no-repeat #FFF;
}
.mProducto h1 {
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.mProducto .compra .detalle {
  font-size: 0.9rem;
  color: #666;
}
.mProducto .compra .peso_txt {
  font-size: 0.9rem;
  color: #000;
}
.mProducto .compra .precio {
  margin: 0px 0 10px;
}
.mProducto .compra .precio span {
  font-size: 1.5em;
  margin-right: 10px;
  color: #000;
  font-weight: 400;
  font-family:var(--f_titulos);
}
.mProducto .compra .precio .msg_iva {
  font-size: 0.75rem;
  color: #CCC;
  font-family:var(--f_menus);
}
.mProducto .compra #precio_formato_antes_sel {
  color: #000;
  margin-bottom: 15px;
  font-weight: bolder;
  font-size: 0.875rem;
  opacity: 0;
}
.mProducto .compra #precio_formato_antes_sel.ver {
  opacity: 1;
}
.mProducto .compra button.comprar {
  border: none;
  font-size: 1.3em;
  font-family:var(--f_menus);
  background:var(--c7);
  border:3px solid var(--c8);
  padding: 9px 30px 10px;
  border-radius: 30px;
  color: #FFF;
  cursor: pointer;
}
.mProducto .compra .favorito {
  background: url(/imgs/favorito-off.svg) 50% / 25px auto no-repeat #FFF;
  width: 50px;
  margin-left: 15px;
}
.mProducto .compra .favorito.on {
  background-image: url(/imgs/favorito-on.svg);
}
.mProducto .compra button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.mProducto .Datos {
  font-size: 0.875rem;
}
.mProducto .Datos p:last-child {
  margin: 0;
}
.mProducto .galeria {
  width: calc(100% + 10px);
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0 0;
}
.mProducto .galeria .pie {
  display: none;
}
.mProducto .galeria .pie.ver {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.mProducto .galeria a {
  margin: 0 10px 10px 0;
  flex: 0 0 calc(25% - 10px);
}
.mProducto .galeria img {
  display: block;
  width: 100%;
  height: auto;
}
.mProducto .cont_entrega {
  font-size: 0.875rem;
  line-height: 1.6;
  text-align: center;
}
.mProducto .cont_entrega a {
  font-size: 0.675rem;
  text-decoration: underline;
}
.mProducto .cont_entrega div {
  display: inline-block;
  text-align: left;
}
.mProducto .cont_entrega strong {
  display: block;
  line-height: 2;
  font-weight: 500;
}
.mProducto .cont_entrega ul {
  list-style-type: initial;
  padding-left: 15px;
}
.mProducto article .cont_ahorro {
  display: none;
  margin-bottom: 20px;
}
.mProducto article .cont_ahorro.ver {
  display: block;
}
.mProducto article .cont_ahorro * {
  margin: 0;
  font-size: 0.85rem;
  text-align: center;
}
.mProducto article .precio_recomendado span {
  text-decoration: line-through;
}
.mProducto .w_relacionados {
  padding: 40px 0;
}
.mProducto .relacionados h2 {
  text-align: left;
  font-size: 2rem;
  margin-bottom: 40px;
}
.mProducto .lista_productos .ordenar {
  display: none;
}
.mProducto .volver {
  background: #F0F0F0;
  padding: 5px 10px;
  font-size: 0.85rem;
  display: inline-block;
  margin: 30px 0 0;
  border-radius:var(--b_radius);
  cursor: pointer;
}
.mProducto .descubre {
  text-align: center;
  color: #FFF;
  padding: 30px 0;
  background:url(/imgs/bg_fav2.svg) 0 0 / 100px auto var(--c2);
}
.mProducto .descubre h2 {
  margin-bottom: 40px;
  font-size: 2.4rem;
}
.mProducto .descubre .listado {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  scrollbar-width:none;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.mProducto .descubre .listado::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
  background-color: transparent;
}
@media screen and (max-width: 1000px) {
  .mProducto .descubre .listado {
    justify-content: flex-start;
  }
}
.mProducto .descubre .listado .producto {
  margin: 0 25px;
  flex: 0 0 150px;
}
.mProducto .descubre .listado .producto img {
  width: 100%;
  padding-top: 5px;
}
.mProducto .descubre .w-listado {
  position: relative;
}
.mProducto .descubre .listado button {
  display: none;
}
/*BLOQUES DE TEXTO*/
.bloques_texto {
  margin: 0 0 20px 0;
  order: 5;
  font-size: 0.875rem;
  /*flex: 0 60%;*/
  flex: 0 100%;
}
.bloques_texto .bloque .contenido_html {
  /*display: none;*/
  height: 0;
  transform: scale(0);
  transform-origin: left top;
}
.bloques_texto .bloque.ver {
  margin: 0 0 20px 0;
  border:1px solid var(--c1);
  border-radius: 30px;
  overflow: hidden;
  padding: 10px 20px;
}
.bloques_texto .bloque h2 {
  background:url(/imgs/ico_mas.svg) calc(100% - 20px) 50% / 20px no-repeat var(--c1);
  cursor: pointer;
  display: inline-block;
  color: #FFF;
  width: 100%;
  font-weight: normal;
  font-size: 1rem;
  padding: 10px 20px;
  border-radius: 30px;
  margin-bottom: 15px;
}
.bloques_texto .bloque.ver h2 {
  background: url(/imgs/ico_menos.svg) 100% 50% / 20px no-repeat #FFF;
  color:var(--c1);
  padding: 10px 0px;
}
.bloques_texto .bloque.ver .contenido_html {
  height: auto;
  transform: scale(1);
  transition: transform 0.5s;
}
/*Producto no disponible*/
.nocompra .selector_formatos {
  pointer-events: none !important;
  opacity: 0.6 !important;
}
.mProducto .nocompra button {
  pointer-events: none !important;
  opacity: 0.6 !important;
}
.mProducto .nodisponible {
  color: #D60000;
  margin-top: 10px;
  font-size: 0.85rem;
  overflow: hidden;
  margin-bottom: 30px;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  display: none;
}
.mProducto .nodisponible.ver {
  opacity: 1;
  pointer-events: auto;
  display: flex;
}
.mProducto .nodisponible .aviso {
  display: inline-block;
  padding: 4px 10px;
  border-radius:var(--b_radius);
  background:var(--c2);
  color: #FFF;
  font-size: 80%;
  margin-left: 10px;
  cursor: pointer;
}
/*Producto select formatos*/
.mProducto .solouno .selector_formatos {
  display: none;
}
.mProducto .formatos_sin_imagen .selector_formatos img {
  display: none;
}
.mProducto .selector_formatos {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}
.mProducto .selector_formatos .formato img {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 5px;
  border-radius:var(--b_radius);
}
.mProducto .selector_formatos .formato span:nth-child(2) {
  text-align: left;
  flex: 1;
}
.mProducto .selector_formatos .formato span:nth-child(3) {
  flex: 0 0 25%;
  white-space: nowrap;
  text-align: right;
}
.mProducto .selector_formatos .formato_sel {
  padding: 5px 40px 5px 10px;
  line-height: 1.2;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.9rem;
  color: #000;
  font-weight: 500;
  background: url(/imgs/desplegar-negro.svg) calc(100% - 10px) 50% no-repeat;
  border: 1px solid #CCC;
  border-radius:var(--b_radius);
  margin: 0 auto;
  min-height: 3rem;
}
.mProducto .selector_formatos.desplegado .formato_sel {
  /*border-bottom: none;*/
  border-bottom-color: #EFEFEF;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  /*box-shadow: 6px 5px 10px -10px #000;*/
}
.mProducto .selector_formatos .w-formatos {
  transform: scale(0);
  position: absolute;
  border: 1px solid #CCC;
  border-top: none;
  margin: 0;
  max-height: 0;
  background: #FFF;
  color: #000;
  border-radius: 0 0 10px 10px;
  width: 100%;
  z-index: 2;
}
.mProducto .selector_formatos.desplegado .w-formatos {
  max-height: calc(10 * 3rem + 1.5rem);
  transform: scale(1);
  overflow-y: auto;
  box-shadow: 6px 5px 10px -10px #000;
}
.mProducto .w-formatos .formato:not(:last-child) {
  border-bottom: 1px solid #FFF;
}
.mProducto .w-formatos .formato {
  padding: 0 10px;
  height: 3rem;
  line-height: 1.2;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.9rem;
  /*margin: 5px 0;*/
}
.mProducto .w-formatos .formato.sel {
  background:var(--c1);
  font-weight: 500;
}
.mProducto .w-formatos .formato:hover {
  background:var(--c1);
}
/*Producto compra rapida*/
.mProducto .compra_rapida {
  display: none;
}
@media screen and (max-width: 999px) {
  .bProducto .pFooter {
    padding-bottom: 120px;
  }
  .mProducto .compra_rapida {
    display: block;
    position: fixed;
    text-align: center;
    width: 100%;
    max-width: 450px;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color:var(--c5);
    padding: 10px 20px 30px;
    color: #FFF;
    z-index: 2;
    border-radius:var(--b_radius) var(--b_radius) 0 0;
    transform: translatey(100%);
    transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }
  .mProducto .compra_rapida.ver {
    box-shadow: 0px 2px 19px -5px #000;
    transform: translatey(0);
  }
  .mProducto .compra_rapida .titulo {
    font-weight: 500;
    margin-bottom: 10px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
    line-height: 1.2;
    border-bottom: 1px solid #FFF;
    pointer-events: none;
  }
  .mProducto .compra_rapida.con_formatos .titulo {
    background: url(/imgs/desplegar-blanco.svg) 98% 50% no-repeat;
    cursor: pointer;
    pointer-events: auto;
  }
  .mProducto .compra_rapida .titulo small {
    display: block;
    margin-top: 3px;
    text-transform: none;
  }
  .mProducto .compra_rapida .formatos_mini {
    transform: scale(0);
    margin: 0;
    padding: 0;
    max-height: 0;
    transition: max-height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    /*scrollbar-width:none;*/
    background: #FFF;
    color: #000;
    border-radius: 10px;
  }
  .mProducto .compra_rapida .formatos_mini.ver {
    margin: 20px 0;
    max-height: calc(5 * 3rem + 1.5rem);
    transition-duration: 0.5s;
    transform: scale(1);
    overflow-y: auto;
  }
  /*.mProducto .compra_rapida .formatos_mini::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0;
    background-color: transparent;
    (* Chrome Safari *)
  }*/
  .mProducto .compra_rapida .formatos_mini li {
    padding: 0 10px;
    height: 3rem;
    line-height: 1.2;
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 0.9rem;
  }
  .mProducto .formatos_sin_imagen .compra_rapida .formatos_mini li img {
    display: none;
  }
  .mProducto .compra_rapida .formatos_mini li img {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 5px;
    border-radius:var(--b_radius);
  }
  .mProducto .compra_rapida .formatos_mini li span:nth-child(2) {
    text-align: left;
    flex: 1;
  }
  .mProducto .compra_rapida .formatos_mini li span:nth-child(3) {
    flex: 0 0 25%;
    white-space: nowrap;
    text-align: right;
  }
  .mProducto .compra_rapida .formatos_mini li.sel {
    background:var(--c1);
    font-weight: 500;
  }
  .mProducto .compra_rapida .precio {
    font-size: 1.3rem;
    white-space: nowrap;
    position: relative;
  }
  .mProducto .compra_rapida .cantidad {
    font-size: 0.65rem;
    position: absolute;
    top: -10px;
    left: 3px;
  }
  .mProducto .compra_rapida .w-precio-comprar {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    line-height: 1.2;
  }
  .mProducto .compra_rapida button {
    border: none;
    font-size: 1em;
    font-family:var(--f_menus);
    background: url(/imgs/carro_verde_oscuro.svg) 15px 50% / 20px auto no-repeat #FFF;
    padding: 10px 30px 10px 50px;
    color:var(--c5);
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 50px;
    border-radius: 30px;
  }
}
/*AVISO DISPONIBILIDAD*/
#aviso_disponibilidad_modal label {
  margin-bottom: 20px;
  display: block;
}
#aviso_disponibilidad_modal input {
  width: 100%;
  border:1px solid var(--c1);
  border-radius:var(--b_radius);
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-top: 3px;
  color:var(--c2);
  text-align: center;
  letter-spacing: 0.5px;
}
#aviso_disponibilidad_modal .botonera {
  text-align: center;
  margin: 40px 0 30px;
}
#aviso_disponibilidad_modal .btn {
  font-size: 1.2rem;
  width: 200px;
}
#aviso_disponibilidad_modal .btncerrar {
  display: none;
  background: #666;
}
/*BUSCADOR*/
.mBusqueda h1 {
  text-align: center;
  margin: 20px 0 5px;
  font-family:var(--f_menus);
}
.mBusqueda .res {
  text-align: center;
  margin-bottom: 40px;
}
/*CARRITO*/
.btn_eliminar {
  background: url(/imgs/papelera.svg) 50% / auto 16px no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}
.mCarro h1 {
  font-family:var(--f_menus);
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 50px;
}
.mCarro h1 small {
  white-space: nowrap;
  display: block;
  font-size: 0.85rem;
}
.productos_carrito {
  margin-bottom: 20px;
  /*border: 1px solid;*/
}
.productos_carrito .titulo {
  color:var(--c1);
  font-weight: 500;
  margin-bottom: 0;
}
.productos_carrito .titulo:hover {
  text-decoration: underline;
}
.productos_carrito .precio_u {
  font-size: 0.8rem;
  margin-bottom: 10px;
  color: #AAA;
}
.productos_carrito .producto {
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #CCC;
}
.productos_carrito .producto:last-child {
  border-bottom: none;
}
.productos_carrito .producto figure {
  flex: 0 100px;
  margin-right: 15px;
}
.productos_carrito .producto img {
  width: 100%;
  height: auto;
  display: block;
}
.productos_carrito select {
  border: 1px solid #CCC;
  width: 60px;
  vertical-align: top;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  padding: 5px 14px;
  background: url(/imgs/desplegar.svg) calc(100% - 5px) 50% / 10px no-repeat #FFF;
}
.productos_carrito .datos {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.mCarro .productos_carrito .acciones {
  margin-top: auto;
  font-size: 0.7rem;
  margin-left: auto;
  color: #FFF;
  display: flex;
}
.mCarro .acciones .btn_eliminar {
  margin-top: auto;
  order: 2;
  font-size: 0.7rem;
  padding-left: 20px;
  background-position: 0;
  margin-left: auto;
  overflow: hidden;
  color: #FFF;
}
.mCarro .acciones .btn_lista_deseos {
  margin-right: 30px;
  background: none;
}
.productos_carrito .precio {
  margin-right: 11px;
}
.mCarro .resumen {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius:var(--b_radius);
  margin-bottom: 10px;
}
.mCarro .resumen > * {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.mCarro .resumen .total {
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0;
  flex-wrap: wrap;
}
.mCarro .resumen .tiempo_envio {
  font-size: 0.8rem;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  color:var(--c4);
}
.mCarro .resumen .info_envio {
  margin-top: -18px;
  font-size: 0.65rem;
}
.mCarro .resumen .faltan {
  color:var(--c1);
}
.mCarro .realizar_pedido {
  margin-bottom: 20px;
  background:var(--c1);
  display: block;
  text-align: center;
  color: #FFF;
  padding: 10px 0;
  font-size: 1.2rem;
  border-radius:var(--b_radius);
}
.mCarro .continuar_comprando {
  display: block;
  text-align: center;
  color:var(--c1);
  font-size: 0.8rem;
  margin-bottom: 40px;
}
.mCarro .w_relacionados {
  padding: 30px 0;
}
.mCarro .relacionados h2 {
  color:var(--c4);
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 1.4rem;
}
.mCarro .w_cantidad {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mCarro .cupon {
  font-size: 0.875rem;
  margin-bottom: 40px;
  color:var(--c4);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mCarro .cupon p {
  text-align: left;
  font-size: 0.75rem;
  margin: 0 0 5px 0;
}
.mCarro .cupon input {
  border:1px solid var(--c4);
  border-radius:var(--b_radius);
  padding: 4px 5px;
  width: 60%;
}
.mCarro .cupon .btn {
  padding: 5px 20px;
  font-weight: 300;
}
.mCarro .cupon_aplicado {
  text-align: right;
  font-size: 0.8rem;
  margin-bottom: 10px;
}
.mCarro #msgcupon {
  display: none;
}
.mCarro #msgcupon::before {
  content: "✓";
  font-size: 1.3rem;
  vertical-align: sub;
  margin-left: 5px;
  color:var(--c1);
}
.mCarro #msgcupon.error::before {
  content: "✗";
  color: #C00;
}
.mCarro .w_cantidad header {
  /*text-align: left;*/
  font-size: 75%;
  color:var(--c4);
  margin-bottom: 2px;
}
.mCarro .w_cantidad .precio span {
  padding: 6px 0;
  display: inline-block;
}
/*OnePageCheckOut*/
/*.bOPC .pHeader {
  display: none;
}*/
.bOPC h1 {
  font-family:var(--f_menus);
  text-align: center;
  margin-bottom: 30px;
}
.bOPC .haz_login {
  font-size: 0.8rem;
  text-align: center;
  margin: 0 0 20px;
  width: 100%;
}
.bOPC .haz_login .acceso {
  color:var(--c1);
  background: none;
  cursor: pointer;
}
.mOPC input[type=text], .mOPC input[type=email] {
  font-size: 0.8rem;
  border-radius:var(--b_radius);
  border:1px solid var(--c4);
  line-height: 0.9rem;
  padding: 0px 0 0px 5px;
  height: 25px;
  color: #666;
}
/*OnePageCheckOut: datos de usuario*/
.mOPC .w_usu_pass {
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom:1px solid var(--c1);
}
#CapaEnvio {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#CapaEnvio label {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
#CapaEnvio label span {
  display: none;
}
#CapaEnvio .email {
  width: 100%;
}
#CapaEnvio input {
  width: 100%;
}
#CapaEnvio .comprar_y_registrar label {
  width: 100%;
  display: block;
  color:var(--c1);
  margin: 4px 0 0 0px;
  font-size: 0.75rem;
  font-weight: 500;
}
#CapaEnvio .comprar_y_registrar input {
  display: none;
}
#CapaEnvio .comprar_y_registrar label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c1);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
#CapaEnvio .comprar_y_registrar input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
}
/*OnePageCheckOut: datos de envio*/
#direccion_envio_facturacion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#direccion_envio_facturacion label span {
  display: none;
}
#direccion_envio_facturacion select {
  font-size: 0.8rem;
  border-radius:var(--b_radius);
  border: none;
  border:1px solid var(--c4);
  line-height: 0.9rem;
  margin: 0 0 5px 0;
  padding: 0px 0 0px 1px !important;
  width: 100%;
  background: #FFF;
  height: 27px;
  font: 300 0.8rem / 1.3em 'Roboto', sans-serif;
  color: #666;
}
#direccion_envio_facturacion form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#direccion_envio_facturacion label {
  width: calc(50% - 5px);
  margin-bottom: 15px;
}
#direccion_envio_facturacion .calle {
  width: 100%;
}
#direccion_envio_facturacion .cp {
  flex: 0 30%;
}
#direccion_envio_facturacion .cp + label {
  flex: 0 calc(70% - 10px);
}
#direccion_envio_facturacion .email {
  width: 100%;
}
#direccion_envio_facturacion input {
  width: 100%;
}
#direccion_envio_facturacion #CapaFacturacion {
  display: none;
}
#direccion_envio_facturacion #CapaFacturacion .nombre {
  width: 100%;
}
#direccion_envio_facturacion #CapaFacturacion.ver {
  display: flex;
  margin-top: 20px;
}
#direccion_envio_facturacion #CapaFacturacion h2 {
  font-size: 1rem;
  width: 100%;
}
#direccion_envio_facturacion .cambiar_direccion_facturacion label {
  width: 100%;
  display: block;
  color: #000;
  margin: 4px 0 0 0px;
  font-size: 0.75rem;
  font-weight: 500;
}
#direccion_envio_facturacion .cambiar_direccion_facturacion input {
  display: none;
}
#direccion_envio_facturacion .cambiar_direccion_facturacion label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c2);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
#direccion_envio_facturacion .cambiar_direccion_facturacion input:checked + label:before {
  background:var(--c2);
  border-color:var(--c2);
}
#direccion_envio_facturacion .guardar_direccion {
  width: 100%;
  text-align: center;
}
#direccion_envio_facturacion .guardar_direccion label {
  width: 100%;
  display: block;
  color: #000;
  margin: 4px 0 20px 0px;
  font-size: 0.75rem;
  font-weight: 500;
}
#direccion_envio_facturacion .guardar_direccion input {
  display: none;
}
#direccion_envio_facturacion .guardar_direccion label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c2);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
#direccion_envio_facturacion .guardar_direccion input:checked + label:before {
  background:var(--c2);
  border-color:var(--c2);
}
/*OnePageCheckOut: comprar y registrar*/
#direccion_envio_facturacion .comprar_y_registrar {
  width: 100%;
  text-align: center;
}
#direccion_envio_facturacion .comprar_y_registrar label {
  width: 100%;
  display: block;
  color:var(--c4);
  margin: 4px 0 20px 0px;
  font-size: 0.75rem;
  font-weight: 500;
}
#direccion_envio_facturacion .comprar_y_registrar input {
  display: none;
}
#direccion_envio_facturacion .comprar_y_registrar label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c1);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
#direccion_envio_facturacion .comprar_y_registrar input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
}
#direccion_envio_facturacion #nuevo_usuario_pass {
  display: none;
}
#direccion_envio_facturacion #nuevo_usuario_pass.ver {
  width: 100%;
  margin: -5px 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  border: none;
}
#nuevo_usuario_pass label {
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
#nuevo_usuario_pass label span {
  display: none;
}
/*OnePageCheckOut: formas de pago*/
#fMetodoPago {
  border-bottom:1px solid var(--c3);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#fMetodoPago label {
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
#fMetodoPago label:last-child {
  margin-bottom: 0;
}
#fMetodoPago input {
  display: none;
}
#fMetodoPago label:before {
  content: "";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border:1px solid var(--c1);
  text-align: center;
  margin-right: 10px;
  border-radius: 50%;
}
#fMetodoPago input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
  content: "✔";
  color: #FFF;
}
#fMetodoPago label img {
  width: 90px;
  margin: 0 10px 0 0;
}
#fMetodoPago .OtrasOpcionesPago {
  color: #000;
  font-size: 0.9rem;
  margin: 0;
  display: inline-block;
  background: url(../imgs/desplegar.svg) 100% 6px / 14px no-repeat;
  padding: 0 20px 0 0;
  cursor: pointer;
}
#fMetodoPago .OtrasOpcionesPago + div {
  display: none;
  margin-top: 30px;
}
/*OnePageCheckOut: carrito*/
.mOPC .productos_carrito .producto figure {
  flex: 0 75px;
  margin-right: 10px;
}
.mOPC .productos_carrito .w_precio_cantidad {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8rem;
  margin: auto 0 0;
  color: #AAA;
}
.mOPC .productos_carrito .precio_u {
  margin: 0;
}
.mOPC .productos_carrito .precio {
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
}
/*OnePageCheckOut: totales*/
.mOPC .resumen {
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin-bottom: 20px;
  border-radius:var(--b_radius);
}
.mOPC .resumen > * {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.mOPC .resumen .total {
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 0;
  flex-wrap: wrap;
}
.mOPC .resumen .tiempo_envio {
  font-size: 0.8rem;
  width: 100%;
  margin-top: 15px;
  text-align: center;
  color:var(--c4);
}
.mOPC .resumen .info_envio {
  margin-top: -18px;
  font-size: 0.65rem;
}
.mOPC .resumen .faltan {
  color:var(--c1);
  width: 100%;
  text-align: right;
}
.mOPC .btnPago {
  margin-bottom: 20px;
  background:var(--c1);
  display: block;
  text-align: center;
  color: #FFF;
  padding: 15px 0;
  font-size: 1.5rem;
  border-radius:var(--b_radius);
  font-weight: 500;
  letter-spacing: 1px;
  width: 100%;
}
.mOPC .btnPago[disabled] {
  opacity: 0.6;
  pointer-events: none;
}
.mOPC .continuar_comprando {
  display: block;
  text-align: center;
  color:var(--c1);
  font-size: 0.8rem;
  margin-bottom: 40px;
}
.mOPC .aceptar_condiciones {
  margin: 30px;
}
.mOPC .aceptar_condiciones label {
  width: 100%;
  display: block;
  color:var(--c1);
  margin: 4px 0 0 0px;
  font-size: 0.75rem;
  font-weight: 500;
}
.mOPC .aceptar_condiciones input {
  display: none;
}
.mOPC .aceptar_condiciones label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c1);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
.mOPC .aceptar_condiciones input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
}
#cOPCarrito #flInfoadicional {
  font-size: 0.8rem;
  border-radius:var(--b_radius);
  border: none;
  border:1px solid var(--c4);
  line-height: 0.9rem;
  padding: 7px 0 7px 5px;
  width: 100%;
  height: 75px;
  color: #666;
  margin-bottom: 20px;
}
/**/
#mbOPCarrito #cOPCarrito {
  display: flex;
  flex-direction: column;
}
#cOPCarrito .opCol {
  border-bottom:1px solid var(--c3);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
#cOPCarrito .opCol:last-of-type {
  border: none;
}
#cOPCarrito .opCol h2 {
  font-size: 1.2rem;
  margin: 0 0 20px 0;
  font-family:var(--f_menus);
  text-align: center;
}
#cOPCarrito .aceptar_condiciones label {
  width: 100%;
  display: block;
  color: #000;
  margin: 4px 0 25px 0px;
}
#cOPCarrito .aceptar_condiciones label a {
  text-decoration: underline;
}
#cOPCarrito .aceptar_condiciones input {
  display: none;
}
#cOPCarrito .aceptar_condiciones label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid var(--c1);
  text-align: center;
  margin-right: 6px;
  border-radius:var(--b_radius);
}
#cOPCarrito .aceptar_condiciones input:checked + label:before {
  background:var(--c1);
  border-color:var(--c1);
}
#cOPCarrito .msg {
  margin: 10px 0;
  font-size: 0.7rem;
}
#cOPCarrito .direccion p strong {
  font-size: 0.9rem;
}
#cOPCarrito .direccion p {
  margin-bottom: 0;
}
#cOPCarrito .direccion .botonera {
  margin: 15px 0 25px;
}
#cOPCarrito .direccion .botonera a, #cOPCarrito .direccion .botonera button {
  font-size: 0.85rem;
  border-radius:var(--b_radius);
}
#cOPCarrito .direccion p {
  float: none;
}
#cOPCarrito .msg.final li:last-child:first-child {
  text-align: center;
  list-style-type: none;
  margin: 0;
}
#cOPCarrito .msg.final li {
  margin: 5px 0;
  list-style-type: square;
  text-align: left;
  margin-left: 20px;
}
@media screen and (min-width: 600px) {
  #cOPCarrito {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
  }
  #cOPCarrito .opCol {
    width: 50%;
    border-bottom: none;
  }
  #cOPCarrito .opCol:nth-child(1) {
    border-right:1px solid var(--c3);
    padding-right: 20px;
  }
  #cOPCarrito .opCol:nth-child(2) {
    padding-left: 20px;
  }
  #cOPCarrito .opCol:nth-child(3) {
    width: 500px;
    border-top: 1px solid var(--c1);
    padding-top: 20px;
    margin: 0 auto;
  }
}
/*BLOG*/
.mProductos h1 {
  margin-bottom: 30px;
}
.mBlog .articulos article {
  text-align: center;
  color:var(--c2);
  margin-bottom: 30px;
}
.mBlog .articulos article p {
  margin-bottom: 5px;
  font-weight: 500;
}
.mBlog .articulos article p.resumen {
  font-size: 0.9rem;
  font-weight: 300;
  color: #999;
}
.mBlog .articulos img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.mBlog h1 {
  margin-bottom: 10px;
  font-family:var(--f_menus);
  color:var(--c2);
  text-transform: uppercase;
}
.tit_blog_movil {
  margin-bottom: 20px;
  font-size: 2.275rem;
  font-family:var(--f_menus);
  color:var(--c2);
  text-transform: uppercase;
}
.blog .categorias {
  margin: 40px 0;
  padding: 30px 0 0 10px;
  position: relative;
  text-transform: uppercase;
}
.blog .categorias:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  height: 1px;
  width: 80%;
  border-bottom:1px solid var(--c2);
}
.blog .categorias li {
  margin-bottom: 30px;
  font-family:var(--f_menus);
  font-size: 0.9rem;
}
.blog .categorias [sel] {
  color:var(--c2);
}
/*BLOG articulo*/
.mBlogArticulo h1 {
  margin-bottom: 30px;
  color: #000;
}
.mBlogArticulo figure {
  margin-bottom: 20px;
}
.mBlogArticulo figure img {
  width: 100%;
}
.mBlogArticulo .relacionados {
  margin-top: 60px;
}
.mBlogArticulo .categorias h2 {
  margin-bottom: 10px;
  font-family:var(--f_menus);
  color:var(--c2);
  text-transform: uppercase;
}
/*Contacto*/
.mContacto h1 {
  margin-bottom: 40px;
}
.mContacto input:not([type=checkbox]), .mContacto textarea {
  display: block;
  margin: 5px 0 20px;
  padding: 6px 5px;
  width: 100%;
  border:1px solid var(--c4);
  font-size: 0.9rem;
}
.mContacto textarea {
  height: 8rem;
  width: 100%;
}
.mContacto .btn {
  margin: 20px 0;
}
.mContacto address {
  line-height: 1.5rem;
  font-style: normal;
  font-size: 0.9rem;
}
.mContacto .msg {
  margin: 20px 0;
}
.mContacto .acepto_terminos {
  font-size: 0.8rem;
  line-height: 1.1rem;
}
.mContacto .acepto_terminos input {
  display: inline-block;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}
.mContacto iframe {
  width: 100%;
  margin-bottom: 40px;
}
.mContacto ul {
  list-style-type: initial;
  padding-left: 20px;
  margin-bottom: 40px;
}
.mContacto li {
  margin-bottom: 20px;
}
.mContacto form {
  margin-bottom: 40px;
}
.mContacto a {
  text-decoration: underline;
}
.mContacto #detalle {
  /*bots*/
  display: none;
}
/*Lista deseos*/
.mListaDeseos h1 {
  margin-bottom: 30px;
}
.mListaDeseos .eliminar_lista_deseos {
  font-size: 0.85rem;
  margin: 15px 0 0;
  cursor: pointer;
}
/*MINI CARRITO*/
.mini_carrito {
  z-index: 999;
  background: #FFF;
}
.mini_carrito .w_precio_cantidad {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  height: 100%;
  align-items: flex-end;
  justify-content: space-between;
}
.mini_carrito .precio_u {
  width: 100%;
  align-self: flex-start;
  margin: 0;
}
.mini_carrito .productos_carrito .producto figure {
  flex: 0 60px;
  margin-right: 10px;
}
.mini_carrito .productos_carrito .precio {
  margin: 0;
}
.mini_carrito .fin {
  text-align: center;
  font-size: 0.85rem;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.mini_carrito .total strong {
  font-size: 1.3rem;
  margin-left: 5px;
  line-height: 1;
}
.mini_carrito .ir_carrito {
  text-align: center;
  margin: 5px 0 0;
  width: 100%;
}
.mini_carrito .ir_carrito .btn {
  border-radius:var(--b_radius);
  padding: 10px;
  margin-top: 10px;
  background:url(/imgs/carro_blanco.svg) 90% 50% / auto 75% no-repeat var(--c1);
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 999px) {
  .mini_carrito {
    position: fixed;
    width: 95%;
    max-width: 450px;
    left: 50%;
    transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    /*en el top*/
    top: -20px;
    transform: translate(-50%, -100%);
    border-radius: 0 0 20px 20px;
    padding: 40px 20px 20px;
    /*en el bottom*/
    top: auto;
    bottom: -20px;
    padding: 20px 20px 40px 20px;
    transform: translate(-50%, 100%);
    border-radius: 20px 20px 0 0;
  }
  .mini_carrito.ver, .mini_carrito:hover {
    box-shadow: 0px 2px 19px -5px #000;
    transform: translatex(-50%) translatey(0);
  }
  .mini_carrito:after {
    content: "";
    position: absolute;
    bottom: 8px;
    height: 1px;
    background: #CCC;
    left: 30%;
    right: 30%;
  }
  .mini_carrito .productos_carrito {
    margin: 0;
  }
  .mini_carrito .mini_carrito_titulo {
    display: none;
  }
  .mini_carrito .productos_carrito .producto {
    display: none;
  }
  .mini_carrito .productos_carrito .producto .titulo {
    font-size: 0.8rem;
    color:var(--c1);
  }
  .mini_carrito .productos_carrito .producto:last-of-type {
    display: flex;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  /*.mini_carrito {
    box-shadow:0px 2px 19px -5px var(--c2);
    transform: translatex(-50%) translatey(0);
  }*/
}
@media screen and (min-width: 1000px) {
  .mini_carrito {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 360px;
    right: -361px;
    top: 1vh;
    max-height: 98vh;
    padding: 0 40px 0 0;
    overflow-y: auto;
    transition: right 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    border-radius: 10px 0 0 10px;
    border-left: 1px solid #CCC;
  }
  .mini_carrito .mini_carrito_titulo {
    text-align: center;
    width: 100%;
    display: block;
    text-transform: uppercase;
    font-size: 1.2rem;
    color:var(--c5);
    padding: 20px 20px 10px 20px;
    box-shadow:-1px 1px 3px -3px var(--c2);
    z-index: 2;
  }
  .mini_carrito .productos_carrito {
    overflow-y: auto;
    padding: 20px 20px 0 20px;
  }
  .mini_carrito .productos_carrito .producto .titulo {
    color: #000;
    font-size: 0.9rem;
  }
  .mini_carrito .fin {
    padding: 0 20px 20px;
  }
  .mini_carrito.ver, .mini_carrito:hover {
    right: -40px;
    box-shadow: -1px 4px 7px -5px rgba(0, 0, 0, 0.3), -4px -1px 7px -5px rgba(0, 0, 0, 0.3);
  }
  /*.mini_carrito {
    right: -40px;
    (*right: 0;*)
    box-shadow:-1px 4px 7px -5px var(--c2), -4px -1px 7px -5px var(--c2);
  }*/
}
/*QUIENES SOMOS*/
.bQuienes .pHeader {
  margin: 0;
}
.mQuienes .banner_pagina {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  color: #FFF;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  background: url(/imgs/bg_quienes.jpg) 0 0 / cover no-repeat;
}
.mQuienes .como {
  text-align: center;
  background: #ECECEC;
  position: relative;
  padding: 40px 0 0;
  margin: 15px 0;
}
.mQuienes .como:after {
  content: "";
  position: absolute;
  background: url(/imgs/bg_separador.png) 0 0 / 35px 15px repeat-x, url(/imgs/bg_separador.png) 100% 100% / 35px 15px repeat-x;
  left: 0;
  right: 0;
  top: -15px;
  bottom: -15px;
  pointer-events: none;
}
.mQuienes .como h2 {
  margin-bottom: 25px;
  letter-spacing: 2px;
  padding: 0 10px;
}
.mQuienes .como p {
  margin-bottom: 0;
  padding: 0 10px;
}
.mQuienes .w_videoEmbed {
  width: 80%;
  max-width: 800px;
  margin: 40px auto;
}
.mQuienes .w_videoEmbed + img {
  width: 100%;
  display: block;
}
.mQuienes .maton {
  text-align: center;
  background: #A7E1E3;
  color: #FFF;
  position: relative;
  padding: 40px 10px 40px;
}
.mQuienes .maton h2 {
  margin-bottom: 20px;
  text-align: left;
}
.mQuienes .maton h2 span {
  white-space: nowrap;
}
.mQuienes .maton h3 {
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 20px;
  text-align: left;
  line-height: 1.3;
}
.mQuienes .maton h3 span {
  background:var(--c_destacado);
  color:var(--c1);
  padding: 1px 5px;
  font-weight: bold;
  white-space: nowrap;
}
.mQuienes .maton p {
  text-align: left;
}
.mQuienes .maton .vermas {
  padding: 10px 15px;
  border-radius: 30px;
  background: #FFF;
  color:var(--c2);
}
.mQuienes .w_flex_id {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.mQuienes .w_flex_id img {
  width: 100%;
  max-width: 350px;
  margin-bottom: 30px;
  display: block;
  margin: 0 auto;
}
.mQuienes .ecovidrio {
  position: relative;
  padding: 50px 10px 50px;
}
.mQuienes .ecovidrio h2 div {
  color:var(--c1);
  margin: 5px 0 20px;
}
.mQuienes .recuerda {
  padding: 50px 10px 0;
}
.mQuienes .recuerda h2 {
  color:var(--c1);
  margin: 5px 0 20px;
}
.mQuienes .recuerda h2 div {
  color: #000;
}
@media screen and (min-width: 600px) {
  .mQuienes .w_flex_id {
    flex-direction: row;
    max-width: 1000px;
    margin: 0 auto 30px;
  }
  .mQuienes .w_flex_id figure {
    flex: 0 0 50%;
    padding-right: 40px;
  }
  .mQuienes .ecovidrio figure {
    order: 2;
    padding: 0 0 0 40px;
  }
}
.mQuienes .consejos {
  background:var(--c_destacado);
  padding: 50px 10px;
}
.mQuienes .consejos h2 {
  text-align: center;
  margin-bottom: 30px;
}
.mQuienes .consejos ul {
  padding: 0;
  margin: 0 auto;
  max-width: 800px;
}
.mQuienes .consejos li {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
}
.mQuienes .consejos li img {
  width: 100%;
  display: block;
  max-width: 300px;
  margin: 0 auto;
}
@media screen and (min-width: 500px) {
  .mQuienes .consejos ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .mQuienes .consejos li {
    flex: 0 35%;
  }
}
/*FAMOSOS*/
.bFamosos .pHeader {
  margin: 0;
}
.mFamosos .banner_pagina {
  background: #FF98AB;
  margin-bottom: 40px;
}
.mFamosos .banner_pagina img {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  display: block;
}
.mFamosos .w_famosos {
  padding: 10px;
}
.mFamosos .w_famosos img {
  width: 100%;
  display: block;
}
.mFamosos .famoso {
  position: relative;
  display: block;
  margin-bottom: 20px;
}
.mFamosos .famoso.mensaje div {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 20px;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: calc(100% + 0.2vw);
  color: #FFF;
  text-transform: uppercase;
}
.mFamosos .famoso.mensaje:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.mFamosos .hov {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:var(--c_destacado_t9);
  color:var(--c3);
  font-weight: bold;
  pointer-events: none;
  bottom: 100%;
  height: 0;
  overflow: hidden;
  transition: 0.5s ease;
  font-size: calc(100% + 1vw);
  text-transform: uppercase;
}
.mFamosos .famoso:hover .hov {
  bottom: 0;
  height: 100%;
  padding: 0 10px;
}
.mFamosos .fila1 .mensaje div {
  background:url(/imgs/img_manana_t.png) 0 -10% / 100% auto no-repeat var(--c2);
}
.mFamosos .fila2 .mensaje div {
  background:url(/imgs/bg_miniglu.svg) 50% 100% / 95% auto no-repeat var(--c1);
}
.mFamosos .fila4 .mensaje div {
  background:url(/imgs/bg_corazon.svg) 50% 30px / 120% auto no-repeat var(--c6);
}
.mFamosos .fila:nth-of-type(n+6) {
  display: none;
}
.mFamosos .fila.ver {
  display: block;
}
.mFamosos .ver_mas {
  text-align: center;
  margin-top: 50px;
}
.mFamosos .ver_mas span {
  background:var(--c1);
  width: 150px;
}
@media screen and (min-width: 500px) {
  .mFamosos .w_famosos {
    /*max-width: 1000px;*/
    /*margin: 0 auto;*/
  }
  .mFamosos .fila, .mFamosos .fila.ver {
    display: flex;
    margin: 0 auto 55px;
    justify-content: space-between;
    max-width: 1200px;
  }
  .mFamosos .fila > .famoso {
    margin-bottom: 0;
    flex: 0 0 30%;
  }
  .mFamosos .fila .g2 {
    display: flex;
    flex: 0 0 65%;
    justify-content: space-between;
  }
  .mFamosos .fila .g2 .famoso {
    flex: 0 0 46%;
    margin-bottom: 0;
  }
  /*Solo la 1,3 y 5 */
  .mFamosos .fila:nth-of-type(odd):nth-of-type(-n+5) > .famoso {
    flex: 0 0 65%;
  }
  .mFamosos .fila:nth-of-type(odd):nth-of-type(-n+5) .g2 {
    flex-direction: column;
    flex: 0 0 30%;
  }
  .mFamosos .fila:nth-of-type(odd):nth-of-type(-n+5) .g2 .famoso {
    flex: 0 0 30%;
  }
  .mFamosos .fila1 .g2 {
    flex-direction: row-reverse;
  }
  .mFamosos .fila2 {
    flex-direction: row-reverse;
  }
  .mFamosos .fila4 .g2 .mensaje {
    order: -1;
  }
  .mFamosos .fila:last-child {
    justify-content: space-around;
  }
  /*De la 6 en adelante*/
  .mFamosos .fila:nth-of-type(2n+6) > .famoso {
    flex: 0 0 65%;
  }
  .mFamosos .fila:nth-of-type(2n+6) .g2 {
    flex-direction: column;
    flex: 0 0 30%;
  }
  .mFamosos .fila:nth-of-type(2n+6) .g2 .famoso {
    flex: 0 0 30%;
  }
  .mFamosos .fila:nth-of-type(4n+4) {
    flex-direction: row-reverse;
  }
}
/*FAMOSOS*/
.mFamoso article {
  color:var(--c1);
}
.mFamoso hr {
  border: none;
  border:1px solid var(--c1);
  width: 80%;
  max-width: 600px;
  margin: 60px auto;
}
.mFamoso article h1 {
  margin: 0 10px 20px;
}
.mFamoso article .contenido_html {
  margin: 0 10px;
  color: #000;
}
.mFamoso article img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.mFamoso .famosos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}
.mFamoso .famosos figure {
  margin-bottom: 30px;
  flex: 1 0 calc(100% / 3);
  flex: 100%;
}
.mFamoso .famosos figcaption {
  background:var(--c1);
  text-align: center;
  padding: 10px;
  color: #FFF;
  text-transform: uppercase;
}
.mFamoso .famosos img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: top;
  display: block;
}
.mFamoso .sep {
  text-align: center;
}
/*compartir*/
.w_compartir {
  position: relative;
  position: absolute;
  bottom: -30px;
}
.w_compartir .compartir {
  outline: none;
  border: none;
  background: none;
  text-transform: uppercase;
  padding: 0;
}
.w_compartir .icos_compartir {
  display: none;
}
.w_compartir.ver .icos_compartir, .w_compartir .icos_compartir:hover {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  background:var(--c1);
  padding: 0 30px;
  border-radius: 10px;
  /*box-shadow: 1px 2px 5px -3px #000;*/
  z-index: 99999;
}
.w_compartir .icos_compartir a {
  padding: 8px 10px;
}
.w_compartir .icos_compartir img {
  display: block;
}
/*Custom checkbox*/
label.check {
  display: flex !important;
  text-align: left;
  margin: 0 20px 10px 0;
  justify-content: flex-start;
  --ancho-radio: 20px;
  align-items: center;
}
label.check input {
  display: none;
}
label.check span {
  cursor: pointer;
  position: relative;
  font-size: 0.8rem;
  position: relative;
  display: inline-block;
}
label.check .tick {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  flex:0 0 var(--ancho-radio);
  width:var(--ancho-radio);
  height:var(--ancho-radio);
  border:2px solid var(--c3);
  font-size: 1rem;
  border-radius: 50%;
  color: #FFF;
}
label.check .tick:after {
  content: "✓";
}
label.check input:checked + .tick {
  color: #FFF;
  background:var(--c1);
}
/*cookies*/
#AdvertenciaCookies {
  position: fixed;
  font-size: 0.75em;
  background:var(--c5);
  color: #FFF;
  opacity: 0.95;
  position: fixed;
  bottom: 50px;
  left: 50%;
  width: 450px;
  max-width: 90%;
  transform: translatex(-50%);
  line-height: 18px;
  z-index: 1998;
  border-radius: 10px;
  border:1px solid var(--c5);
  padding: 25px;
  box-shadow: 2px 2px 7px -1px #000;
}
#AdvertenciaCookies a {
  color: inherit;
  text-decoration: underline;
}
#AdvertenciaCookies p {
  margin-bottom: 20px;
}
#AdvertenciaCookies .check .tick {
  background: #FFF;
  color: #FFF;
  border-radius: 0;
  border: none;
}
#AdvertenciaCookies .check.necesarias {
  pointer-events: none;
  opacity: 0.6;
}
#AdvertenciaCookies .check .tick:after {
  background: #FFF;
}
#AdvertenciaCookies .check input:checked + .tick {
  content: "✓";
  color:var(--c5);
  font-weight: bold;
  background: #FFF;
  padding-right: 3px;
  font-size: 1.3rem;
}
#AdvertenciaCookies .botonera {
  display: flex;
  justify-content: end;
}
#AdvertenciaCookies button {
  padding: 10px 20px;
  text-align: right;
  margin: 0 0 0 10px;
  display: block;
  position: relative;
  z-index: 99;
  background: #FFF;
  color:var(--c5);
}
#AdvertenciaCookies .btn.rechazar {
  background: #666;
  color: #FFF;
}
/* BASES LEGALES*/
.mBasesLegales h1 {
  margin: 25px 0;
  text-align: center;
  color:var(--c1);
}
/*PERSONALIZADO*/
.mPersonalizado {
  margin-bottom: 20px;
}
.mPersonalizado button:disabled {
  pointer-events: none;
  cursor: none;
}
.mPersonalizado h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 2rem;
}
.mPersonalizado .info {
  max-width: 800px;
  margin: 0 auto 35px;
}
.mPersonalizado div.info p {
  text-align: center;
}
.mPersonalizado h4 {
  margin-bottom: 10px;
  font-weight: normal;
}
.mPersonalizado fieldset {
  margin: 0 0 50px 0;
  padding: 0;
  border: none;
}
.mPersonalizado .info .peso_txt {
  font-size: 0.9rem;
  color: #000;
}
.mPersonalizado .info .precio {
  margin: 0px 0 10px;
}
.mPersonalizado .info .precio span {
  font-size: 1.5em;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
  color: #000;
  font-weight: 400;
  font-family:var(--f_titulos);
}
.mPersonalizado .instrucciones {
  margin: 0 0 30px 0;
}
.mPersonalizado .instrucciones ul {
  margin-top: 5px;
}
.mPersonalizado .instrucciones summary {
  color:var(--c1);
}
.mPersonalizado .instrucciones summary span {
  color: #000;
}
.mPersonalizado .instrucciones li {
  list-style-type: none;
  line-height: 1.4;
  margin: 0 0 0 20px;
  font-size: 0.85rem;
}
.mPersonalizado .instrucciones li a {
  color:var(--c5);
  text-decoration: underline;
}
.mPersonalizado .instrucciones li:before {
  content: "▪";
  color:var(--c1);
  font-weight: bold;
  font-size: 1.3rem;
  display: inline-block;
  width: 1em;
  margin-left: -0.8em;
  top: 2px;
  position: relative;
}
.mPersonalizado .colores {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
  margin-bottom: 30px;
  justify-items: center;
  width: 200px;
}
.mPersonalizado [name=sku] {
  background:var(--color);
  border: 1px solid #666;
  appearance: initial;
  -moz-appearance: initial;
  -webkit-appearance: initial;
  width: 50px;
  height: 50px;
  border-collapse: collapse;
  outline: none;
}
.mPersonalizado [name=sku]:disabled {
  opacity: 0.1;
}
.mPersonalizado [name=sku]:checked {
  border: 3px solid #000;
  outline: none;
}
.mPersonalizado .prev_principal {
  position: relative;
  margin-bottom: 20px;
}
.mPersonalizado .previsualizacion {
  position: relative;
  overflow: hidden;
}
.mPersonalizado .minis .previsualizacion {
  width: 106px;
  cursor: pointer;
  height: 106px;
  display: inline-block;
  margin-right: 20px;
  border: 3px solid #FFF;
}
.mPersonalizado .minis .previsualizacion.sel {
  border-color:var(--c1);
  border-radius: 3px;
}
.mPersonalizado .previsualizacion .plantilla {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  display: block;
}
.mPersonalizado .minis .previsualizacion:hover:after {
  content: "Vista frontal";
  display: block;
  position: absolute;
  padding: 2px;
  bottom: -10px;
  text-align: center;
  font-size: 0.85rem;
  left: 0;
  z-index: 9999;
  width: 100px;
  height: 30px;
  color: #FFF;
  background:var(--c1);
}
.mPersonalizado .minis .previsualizacion.back:hover:after {
  content: "Vista trasera";
}
.mPersonalizado .prev_principal .btns {
  content: "";
  position: absolute;
  display: block;
  bottom: 10px;
  right: 10px;
  z-index: 3;
}
.mPersonalizado .btn_ampliar {
  background: url(/imgs/ico_zoom.svg) 50% / auto 20px no-repeat;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 0;
  padding: 20px;
}
.mPersonalizado .btn_ampliar:hover:after {
  display: block;
  content: "AMPLIAR";
  font-size: 0.9rem;
  color:var(--c5);
  height: 60px;
  width: 30px;
  position: absolute;
  left: -75px;
  top: 13px;
}
.mPersonalizado .btn_descargar {
  background: url(/imgs/descarga.svg) 50% / auto 23px no-repeat;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 0;
  padding: 20px;
  margin-right: 10px;
  pointer-events: none;
  opacity: 0.3;
}
.mPersonalizado .btn_descargar:hover:after {
  display: block;
  content: "DESCARGAR";
  font-size: 0.9rem;
  color:var(--c5);
  height: 60px;
  width: 30px;
  position: absolute;
  left: -102px;
  top: 13px;
}
.bPersonalizado.descargable .btn_descargar {
  pointer-events: all;
  opacity: 1;
}
.bPersonalizado.subiendo .btn_descargar {
  pointer-events: none;
  opacity: 1;
  background: url(/imgs/cargando_verde.svg) 50% / auto 23px no-repeat;
}
.mPersonalizado .img_cliente {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 36%;
  width: 100%;
  height: 50%;
  object-fit: cover;
}
.mPersonalizado #img_cliente_back1 {
  z-index: 1;
  position: absolute;
  left: -50%;
  top: 36%;
  width: 100%;
  height: 50%;
  object-fit: fill;
}
.mPersonalizado #img_cliente_back2 {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 36%;
  width: 100%;
  height: 50%;
  object-fit: fill;
}
.mPersonalizado .fich input {
  display: none;
}
.mPersonalizado .fich {
  margin-bottom: 30px;
}
.mPersonalizado button, .mPersonalizado .btn {
  font-size: 1.3em;
  font-family: var(--f_menus);
  background:var(--c7);
  border:3px solid var(--c8);
  padding: 9px 30px 10px;
  border-radius: 30px;
  color: #FFF;
  cursor: pointer;
  transition: padding 0.3s linear;
}
.mPersonalizado .btn_subir_imagen {
  color:var(--c5);
  border:1px solid var(--c5);
  background: #FFF;
  font-size: 1rem;
}
.mPersonalizado .botonera {
  margin-top: 0;
  text-align: center;
}
.bPersonalizado .btn_comprar {
  margin-right: 10px;
}
.bPersonalizado .btn_cancelar {
  background: #CCC;
  border: none;
}
.bPersonalizado.enviando .btn_comprar {
  background:url(/imgs/cargando.svg) 90% / 20px no-repeat var(--c1);
  padding-right: 50px;
  pointer-events: none;
}
.bPersonalizado.enviando .btn_cancelar {
  display: none;
}
.mPersonalizado #img_full {
  position: fixed;
  background: none;
  z-index: -1;
  transform: scale(0);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  overflow: auto;
  text-align: center;
  transition: background 0.1s linear;
}
.mPersonalizado #img_full.ver {
  transform: scale(1);
  z-index: 9999;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.8);
}
.mPersonalizado #img_full .previsualizacion {
  position: relative;
  transform-origin: top center;
  top: 20px;
  width: 1000px;
  margin: 0;
  max-width: calc(100% - 20px);
  color: #000;
  text-align: left;
  display: inline-block;
}
.mPersonalizado #img_full .previsualizacion:after {
  content: none;
}
.mPersonalizado #img_full .cerrar {
  position: absolute;
  top: 20px;
  background: #000;
  color: #FFF;
  font-size: 2.5rem;
  width: 40px;
  z-index: 3;
  cursor: pointer;
}
.mPersonalizado .precios_x_cantidad p {
  margin: 0 0 3px 0;
  font-size: 85%;
  color:var(--c5);
}
@media screen and (min-width: 700px) {
  .mPersonalizado #miniglu_custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mPersonalizado .w_previsualizacion {
    margin-right: 40px;
    flex: 0 50%;
    align-self: start;
  }
  .mPersonalizado .prev_principal {
    position: relative;
  }
  .mPersonalizado fieldset {
    /*flex: 1;*/
    max-width: calc(50% - 40px);
  }
  .mPersonalizado .colores {
    flex: 1;
    justify-items: start;
  }
  .mPersonalizado [name=sku] {
    width: 40px;
    height: 40px;
  }
  .mPersonalizado .botonera {
    text-align: left;
  }
}
/*MSG modal*/
#modal_msg .botonera {
  text-align: center;
  margin-top: 20px;
}
#modal_msg .botonera .btn_cerrar {
  font-size: 1.3em;
  font-family: var(--f_menus);
  background: var(--c7);
  border: 3px solid var(--c8);
  padding: 9px 30px 10px;
  border-radius: 30px;
  color: #FFF;
  cursor: pointer;
  transition: padding 0.3s linear;
}
/*Popup salida*/
#modal_salida:not(.ver) {
  background: transparent;
  transform: scale(1);
  bottom: auto;
  height: 10px;
  pointer-events: auto;
  z-index: 9999;
}
#modal_salida.ver {
  display: grid;
  place-items: center;
}
#modal_salida img {
  width: 100%;
  height: auto;
  display: block;
  margin: 20px 0 0;
}
#modal_salida header {
  color: inherit;
  font-weight: bold;
  font-size: 2.3rem;
  margin-bottom: 25px;
}
#modal_salida .cont_contenido {
  background:var(--c1);
  color: #FFF;
  font-size: 1.6rem;
  text-align: center;
  border-radius: 30px;
  width: auto;
  padding: 50px;
}
#modal_salida .cerrar {
  color: #FFF;
  font-size: 3rem;
  top: 20px;
  right: 20px;
}
#modal_salida .cont_contenido strong {
  display: block;
  color: inherit;
  font-weight: bold;
  font-size: 4rem;
  margin: 5px 0;
}
#modal_salida .cont_contenido button {
  color:var(--c1);
  margin-top: 20px;
  padding: 5px 40px;
  border-radius: 30px;
  cursor: pointer;
  background: #FFF;
  /*outline: none;*/
}
#modal_salida .cont_contenido button:hover {
  color:var(--c7);
  background:var(--c8);
}
#modal_salida .cont_contenido small {
  display: block;
  font-size: 0.85rem;
  cursor: pointer;
}
#modal_salida .btn_cerrar {
  margin-top: 30px;
  background: #FFF;
  color: var(--c1);
  font-size: 1rem;
  border-radius: 30px;
}
/*Regalo miniglu*/
.mRegaloEcolatras .producto_listados .btn_compra {
  display: none;
}
.mRegaloEcolatras .producto_listados .precio {
  display: none;
}
.mRegaloEcolatras .producto_listados .sellos {
  display: none;
}
/*cABECERA*/
.DisneyMay2023 h2 {
  display: none;
}
.DisneyMay2023 {
  width: 100%;
}
.DisneyMay2023 img {
  max-width: 100%;
}
/* SWIPER BANNER*/
.swipper_bloques {
    width: 100%;
    aspect-ratio: 1;
    aspect-ratio: 1920 / 800;
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 30px;
  }
  .swipper_bloques img {
    width: 100%;
    height: auto;
  }
  .swipper_bloques-button-next, .swipper_bloques-button-prev {
    opacity: 0.2;
    transition: 0.3s;
  }
  .swipper_bloques:hover .swipper_bloques-button-next, .swipper_bloques:hover .swipper_bloques-button-prev {
    opacity: 1;
  }
  .swipper_bloques .info_banner {
    font-size: 2rem;
    color: var(--swiper-theme-color);
  }
  .swipper_bloques .info_banner {
    color: var(--swiper-theme-color);
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    text-align: right;
  }
  .swipper_bloques .info_banner .linea1 {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0px;
  }
  .swipper_bloques .info_banner .linea2 {
    margin-bottom: 10px;
  }
  .swipper_bloques .info_banner .linea_boton a {
    background-color:var(--c1);
    color: #FFF;
    font-weight: 400;
    padding: 8px 30px;
    border-radius: var(--b_radius);
    text-decoration: none;
    font-size: 1.3rem;
    white-space: nowrap;
  }
  .swiper-slide a {
    position: absolute;
    inset: 0;
  }
  @media only screen and (min-width: 768px) {
    .swipper_bloques {
      aspect-ratio: 1920 / 800;
    }
    .swipper_bloques .info_banner {
      top: auto;
      bottom: 15%;
      right: 6.6%;
      left: auto;
      transform: none;
    }
    .swipper_bloques .info_banner .linea_boton a {
      font-size: 2vw;
    }
  }
  @media only screen and (min-width: 1500px) {
    .swipper_bloques .info_banner .linea_boton a {
      font-size: 2rem;
    }
}