.blanco {
  color: #FFF;
}
.bg-blanco {
  background: #FFF;
}
.fill-blanco {
  fill: #FFF;
}
.negro {
  color: #000;
}
.bg-negro {
  background: #000;
}
.fill-negro {
  fill: #000;
}
.color5 {
  color: #9e1109;
}
.bg-color5 {
  background-color: #9e1109;
}
.fill-color5 {
  fill: #9e1109;
}
.color5l {
  color: #f2271b;
}
.color5d {
  color: #3d0704;
}
.color4 {
  color: #373737;
}
.bg-color4 {
  background-color: #373737;
}
.fill-color4 {
  fill: #373737;
}
.color4l {
  color: #6a6a6a;
}
.color4d {
  color: #040404;
}
.color3 {
  color: #2A2C2B;
}
.bg-color3 {
  background-color: #2A2C2B;
}
.fill-color3 {
  fill: #2A2C2B;
}
.color3l {
  color: #5c605e;
}
.color3d {
  color: #000000;
}
.color2 {
  color: #1D1D1B;
}
.bg-color2 {
  background-color: #1D1D1B;
}
.fill-color2 {
  fill: #1D1D1B;
}
.color2l {
  color: #52524c;
}
.color2d {
  color: #000000;
}
.color1 {
  color: #CD2016;
}
.bg-color1 {
  background-color: #CD2016;
}
.fill-color1 {
  fill: #CD2016;
}
.color1l {
  color: #ed645c;
}
.color1d {
  color: #71120c;
}
.gris9 {
  color: #0b0b0b;
}
.bg-gris9 {
  background-color: #0b0b0b;
}
.fill-gris9 {
  fill: #0b0b0b;
}
.gris9l {
  color: #3e3e3e;
}
.gris9d {
  color: #000000;
}
.gris8 {
  color: #242424;
}
.bg-gris8 {
  background-color: #242424;
}
.fill-gris8 {
  fill: #242424;
}
.gris8l {
  color: #575757;
}
.gris8d {
  color: #000000;
}
.gris7 {
  color: #3c3c3c;
}
.bg-gris7 {
  background-color: #3c3c3c;
}
.fill-gris7 {
  fill: #3c3c3c;
}
.gris7l {
  color: #6f6f6f;
}
.gris7d {
  color: #090909;
}
.gris6 {
  color: #545454;
}
.bg-gris6 {
  background-color: #545454;
}
.fill-gris6 {
  fill: #545454;
}
.gris6l {
  color: #878787;
}
.gris6d {
  color: #212121;
}
.gris5 {
  color: #6d6d6d;
}
.bg-gris5 {
  background-color: #6d6d6d;
}
.fill-gris5 {
  fill: #6d6d6d;
}
.gris5l {
  color: #a0a0a0;
}
.gris5d {
  color: #3a3a3a;
}
.gris4 {
  color: #858585;
}
.bg-gris4 {
  background-color: #858585;
}
.fill-gris4 {
  fill: #858585;
}
.gris4l {
  color: #b8b8b8;
}
.gris4d {
  color: #525252;
}
.gris3 {
  color: #9e9e9e;
}
.bg-gris3 {
  background-color: #9e9e9e;
}
.fill-gris3 {
  fill: #9e9e9e;
}
.gris3l {
  color: #d1d1d1;
}
.gris3d {
  color: #6b6b6b;
}
.gris2 {
  color: #b6b6b6;
}
.bg-gris2 {
  background-color: #b6b6b6;
}
.fill-gris2 {
  fill: #b6b6b6;
}
.gris2l {
  color: #e9e9e9;
}
.gris2d {
  color: #838383;
}
.gris1 {
  color: #eeeeee;
}
.bg-gris1 {
  background-color: #eeeeee;
}
.fill-gris1 {
  fill: #eeeeee;
}
.gris1l {
  color: #ffffff;
}
.gris1d {
  color: #bbbbbb;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Light.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
.font1,
.font2,
.font3,
.font4 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}
h1,
.h1 {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 3em;
  font-weight: 400;
  position: relative;
}
h1::after,
.h1::after {
  content: '';
  display: block;
  width: 1.2em;
  border-bottom: 0.07em solid #CD2016;
  margin-top: 0.2em;
}
h2,
.h2 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6em;
  font-weight: 300;
}
h3,
.h3,
p.producto {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 2em;
  font-weight: 400;
}
h4,
.h4 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6em;
}
p,
.p,
ul {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1em;
  line-height: 1.7em;
}
html.deskm h1,
html.deskm .h1 {
  font-size: 2.4em;
}
html.deskm h2,
html.deskm .h2 {
  font-size: 2em;
}
html.deskm h3,
html.deskm .h3 {
  font-size: 1.65em;
}
html.deskm h4,
html.deskm .h4 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
}
html.desks h1,
html.desks .h1 {
  font-size: 2.3em;
}
html.desks h2,
html.desks .h2 {
  font-size: 1.9em;
}
html.desks h3,
html.desks .h3 {
  font-size: 1.5em;
}
html.desks h4,
html.desks .h4 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.35em;
}
html.mob h1,
html.mob .h1 {
  font-size: 2.3em;
  text-align: center;
}
html.mob h1::after,
html.mob .h1::after {
  margin: 0.2em auto 0 auto !important;
}
html.mob h2,
html.mob .h2 {
  font-size: 2em;
  text-align: center;
}
html.mob h3,
html.mob .h3 {
  font-size: 1.6em;
}
html.mob h4,
html.mob .h4 {
  font-size: 1.35em;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a,
a:link,
a:visited,
a:active {
  color: #CD2016;
}
a:hover {
  color: #CD2016;
}
ul {
  list-style: none;
  margin-left: 1em;
}
ul li::before {
  content: "\2022";
  color: #CD2016;
  font-weight: bold;
  display: inline-block;
  width: 1em;
}
.small {
  font-size: 70%;
}
.big {
  font-size: 130%;
}
.col5 {
  width: 5%;
}
.col10 {
  width: 10%;
}
.col15 {
  width: 15%;
}
.col20 {
  width: 20%;
}
.col25 {
  width: 25%;
}
.col30 {
  width: 30%;
}
.col35 {
  width: 35%;
}
.col40 {
  width: 40%;
}
.col45 {
  width: 45%;
}
.col50 {
  width: 50%;
}
.col55 {
  width: 55%;
}
.col60 {
  width: 60%;
}
.col65 {
  width: 65%;
}
.col70 {
  width: 70%;
}
.col75 {
  width: 75%;
}
.col80 {
  width: 80%;
}
.col85 {
  width: 85%;
}
.col90 {
  width: 90%;
}
.col95 {
  width: 95%;
}
.col100 {
  width: 100%;
}
.m0 {
  margin: 0;
}
.m0t {
  margin-top: 0;
}
.m0r {
  margin-right: 0;
}
.m0b {
  margin-bottom: 0;
}
.m0l {
  margin-left: 0;
}
.m0x {
  margin-left: 0;
  margin-right: 0;
}
.m0y {
  margin-top: 0;
  margin-bottom: 0;
}
.m1 {
  margin: 1em;
}
.m1t {
  margin-top: 1em;
}
.m1r {
  margin-right: 1em;
}
.m1b {
  margin-bottom: 1em;
}
.m1l {
  margin-left: 1em;
}
.m1x {
  margin-left: 1em;
  margin-right: 1em;
}
.m1y {
  margin-top: 1em;
  margin-bottom: 1em;
}
.m2 {
  margin: 2em;
}
.m2t {
  margin-top: 2em;
}
.m2r {
  margin-right: 2em;
}
.m2b {
  margin-bottom: 2em;
}
.m2l {
  margin-left: 2em;
}
.m2x {
  margin-left: 2em;
  margin-right: 2em;
}
.m2y {
  margin-top: 2em;
  margin-bottom: 2em;
}
.m3 {
  margin: 3em;
}
.m3t {
  margin-top: 3em;
}
.m3r {
  margin-right: 3em;
}
.m3b {
  margin-bottom: 3em;
}
.m3l {
  margin-left: 3em;
}
.m3x {
  margin-left: 3em;
  margin-right: 3em;
}
.m3y {
  margin-top: 3em;
  margin-bottom: 3em;
}
.m4 {
  margin: 4em;
}
.m4t {
  margin-top: 4em;
}
.m4r {
  margin-right: 4em;
}
.m4b {
  margin-bottom: 4em;
}
.m4l {
  margin-left: 4em;
}
.m4x {
  margin-left: 4em;
  margin-right: 4em;
}
.m4y {
  margin-top: 4em;
  margin-bottom: 4em;
}
.m5 {
  margin: 5em;
}
.m5t {
  margin-top: 5em;
}
.m5r {
  margin-right: 5em;
}
.m5b {
  margin-bottom: 5em;
}
.m5l {
  margin-left: 5em;
}
.m5x {
  margin-left: 5em;
  margin-right: 5em;
}
.m5y {
  margin-top: 5em;
  margin-bottom: 5em;
}
.m7 {
  margin: 7em;
}
.m7t {
  margin-top: 7em;
}
.m7r {
  margin-right: 7em;
}
.m7b {
  margin-bottom: 7em;
}
.m7l {
  margin-left: 7em;
}
.m7x {
  margin-left: 7em;
  margin-right: 7em;
}
.m7y {
  margin-top: 7em;
  margin-bottom: 7em;
}
.m10 {
  margin: 10em;
}
.m10t {
  margin-top: 10em;
}
.m10r {
  margin-right: 10em;
}
.m10b {
  margin-bottom: 10em;
}
.m10l {
  margin-left: 10em;
}
.m10x {
  margin-left: 10em;
  margin-right: 10em;
}
.m10y {
  margin-top: 10em;
  margin-bottom: 10em;
}
.p0 {
  padding: 0;
}
.p0t {
  padding-top: 0;
}
.p0r {
  padding-right: 0;
}
.p0b {
  padding-bottom: 0;
}
.p0l {
  padding-left: 0;
}
.p0x {
  padding-left: 0;
  padding-right: 0;
}
.p0y {
  padding-top: 0;
  padding-bottom: 0;
}
.p1 {
  padding: 1em;
}
.p1t {
  padding-top: 1em;
}
.p1r {
  padding-right: 1em;
}
.p1b {
  padding-bottom: 1em;
}
.p1l {
  padding-left: 1em;
}
.p1x {
  padding-left: 1em;
  padding-right: 1em;
}
.p1y {
  padding-top: 1em;
  padding-bottom: 1em;
}
.p2 {
  padding: 2em;
}
.p2t {
  padding-top: 2em;
}
.p2r {
  padding-right: 2em;
}
.p2b {
  padding-bottom: 2em;
}
.p2l {
  padding-left: 2em;
}
.p2x {
  padding-left: 2em;
  padding-right: 2em;
}
.p2y {
  padding-top: 2em;
  padding-bottom: 2em;
}
.p3 {
  padding: 3em;
}
.p3t {
  padding-top: 3em;
}
.p3r {
  padding-right: 3em;
}
.p3b {
  padding-bottom: 3em;
}
.p3l {
  padding-left: 3em;
}
.p3x {
  padding-left: 3em;
  padding-right: 3em;
}
.p3y {
  padding-top: 3em;
  padding-bottom: 3em;
}
.p4 {
  padding: 4em;
}
.p4t {
  padding-top: 4em;
}
.p4r {
  padding-right: 4em;
}
.p4b {
  padding-bottom: 4em;
}
.p4l {
  padding-left: 4em;
}
.p4x {
  padding-left: 4em;
  padding-right: 4em;
}
.p4y {
  padding-top: 4em;
  padding-bottom: 4em;
}
.p5 {
  padding: 5em;
}
.p5t {
  padding-top: 5em;
}
.p5r {
  padding-right: 5em;
}
.p5b {
  padding-bottom: 5em;
}
.p5l {
  padding-left: 5em;
}
.p5x {
  padding-left: 5em;
  padding-right: 5em;
}
.p5y {
  padding-top: 5em;
  padding-bottom: 5em;
}
.p7 {
  padding: 7em;
}
.p7t {
  padding-top: 7em;
}
.p7r {
  padding-right: 7em;
}
.p7b {
  padding-bottom: 7em;
}
.p7l {
  padding-left: 7em;
}
.p7x {
  padding-left: 7em;
  padding-right: 7em;
}
.p7y {
  padding-top: 7em;
  padding-bottom: 7em;
}
.p10 {
  padding: 10em;
}
.p10t {
  padding-top: 10em;
}
.p10r {
  padding-right: 10em;
}
.p10b {
  padding-bottom: 10em;
}
.p10l {
  padding-left: 10em;
}
.p10x {
  padding-left: 10em;
  padding-right: 10em;
}
.p10y {
  padding-top: 10em;
  padding-bottom: 10em;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 4em auto auto auto auto auto;
  grid-template-rows: 4em auto auto auto auto auto;
      grid-template-areas: 'header' 'banner' 'main' 'fotoFooter' 'rotpunkt' 'footer';
}
picture,
picture img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
body {
  margin: 0;
  padding: 0;
}
.banner {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: banner;
  margin: 0;
  padding: 0;
}
main {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: main;
  background-color: #eeeeee;
}
body#controlPanel > main {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
main h1 {
  margin-bottom: 1em;
}
.separadorTop {
  width: 100%;
  border-top: 1px solid #6d6d6d;
  margin-top: 0.2em;
  display: block;
}
.separadorBottom {
  width: 100%;
  border-bottom: 1px solid #6d6d6d;
  margin-bottom: 0.2em;
  display: block;
}
.boton {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: auto;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.boton:hover {
  color: #a2a2a2;
  background: #FFF;
  border: 2px solid #FFF;
}
.botonBlanco {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: auto;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid #CD2016;
  color: #CD2016;
}
.botonBlanco:hover {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  background-color: transparent;
  border: 2px solid #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: auto;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-color: #CD2016;
  color: #FFF;
}
.botonNegro {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: auto;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid #CD2016;
  color: #242424;
}
.botonNegro:hover {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0.5em 1.25em;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  background-color: transparent;
  border: 2px solid #FFF;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: auto;
  height: auto;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border: 2px solid #CD2016;
  background-color: #CD2016;
  color: #FFF;
}
.boton.deshabilitado {
  cursor: default;
  border: 2px solid #6d6d6d;
  color: #6d6d6d;
}
.boton.habilitado {
  cursor: pointer;
  border: 2px solid #CD2016;
  color: #FFF;
}
html.res1920 .slide img,
html.res1920 #divBannerProducto {
  max-height: 720px;
  min-height: 600px;
}
html.res1600 .slide img,
html.res1600 #divBannerProducto {
  max-height: 600px;
  min-height: 576px;
}
html.res1536 .slide img,
html.res1536 #divBannerProducto {
  max-height: 576px;
  min-height: 541px;
}
html.res1440 .slide img,
html.res1440 #divBannerProducto {
  max-height: 541px;
  min-height: 513px;
}
html.res1366 .slide img,
html.res1366 #divBannerProducto {
  max-height: 513px;
  min-height: 480px;
}
html.res1280 .slide img,
html.res1280 #divBannerProducto {
  max-height: 480px;
  min-height: 384px;
}
html.res1024 .slide img,
html.res1024 #divBannerProducto {
  max-height: 384px;
  min-height: 300px;
}
html.tabv .slide img,
html.tabv #divBannerProducto {
  max-height: 768px;
  min-height: 232px;
}
html.tabv .colFotoPrincipal {
  max-height: 768px;
  min-height: 432px;
}
html.res432 .slide img,
html.res432 #divBannerProducto {
  max-height: 432px;
  min-height: 360px;
}
html.res432 .colFotoPrincipal {
  max-height: 432px;
  min-height: 360px;
}
html.res360 .slide img,
html.res360 #divBannerProducto {
  max-height: 360px;
  min-height: 320px;
}
html.res360 .colFotoPrincipal {
  max-height: 360px;
  min-height: 320px;
}
.gridLista {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr 3em 1fr 3em 1fr;
  grid-template-columns: repeat(5, 1fr);
  grid-column: auto / span 3;
  gap: 3em;
}
.gridLista .gridItem {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto auto;
  grid-template-rows: 1fr auto auto;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  padding-top: 2em;
  padding-bottom: 2em;
}
.gridLista .gridItem .contenedorImg {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.gridLista .gridItem .contenedorImg img {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
  z-index: 1;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  width: 101% !important;
  max-height: 101% !important;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.gridLista .gridItem .contenedorInfo {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
}
.gridLista .gridItem .contenedorInfo .contenedorCatGen {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 1fr;
  grid-template-columns: 3fr 1fr;
      grid-template-areas: 'categoria genero';
  border-top: 1px solid #b6b6b6;
  padding-top: 0.4em;
  border-bottom: 1px solid #b6b6b6;
  padding-bottom: 0.4em;
}
.gridLista .gridItem .contenedorInfo .contenedorCatGen .categoria {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: categoria;
  margin: 0;
  margin-left: 0.5em;
  text-align: left;
  cursor: pointer;
}
.gridLista .gridItem .contenedorInfo .contenedorCatGen .genero {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: genero;
  margin: 0;
  margin-right: 0.5em;
  text-align: right;
  cursor: pointer;
}
.gridLista .gridItem .contenedorInfo .producto {
  line-height: 1em;
  margin: 0.5em auto;
  text-transform: capitalize;
  text-align: center;
  cursor: pointer;
}
.gridLista .gridItem .contenedorInfo .precio {
  font-size: 1.35em;
  margin: 0;
  text-align: center;
}
.gridLista .gridItem .botonContenedor {
  text-align: center;
  margin-top: 1em;
}
.gridLista .gridItem .botonContenedor .boton {
  color: #3c3c3c;
  background: #FFF;
  border: 2px solid #CD2016;
}
html.desk .gridLista .gridItem .contenedorInfo .producto:hover {
  cursor: pointer;
}
html.desk .gridLista .gridItem .contenedorImg:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  cursor: pointer;
}
html.desk .gridLista .gridItem .boton:hover {
  color: #FFF;
  background-color: #CD2016;
  border: 2px solid #CD2016;
}
html.tabh .gridLista {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
html.tabh #home .gridLista > *:nth-child(n+5) {
  display: none;
}
html.tabv .gridLista,
html.mobh .gridLista {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
html.tabv #home .gridLista > *:nth-child(n+5),
html.mobh #home .gridLista > *:nth-child(n+5) {
  display: none;
}
html.mobv .gridLista {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
html.mobv #home .gridLista > *:nth-child(n+3) {
  display: none;
}
main #destacadosHome {
  padding-top: 4em;
  padding-bottom: 4em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% 1fr 3%;
  grid-template-columns: 3% 1fr 3%;
      grid-template-areas: 'listaTit listaTit listaTit' 'margenIzq gridDestacadosHome margenDer';
}
main #destacadosHome .gridLista {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: gridDestacadosHome;
}
main #destacadosHome h1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: listaTit;
  text-align: center;
}
main #destacadosHome h1::after {
  margin: 0.2em auto 0 auto !important;
}
main #linksGeneros {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  cursor: pointer;
}
main #linksGeneros .hoverContenedor {
  position: relative;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
}
main #linksGeneros .hoverContenedor .hoverTxt {
  position: absolute;
  top: 75%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #FFF;
  text-transform: uppercase;
  z-index: 2;
  pointer-events: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
main #linksGeneros .hoverContenedor .hoverImg img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease;
  transition: transform 0.3s ease, filter 0.3s ease, -webkit-transform 0.3s ease, -webkit-filter 0.3s ease;
}
main #linksGeneros .hoverContenedor:hover .hoverImg img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-filter: brightness(0.4);
          filter: brightness(0.4);
}
html.mobh main #destacadosHome {
  padding-top: 2em;
}
html.mobh #linksGeneros {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
html.mobv main #destacadosHome {
  padding-top: 2em;
}
html.mobv #linksGeneros {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
body#home #fotoFooter {
  display: none;
}
body#catalogo main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% 1fr 3%;
  grid-template-columns: 3% 1fr 3%;
      grid-template-areas: 'catalogoBanner catalogoBanner catalogoBanner' 'margenIzq divContenedor margenDer';
}
body#catalogo main #catalogoBanner {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: catalogoBanner;
}
body#catalogo main #divContenedor {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: divContenedor;
  margin-top: 2em;
  margin-bottom: 2em;
}
.lineaCatGen {
  border-top: 1px solid #6d6d6d;
  margin-top: 0.2em;
  width: 100%;
  border-bottom: 1px solid #6d6d6d;
  margin-bottom: 0.2em;
  display: block;
  display: -ms-grid;
  display: grid;
  background: #FFF;
  z-index: 9999;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lineaCatGen .categoria {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-grid-column-align: start;
      justify-self: start;
}
.lineaCatGen .genero {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-grid-column-align: end;
      justify-self: end;
}
body#productos main #divContenedorProducto {
  background: #FFF;
  padding: 0;
  padding-top: 4em;
  padding-bottom: 7em;
  display: -ms-grid;
  display: grid;
  gap: 3em;
  -ms-grid-columns: 3% 3em 1fr 3em 1fr 3em 3%;
  grid-template-columns: 3% 1fr 1fr 3%;
  -ms-grid-rows: auto 3em auto 3em auto 3em auto 3em auto 3em auto 3em auto 3em auto;
      grid-template-areas: 'margenIzq colFotoPrincipal colInfo margenDer' 'margenIzq colDetalles colDetalles margenDer' 'margenIzq colTitColores colTitColores margenDer' 'margenIzq colColores colColores margenDer' 'margenIzq colTitTalles colTitTalles margenDer' 'margenIzq colTalles colTalles margenDer' 'margenIzq colTitComercios colTitComercios margenDer' 'margenIzq colComercios colComercios margenDer';
}
body#productos main #divContenedorProducto .colFotoPrincipal {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: colFotoPrincipal;
  background: #FFF;
  -ms-grid-row-align: center;
      align-self: center;
}
body#productos main #divContenedorProducto .colInfo {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: colInfo;
}
body#productos main #divContenedorProducto .colInfo h1 {
  margin-top: 1em;
}
body#productos main #divContenedorProducto .colInfo button {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 2em;
}
body#productos main #divContenedorProducto .colInfo button:first-of-type {
  margin-left: 0;
}
body#productos main #divContenedorProducto .colInfo button:last-of-type {
  margin-right: 0;
}
body#productos main #divContenedorProducto .colInfo .precio {
  font-size: 1.35em;
  font-weight: 400;
  margin-top: 1em;
}
body#productos main #divContenedorProducto .colDetalles {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colDetalles;
  display: -ms-grid;
  display: grid;
  gap: 3em;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr;
  grid-template-columns: repeat(3, 1fr);
}
body#productos main #divContenedorProducto #anchorColores {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colTitColores;
  margin-top: 1em;
}
body#productos main #divContenedorProducto .colColores {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colColores;
  display: -ms-grid;
  display: grid;
  gap: 3em;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr 3em 1fr 3em 1fr;
  grid-template-columns: repeat(5, 1fr);
}
body#productos main #divContenedorProducto .colColores .itemColor {
  padding-top: 1em;
  padding-bottom: 1em;
}
body#productos main #divContenedorProducto .colColores .itemColor .color {
  font-size: 1.4em;
  text-transform: capitalize;
  text-align: center;
  margin-top: 0.3em;
}
body#productos main #divContenedorProducto #anchorTalles {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colTitTalles;
  margin-top: 1em;
}
body#productos main #divContenedorProducto .colTalles {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colTalles;
}
body#productos main #divContenedorProducto .colTalles img {
  width: 60%;
}
body#productos main #divContenedorProducto #anchorComercios {
  -ms-grid-row: 13;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colTitComercios;
  margin-top: 1em;
}
body#productos main #divContenedorProducto .contenedorComercios {
  -ms-grid-row: 15;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: colComercios;
}
body#productos main #divContenedorProducto .contenedorComercios .comercio:first-of-type {
  border-left: 2px solid #CD2016;
  padding: 0.5em 1em;
}
html.mob body#productos main #divContenedorProducto,
html.tabv body#productos main #divContenedorProducto {
  padding-top: 4em;
  padding-bottom: 7em;
  gap: 1em;
  -ms-grid-columns: 3% 1em 1fr 1em 3%;
  grid-template-columns: 3% 1fr 3%;
  -ms-grid-rows: auto 1em auto 1em auto 1em auto 1em auto 1em auto 1em auto 1em auto 1em auto;
      grid-template-areas: 'margenIzq colFotoPrincipal margenDer' 'margenIzq colInfo margenDer' 'margenIzq colDetalles margenDer' 'margenIzq colTitColores margenDer' 'margenIzq colColores margenDer' 'margenIzq colTitTalles margenDer' 'margenIzq colTalles margenDer' 'margenIzq colTitComercios margenDer' 'margenIzq colComercios margenDer';
}
html.mob body#productos main #divContenedorProducto .colInfo h1,
html.tabv body#productos main #divContenedorProducto .colInfo h1 {
  margin-top: 1em;
}
html.mob body#productos main #divContenedorProducto .colInfo button,
html.tabv body#productos main #divContenedorProducto .colInfo button {
  display: block;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
html.mob body#productos main #divContenedorProducto .colInfo .precio,
html.tabv body#productos main #divContenedorProducto .colInfo .precio {
  text-align: center;
  margin-top: 1em;
}
html.mob body#productos main #divContenedorProducto .colDetalles,
html.tabv body#productos main #divContenedorProducto .colDetalles {
  gap: 2em;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
html.mob body#productos main #divContenedorProducto .colColores,
html.tabv body#productos main #divContenedorProducto .colColores {
  gap: 2em;
}
html.mob body#productos main #divContenedorProducto .colTalles img,
html.tabv body#productos main #divContenedorProducto .colTalles img {
  width: 100%;
}
html.mob body#productos main #divContenedorProducto .contenedorComercios,
html.tabv body#productos main #divContenedorProducto .contenedorComercios {
  -ms-grid-row: 17;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: colComercios;
}
html.mob body#productos main #divContenedorProducto .contenedorComercios .comercio:first-of-type,
html.tabv body#productos main #divContenedorProducto .contenedorComercios .comercio:first-of-type {
  border-left: 2px solid #CD2016;
  padding: 0.5em 1em;
}
html.deskm body#productos main #divContenedorProducto .colColores {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
html.desks body#productos main #divContenedorProducto .colColores,
html.tabh body#productos main #divContenedorProducto .colColores {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
html.tabv body#productos main #divContenedorProducto .colColores,
html.mob body#productos main #divContenedorProducto .colColores {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.contenedorComercios {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: contenedorComercios;
}
.contenedorComercios .gridListaProvincias {
  grid-area: gridListaProvincias;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr 2em 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 2em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.contenedorComercios .gridListaProvincias .provincia {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.contenedorComercios .gridListaProvincias .provincia > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.contenedorComercios .gridListaProvincias .provincia > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.contenedorComercios .gridListaProvincias .provincia .provinciaTit {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 2em;
  font-weight: 400;
  margin: 0 0 0.5em 0;
  text-align: left;
}
.contenedorComercios .gridListaProvincias .provincia .comercio {
  background: #FFF;
  padding: 1em;
}
.contenedorComercios .gridListaProvincias .provincia .comercio .comercioTit {
  font-size: 1.2em;
  text-transform: capitalize;
  margin-bottom: 1em;
}
.contenedorComercios .gridListaProvincias .provincia .comercio .comercioTit::after {
  content: '';
  display: block;
  width: 1.2em;
  border-bottom: 3px solid #CD2016;
  margin-top: 0.2em;
}
.contenedorComercios .gridListaProvincias .provincia .comercio p {
  font-size: 90%;
}
.contenedorComercios .gridListaProvincias .provincia .comercio .direccion {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr ;
  grid-template-columns: auto 1fr ;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
}
.contenedorComercios .gridListaProvincias .provincia .comercio .direccion p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-transform: capitalize;
}
.contenedorComercios .gridListaProvincias .provincia .comercio .direccion .googleMapsIcon {
  width: 1.8em;
  height: auto;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0.3em;
}
html.mob .contenedorComercios .gridListaProvincias {
  gap: 2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .provinciaTit {
  font-size: 1.45em;
  border-top: 2px solid #CD2016;
  text-align: center;
  color: #CD2016;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio {
  border-left: none !important;
  text-align: center;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio p {
  font-size: 92%;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio .comercioTit {
  font-size: 1.3em;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio .comercioTit::after {
  margin: 0.2em auto 0 auto !important;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio .direccion {
  display: block;
  text-align: center;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio .direccion .googleMapsIcon {
  width: 2em;
  vertical-align: middle;
}
html.mob .contenedorComercios .gridListaProvincias .provincia .comercio .direccion p {
  vertical-align: middle;
}
html.deskxl .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
html.deskl .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
html.deskm .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
html.desks .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
html.tabh .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
html.tabv .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
html.mobh .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
html.mobv .contenedorComercios .gridListaProvincias {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
body#comercios main {
  padding-top: 2em;
  padding-bottom: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% 1fr 3%;
  grid-template-columns: 3% 1fr 3%;
      grid-template-areas: 'margenIzq listaTit margenDer' 'margenIzq contenedorComercios margenDer';
}
body#comercios main h1 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: listaTit;
}
#fotoFooter {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: fotoFooter;
}
#rotpunkt {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: rotpunkt;
  background-color: #1D1D1B;
  padding-top: 5em;
  padding-bottom: 5em;
  display: block;
}
#rotpunkt #rotpunktAcerca {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  gap: 3em;
  -ms-grid-columns: 1fr 3em 140px;
  grid-template-columns: 1fr 140px;
      grid-template-areas: 'rotpunktTxt rotpunktIso';
}
#rotpunkt #rotpunktAcerca #rotpunktTxt {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: rotpunktTxt;
}
#rotpunkt #rotpunktAcerca #rotpunktTxt h1 {
  color: #FFF;
  margin-bottom: 1em;
}
#rotpunkt #rotpunktAcerca #rotpunktTxt p {
  color: #FFF;
}
#rotpunkt #rotpunktAcerca #rotpunktIso {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: rotpunktIso;
}
html.tabh #rotpunkt {
  padding-top: 3em;
  padding-bottom: 3em;
}
html.tabh #rotpunkt #rotpunktAcerca {
  width: 80%;
      grid-template-areas: 'rotpunktTxt' 'rotpunktIso';
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
html.tabh #rotpunkt .rotpunktIso {
  width: 10%;
  margin-left: auto;
  margin-right: auto;
}
html.tabv #rotpunkt,
html.mobh #rotpunkt {
  padding-top: 3em;
  padding-bottom: 3em;
}
html.tabv #rotpunkt #rotpunktAcerca,
html.mobh #rotpunkt #rotpunktAcerca {
  width: 80%;
      grid-template-areas: 'rotpunktTxt' 'rotpunktIso';
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
html.tabv #rotpunkt .rotpunktIso,
html.mobh #rotpunkt .rotpunktIso {
  width: 15%;
  margin-left: auto;
  margin-right: auto;
}
html.mobv #rotpunkt {
  padding-top: 3em;
  padding-bottom: 3em;
}
html.mobv #rotpunkt #rotpunktAcerca {
  width: 80%;
      grid-template-areas: 'rotpunktTxt' 'rotpunktIso';
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
html.mobv #rotpunkt .rotpunktIso {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
html.desk .hdesk {
  display: none !important;
}
html.desks .desks {
  display: none !important;
}
html.deskm .deskm {
  display: none !important;
}
html.deskl .deskl {
  display: none !important;
}
html.tab .htab {
  display: none !important;
}
html.mob .hmob {
  display: none !important;
}
.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slider .slider-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
.slider .slide {
  min-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slider .slider-prev,
.slider .slider-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  border: none;
  color: #fff;
  font-size: 6rem;
  cursor: pointer;
  z-index: 10;
}
.slider .slider-prev {
  left: 14px;
}
.slider .slider-next {
  right: 14px;
}
.slider .slider-dots {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.slider .slider-dots .dot {
  width: 16px;
  height: 16px;
  background: rgba(109, 109, 109, 0.4);
  border-radius: 50%;
  border: 2px solid white;
  cursor: pointer;
}
.slider .slider-dots .dot.active {
  background-color: #CD2016;
}
header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  background: #FFF;
  grid-area: header;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4em;
  z-index: 9990;
  -webkit-box-shadow: 0 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.25em 0.25em rgba(0, 0, 0, 0.1);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 5% auto 1fr 5%;
  grid-template-columns: 5% auto 1fr 5%;
      grid-template-areas: 'margenIzq marca navmenu margenDer';
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#controlPanel > header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
header #marca {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: marca;
  z-index: 9995;
  width: 12em;
  margin-top: 0.2em;
  cursor: pointer;
  opacity: 1;
}
header #marca #rotpunktIso {
  fill: #000;
}
header #marca #iso {
  fill: #CD2016;
}
header #buttonMenu {
  display: none;
}
header nav {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: navmenu;
  z-index: 9995;
  -ms-grid-column-align: right;
      justify-self: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3em;
}
header nav a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  text-align: center;
  color: #242424;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  padding: 1em 0.75em 1em 0.75em;
}
header nav a:link,
header nav a:active,
header nav a:visited {
  color: #242424;
}
header nav a:hover {
  color: #CD2016;
}
header nav a.seleccionado {
  color: #CD2016;
  cursor: default;
}
header #subMenuProductos {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 200px;
  background-color: #242424;
  top: 4em;
}
header #subMenuProductos #btVolver {
  display: none;
}
header #subMenuProductos a,
header #subMenuProductos #btVolver {
  position: relative;
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1em;
  text-align: center;
  white-space: nowrap;
  border-bottom: 1px solid #6d6d6d;
  color: #FFF;
}
header #subMenuProductos a:link,
header #subMenuProductos #btVolver:link,
header #subMenuProductos a:active,
header #subMenuProductos #btVolver:active,
header #subMenuProductos a:visited,
header #subMenuProductos #btVolver:visited {
  color: #FFF;
}
header #subMenuProductos a:hover,
header #subMenuProductos #btVolver:hover {
  background-color: #CD2016;
  color: #FFF;
}
header #subMenuProductos a.seleccionado,
header #subMenuProductos #btVolver.seleccionado {
  color: #CD2016;
  cursor: default;
}
header #subMenuProductos a:last-child {
  border-bottom: none !important;
}
html.desk #btVolver {
  display: none !important;
}
html.mob header,
html.tab header {
  -ms-grid-columns: 5% auto 5%;
  grid-template-columns: 5% auto 5%;
      grid-template-areas: 'margenIzq marca margenDer' 'margenIzq navmenu margenDer';
  z-index: 999;
}
html.mob header #marca,
html.tab header #marca {
  width: 11em;
}
html.mob header #buttonMenu,
html.tab header #buttonMenu {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: marca;
      justify-self: right;
  text-align: right;
  display: block;
}
html.mob header #buttonMenu #iconMenu,
html.tab header #buttonMenu #iconMenu,
html.mob header #buttonMenu #iconCierra,
html.tab header #buttonMenu #iconCierra {
  z-index: 9999;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
html.mob header #buttonMenu #iconMenu,
html.tab header #buttonMenu #iconMenu {
  display: block;
  fill: #000;
  background: #FFF;
  width: 2em !important;
}
html.mob header #buttonMenu #iconCierra,
html.tab header #buttonMenu #iconCierra {
  display: none;
  fill: #000;
  background: #FFF;
  width: 2em !important;
}
html.mob header nav,
html.tab header nav {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 2px;
  width: 100%;
  right: 0;
  z-index: 997;
  gap: 0;
  background-color: #242424;
}
html.mob header nav.responsive,
html.tab header nav.responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.mob header nav a,
html.tab header nav a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  border-bottom: 1px solid #b6b6b6;
  width: 90%;
}
html.mob header nav a:link,
html.tab header nav a:link,
html.mob header nav a:active,
html.tab header nav a:active,
html.mob header nav a:visited,
html.tab header nav a:visited {
  color: #FFF;
}
html.mob header nav a:hover,
html.tab header nav a:hover {
  color: #FFF;
}
html.mob header nav a.seleccionado,
html.tab header nav a.seleccionado {
  color: #FFF;
  cursor: default;
}
html.mob header nav a:last-child,
html.tab header nav a:last-child {
  border-bottom: none !important;
}
html.mob header #subMenuProductos,
html.tab header #subMenuProductos {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: navmenu;
  z-index: 998;
}
html.mob header #subMenuProductos.responsive,
html.tab header #subMenuProductos.responsive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.mob header #subMenuProductos a,
html.tab header #subMenuProductos a,
html.mob header #subMenuProductos #btVolver,
html.tab header #subMenuProductos #btVolver {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  margin: 0 0 0 5%;
  cursor: pointer;
  border-bottom: 1px solid #b6b6b6;
  width: 90%;
}
html.mob header #subMenuProductos a:link,
html.tab header #subMenuProductos a:link,
html.mob header #subMenuProductos #btVolver:link,
html.tab header #subMenuProductos #btVolver:link,
html.mob header #subMenuProductos a:active,
html.tab header #subMenuProductos a:active,
html.mob header #subMenuProductos #btVolver:active,
html.tab header #subMenuProductos #btVolver:active,
html.mob header #subMenuProductos a:visited,
html.tab header #subMenuProductos a:visited,
html.mob header #subMenuProductos #btVolver:visited,
html.tab header #subMenuProductos #btVolver:visited {
  color: #FFF;
  background-color: #242424;
}
html.mob header #subMenuProductos a:hover,
html.tab header #subMenuProductos a:hover,
html.mob header #subMenuProductos #btVolver:hover,
html.tab header #subMenuProductos #btVolver:hover {
  color: #FFF;
  background-color: #242424;
}
html.mob header #subMenuProductos a.seleccionado,
html.tab header #subMenuProductos a.seleccionado,
html.mob header #subMenuProductos #btVolver.seleccionado,
html.tab header #subMenuProductos #btVolver.seleccionado {
  color: #FFF;
  background-color: #242424;
  cursor: default;
}
html.mob header #subMenuProductos a:last-child,
html.tab header #subMenuProductos a:last-child {
  border-bottom: none !important;
}
html.mob header #subMenuProductos #btVolver,
html.tab header #subMenuProductos #btVolver {
  display: block;
  background-color: #242424;
}
html.mob #subMenuProductos {
  top: 0;
  left: 0;
  width: 100%;
}
html.tab #subMenuProductos {
  top: auto;
  left: auto;
  width: auto;
  position: static;
  margin-top: 4px;
}
html.tabh #subMenuProductos {
  top: auto;
  left: 0;
  width: auto;
  position: static;
  margin-top: 4px;
}
footer {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  grid-area: footer;
  display: -ms-grid;
  display: grid;
  background-color: #3c3c3c;
  padding-top: 3em;
  -ms-grid-columns: 20% 1fr 20%;
  grid-template-columns: 20% 1fr 20%;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
      grid-template-areas: 'marl mensaje marr' 'marl formCont marr' 'legales legales legales';
  z-index: 2;
}
footer #mensaje {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: mensaje;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
footer #mensaje h1 {
  text-align: center;
  color: #FFF;
}
footer #mensaje h1::after {
  margin: 0.2em auto 0 auto !important;
}
footer #mensaje p {
  text-align: center;
  color: #FFF;
  margin-top: 1em;
  margin-bottom: 1em;
}
footer form {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: formCont;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10% 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 10% auto;
      grid-template-areas: 'formCol1 formCol2' 'enviado enviado';
  gap: 10%;
  margin-bottom: 3em;
}
footer form #form-message {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: enviado;
  color: #FFF;
  font-size: 1.6em;
  text-align: center;
}
footer form #formCol1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: formCol1;
}
footer form #formCol2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: formCol2;
}
footer form textarea,
footer form select,
footer form input,
footer form input[type="email"],
footer form input[type="number"],
footer form input[type="text"],
footer form input[type="password"],
footer form input[type="file"] {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-size: 1em;
  border: 0;
  border-radius: 0;
  width: 100%;
  padding: 0.6em 3% 0.4em !important;
  margin: 0.5em 0;
  font-weight: 400;
  color: #FFF;
  background-color: #242424;
  border-bottom: 2px solid #6d6d6d;
  border-left: 2px solid #6d6d6d;
}
footer form .error {
  color: red;
  margin-bottom: 0.5em;
}
footer form textarea {
  height: 9.2em;
}
footer form input:focus,
footer form textarea:focus {
  background-color: #CD2016;
  color: #FFF;
  outline: none;
}
footer form .boton {
  border-color: #CD2016;
}
footer form .boton:hover {
  border-color: #CD2016;
  background-color: #CD2016;
  color: #FFF;
}
footer #legales {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: legales;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% 7fr 3fr 3%;
  grid-template-columns: 3% 7fr 3fr 3%;
      grid-template-areas: 'mizq derechos lunatics mder';
  background-color: #2A2C2B;
  padding-top: 1em;
  padding-bottom: 1em;
}
footer #legales #derechos {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: derechos;
  text-align: left;
}
footer #legales #derechos p {
  font-size: 0.85em;
  color: #FFF;
  margin-top: 0.5em;
}
footer #legales #lunaticsContenedor {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: lunatics;
  text-align: right;
}
footer #legales #lunaticsContenedor #lunaticsLogo {
  width: 11em;
  height: auto;
  fill: #FFF;
  z-index: 9999;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #cabeza {
  fill: #FFF;
  z-index: 4;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #cuerpo-arriba {
  fill: #FFB600;
  z-index: 4;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #cuerpo-abajo {
  fill: #B38000;
  z-index: 4;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #cuerpo-borde {
  fill: #30261d;
  z-index: 3;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #marco {
  fill: #EEEDEC;
  z-index: 3;
}
footer #legales #lunaticsContenedor #lunaticsLogo #iso #fondo-iso {
  fill: #908984;
  z-index: 2;
}
html.tabh footer,
html.mobh footer {
  -ms-grid-columns: 6% 1fr 6%;
  grid-template-columns: 6% 1fr 6%;
  text-align: center;
}
html.tabh footer .boton,
html.mobh footer .boton {
  margin-top: 1em;
  margin-bottom: 2em;
}
html.tabh #legales,
html.mobh #legales {
  -ms-grid-columns: 1% 1fr 1fr 1%;
  grid-template-columns: 1% 1fr 1fr 1%;
      grid-template-areas: 'mizq derechos lunatics mder';
}
html.tabv footer,
html.mobv footer {
  -ms-grid-columns: 6% 1fr 6%;
  grid-template-columns: 6% 1fr 6%;
  text-align: center;
}
html.tabv footer .boton,
html.mobv footer .boton {
  margin-top: 1em;
  margin-bottom: 2em;
}
html.tabv form,
html.mobv form {
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: 'formCol1' 'formCol2';
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0;
}
html.tabv #legales,
html.mobv #legales {
  -ms-grid-columns: 1% 1fr 1%;
  grid-template-columns: 1% 1fr 1%;
      grid-template-areas: 'mizq derechos mder' 'mizq lunatics mder';
}
html.tabv #legales #derechos,
html.mobv #legales #derechos {
  text-align: center;
}
html.tabv #legales #derechos p,
html.mobv #legales #derechos p {
  font-size: 0.85em;
  color: #FFF;
}
html.tabv #legales #lunaticsContenedor,
html.mobv #legales #lunaticsContenedor {
  margin-top: 1em;
  text-align: center;
}
body#controlPanel {
  -ms-grid-rows: 4em auto;
  grid-template-rows: 4em auto;
      grid-template-areas: 'header' 'main';
  background-color: #eeeeee;
}
body#controlPanel .login {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: main;
  width: 20%;
  margin-left: auto;
  margin-right: auto;
}
body#controlPanel .login .rotpunktIso {
  width: 20%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
body#controlPanel .login form {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  margin-top: 1em;
  text-align: center;
}
body#controlPanel .login form textarea,
body#controlPanel .login form select,
body#controlPanel .login form input[type=email],
body#controlPanel .login form input[type=number],
body#controlPanel .login form input[type=text],
body#controlPanel .login form input[type=password],
body#controlPanel .login form input[type=file] {
  padding: 0.6em 0.4em 0.4em 0.4em;
  margin-bottom: 0.3em;
  background-color: #eeeeee;
  border-bottom: 1px solid #242424;
  border-left: 1px solid #242424;
  color: #242424;
  font-size: 1.1em;
}
body#controlPanel .login form button {
  max-width: 30em !important;
  border: 2px solid #CD2016;
  background-color: #eeeeee;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #0b0b0b !important;
  text-align: center !important;
  font-weight: 600 !important;
  margin-top: 1em;
}
body#controlPanel .login form button:hover {
  border: 2px solid #CD2016 !important;
  background-color: #CD2016;
  color: #FFF !important;
}
body#controlPanel .login p {
  text-align: center;
  margin-top: 1em;
}
body#controlPanel main .panelIcon img {
  width: 2.4em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body#controlPanel main #newItemFormContenedor {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  background-color: #6d6d6d;
}
body#controlPanel main #newItemFormContenedor form {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#controlPanel main #newItemFormContenedor form textarea,
body#controlPanel main #newItemFormContenedor form select,
body#controlPanel main #newItemFormContenedor form input[type=email],
body#controlPanel main #newItemFormContenedor form input[type=number],
body#controlPanel main #newItemFormContenedor form input[type=text],
body#controlPanel main #newItemFormContenedor form input[type=password],
body#controlPanel main #newItemFormContenedor form input[type=file] {
  padding: 0.6em 0.4em 0.4em 0.4em;
  background-color: #eeeeee;
  border-bottom: 1px solid #242424;
  border-left: 1px solid #242424;
  color: #242424;
  font-size: 1.1em;
}
body#controlPanel main #newItemFormContenedor form button {
  max-width: 30em !important;
  border: 2px solid #eeeeee !important;
  background-color: #eeeeee;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #0b0b0b !important;
  text-align: center !important;
  font-weight: 600 !important;
}
body#controlPanel main #newItemFormContenedor form button:hover {
  border: 2px solid #CD2016 !important;
  background-color: #CD2016;
  color: #FFF !important;
}
body#controlPanel main #divContenedor {
  padding-top: 2em;
  padding-bottom: 2em;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3% 1fr 3%;
  grid-template-columns: 3% 1fr 3%;
      grid-template-areas: 'margenIzq listaTit margenDer' 'margenIzq panelContenedor margenDer';
}
body#controlPanel main #divContenedor h1 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: listaTit;
  text-align: center;
}
body#controlPanel main #divContenedor h1::after {
  margin: 0.2em auto 0 auto !important;
}
body#controlPanel main #divContenedor .separador {
  width: 100%;
  border-top: 1px solid #6d6d6d;
  margin-top: 1em;
  display: block;
}
body#controlPanel main #divContenedor #dashboard {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  gap: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
}
body#controlPanel main #divContenedor #dashboard h2 {
  margin-bottom: 1em;
}
body#controlPanel main #divContenedor .gridPanelContenedor {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  gap: 1em;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelItem {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelItem h3 {
  margin-top: 1em;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelSubItem {
  background: #FFF;
  grid-auto-flow: column;
  gap: 1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1em 10fr 1em 3fr;
  grid-template-columns: auto 10fr 3fr;
      grid-template-areas: 'orden nombre acciones';
  display: -ms-grid;
  display: grid;
  padding: 0.3em 1em;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelSubItem .gridOrden {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: orden;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.2em;
  -ms-grid-columns: 1fr 0.2em 1fr;
  grid-template-columns: 1fr 1fr;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelSubItem h4 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: nombre;
  text-transform: capitalize;
}
body#controlPanel main #divContenedor .gridPanelContenedor .gridPanelSubItem .gridAcciones {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: acciones;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.2em;
}
body#controlPanel main #divContenedor .gridPanelCatEdit {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  gap: 1em;
  grid-auto-flow: row;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1em;
}
body#controlPanel main #divContenedor .gridPanelCatEdit #divCategoria {
  margin-bottom: 2em;
}
body#controlPanel main #divContenedor .gridPanelProdEdit {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr 3em 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto 3em auto 3em auto 3em auto 3em auto;
      grid-template-areas: "dividCategoria divproducto divgenero divprecio" "divdescripcion divdescripcion divdescripcion divtalles" "divdescripcion divdescripcion divdescripcion divtoggles" "margenIzq divbutton divbutton margenDer" "margenIzq divcancel divcancel margenDer";
  gap: 3em;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #dividCategoria {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: dividCategoria;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divproducto {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: divproducto;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divgenero {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: divgenero;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divprecio {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: divprecio;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divdescripcion {
  -ms-grid-row: 3;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: divdescripcion;
  width: 100%;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divtalles {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  grid-area: divtalles;
  text-align: left;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divtoggles {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
  grid-area: divtoggles;
  text-align: left;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divbutton {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: divbutton;
}
body#controlPanel main #divContenedor .gridPanelProdEdit #divcancel {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  -ms-grid-column-span: 3;
  grid-area: divcancel;
}
body#controlPanel main #divContenedor .gridPanelProdFotos {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  padding-bottom: 10em;
  width: 100%;
  grid-auto-flow: row;
  gap: 3em;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
body#controlPanel main #divContenedor .gridPanelProdFotos .panelIcon {
  width: 2.4em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 0.75em;
}
body#controlPanel main #divContenedor .gridPanelProdFotos #detallesImg {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
}
body#controlPanel main #divContenedor .gridPanelProdFotos #coloresImg {
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 2em;
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 6), 1fr));
}
body#controlPanel main #divContenedor .gridPanelProdFotos #coloresImg input {
  margin: 1em auto;
  width: 85%;
  max-width: 240px;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto 3em auto 3em auto 3em auto 3em auto 3em auto;
      grid-template-areas: "divComercio divComercio divComercio" "divGmaps divGmaps divGmaps" "dividProvincia divLocalidad divDireccion" "divUrl divTelefono divMail" "margenIzq divbutton margenDer" "margenIzq divcancel margenDer";
  gap: 3em;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divComercio {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: divComercio;
  width: 100%;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divComercio input {
  width: 100%;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #dividProvincia {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: dividProvincia;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divLocalidad {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: divLocalidad;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divDireccion {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  grid-area: divDireccion;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divGmaps {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: divGmaps;
  width: 100%;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divGmaps input {
  width: 100%;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divUrl {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: divUrl;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divTelefono {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  grid-area: divTelefono;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divMail {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
  grid-area: divMail;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divButton {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: divbutton;
}
body#controlPanel main #divContenedor .gridPanelComercioEdit #divCancel {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-area: divcancel;
}
body#controlPanel main #divContenedor .gridPanelImgUl {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  width: 100%;
  grid-auto-flow: row;
  gap: 3em;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body#controlPanel main #divContenedor .gridPanelImgUl form label {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #242424;
  font-size: 1em;
  line-height: 1.7em;
  line-height: 0.2em;
}
body#controlPanel main #divContenedor .gridPanelImgUl form input {
  margin-bottom: 2em;
}
body#controlPanel main #divContenedor .gridPanelImgUl #bannerList {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: row;
}
body#controlPanel main #divContenedor .gridPanelImgUl #bannerList .bannerListIitem {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 8fr 2em 3fr 2em 1fr;
  grid-template-columns: 8fr 3fr 1fr;
  gap: 2em;
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3em;
}
body#controlPanel main #divContenedor .gridPanelImgUl #bannerList .bannerListIitem .panelIcon {
  width: 2.4em;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 0.75em;
}
body#controlPanel main #divContenedor .gridPanelImgUl #bannerList .bannerListIitem img {
  max-width: 100%;
}
body#controlPanel main #divContenedor .gridPanelBanners {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: panelContenedor;
  display: -ms-grid;
  display: grid;
  width: 100%;
}
body#controlPanel main #divContenedor form.formPuntosVenta {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  width: 100%;
  grid-area: panelContenedor;
  text-align: center;
}
body#controlPanel main #divContenedor form.formPuntosVenta h3 {
  text-align: left;
}
body#controlPanel main #divContenedor form.formPuntosVenta .gridPanelPuntoVentaProductoEdit {
  margin-bottom: 2em;
  width: 100%;
  display: -ms-grid;
  display: grid;
  gap: 1em;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-column-align: center;
      justify-self: center;
  justify-items: left;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
body#controlPanel main #divContenedor form.formPuntosVenta .gridPanelPuntoVentaProductoEdit label {
  text-align: left;
}
body#controlPanel main #divContenedor form.formPuntosVenta .gridPanelPuntoVentaProductoEdit button {
  margin-top: 2em;
  margin-bottom: 1em;
}
body#controlPanel main #divContenedor .editGenerales {
  /*fieldset {
					padding: 10px;
					.bg-blanco;
				}*/
}
body#controlPanel main #divContenedor .editGenerales textarea,
body#controlPanel main #divContenedor .editGenerales select,
body#controlPanel main #divContenedor .editGenerales input[type=email],
body#controlPanel main #divContenedor .editGenerales input[type=number],
body#controlPanel main #divContenedor .editGenerales input[type=text],
body#controlPanel main #divContenedor .editGenerales input[type=password],
body#controlPanel main #divContenedor .editGenerales input[type=file] {
  padding: 0.6em 0.4em 0.4em 0.4em;
  background: #FFF;
  border-bottom: 2px solid #b6b6b6;
  border-left: 2px solid #b6b6b6;
  color: #242424;
  font-size: 1.1em;
}
body#controlPanel main #divContenedor .editGenerales textarea {
  display: block;
  width: 100%;
  height: 18em;
  font-size: 1.1em;
}
body#controlPanel main #divContenedor .editGenerales input:focus,
body#controlPanel main #divContenedor .editGenerales textarea:focus {
  background-color: #CD2016;
  color: #FFF;
  outline: none;
}
body#controlPanel main #divContenedor .editGenerales button {
  max-width: 30em !important;
  border: 2px solid #CD2016 !important;
  background-color: #eeeeee;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #0b0b0b !important;
  text-align: center !important;
  font-weight: 600 !important;
}
body#controlPanel main #divContenedor .editGenerales label,
body#controlPanel main #divContenedor .editGenerales legend {
  display: block;
  margin-bottom: 0.2em;
}
body#controlPanel main #divContenedor .editGenerales input[type="checkbox"] {
  accent-color: #CD2016;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
body#controlPanel main #divContenedor .editGenerales .botonCancelar {
  border: 2px solid #6d6d6d !important;
  color: #6d6d6d;
}
body#controlPanel main #divContenedor .editGenerales button:hover,
body#controlPanel main #divContenedor .editGenerales .botonCancelar:hover {
  border: 2px solid #CD2016 !important;
  background-color: #CD2016;
  color: #FFF !important;
}