/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
  /*  * What follows is the result of much research on cross-browser styling.  * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,  * Kroc Camen, and the H5BP dev community and team.  */
  /* ==========================================================================    Base styles: opinionated defaults    ========================================================================== */
  :root{
     --color-primary:            #00B7FF;
     --color-primary-dark:       #0092CC;
     --color-highlighted:        #0072BC;
     --color-highlighted-dark:   #00538A;
     --color-error:              #E3322E;
     --color-black:              #333333;
     --color-gray:               #C9C9C9;
     --color-light:              #ECEBEB;
     --color-debug:              #EBEBEB;
     --color-silver:             #CCCCCC;
     --color-logo:               #00ccff;
     --color_red:                #e4322e;
     --color-medium:             #666666;
}   /*BX*/
 .bx-wrapper{
position:relative;
margin-bottom:60px;
padding:0;
-ms-touch-action:pan-y;
touch-action:pan-y;
-moz-box-shadow:0 0 5px #ccc;
-webkit-box-shadow:0 0 5px #ccc;
box-shadow:0 0 5px #ccc;
border:5px solid #fff;
background:#fff
}.bx-wrapper img{
max-width:100%;
display:block
}.bxslider{
margin:0;
padding:0;
-webkit-perspective:1000
}ul.bxslider{
list-style:none
}.bx-viewport{
-webkit-transform:translateZ(0)
}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{
position:absolute;
bottom:-30px;
width:100%
}.bx-wrapper .bx-loading{
min-height:50px;
background:url(images/bx_loader.gif) center center no-repeat #fff;
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
z-index:2000
}.bx-wrapper .bx-pager{
text-align:center;
font-size:.85em;
font-family:Arial;
font-weight:700;
color:#666;
padding-top:20px
}.bx-wrapper .bx-pager.bx-default-pager a{
background:#666;
text-indent:-9999px;
display:block;
width:10px;
height:10px;
margin:0 5px;
outline:0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px
}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{
background:#000
}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{
display:inline-block;
vertical-align:bottom
}.bx-wrapper .bx-pager-item{
font-size:0;
line-height:0
}.bx-wrapper .bx-prev{
left:10px;
background:url(images/controls.png) 0 -32px no-repeat
}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{
background-position:0 0
}.bx-wrapper .bx-next{
right:10px;
background:url(images/controls.png) -43px -32px no-repeat
}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{
background-position:-43px 0
}.bx-wrapper .bx-controls-direction a{
position:absolute;
top:50%;
margin-top:-16px;
outline:0;
width:32px;
height:32px;
text-indent:-9999px;
z-index:9999
}.bx-wrapper .bx-controls-direction a.disabled{
display:none
}.bx-wrapper .bx-controls-auto{
text-align:center
}.bx-wrapper .bx-controls-auto .bx-start{
display:block;
text-indent:-9999px;
width:10px;
height:11px;
outline:0;
background:url(images/controls.png) -86px -11px no-repeat;
margin:0 3px
}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{
background-position:-86px 0
}.bx-wrapper .bx-controls-auto .bx-stop{
display:block;
text-indent:-9999px;
width:9px;
height:11px;
outline:0;
background:url(images/controls.png) -86px -44px no-repeat;
margin:0 3px
}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{
background-position:-86px -33px
}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{
text-align:left;
width:80%
}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{
right:0;
width:35px
}.bx-wrapper .bx-caption{
position:absolute;
bottom:0;
left:0;
background:#666;
background:rgba(80,80,80,.75);
width:100%
}.bx-wrapper .bx-caption span{
color:#fff;
font-family:Arial;
display:block;
font-size:.85em;
padding:10px
}   /* latin */
   @font-face {
     font-family: 'Exo 2';
     font-style: italic;
      font-weight: 400;
     font-display: swap;
     src:  url("../fonts/exo2-italic.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Exo 2';
     font-style: normal;
     font-weight: 300;
     font-display: swap;
     src:  url("../fonts/exo2-light.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Exo 2';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: url("../fonts/exo2-regular.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Exo 2';
     font-style: normal;
     font-weight: 700;
     font-display: swap;
     src: url("../fonts/exo2-bold.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Montserrat';
     font-style: italic;
     font-weight: 400;
     font-display: swap;
     src: url("../fonts/montserrat-italic.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src:  url("../fonts/montserrat-regular.woff2") format('woff2');
}   /* latin */
   @font-face {
     font-family: 'Montserrat';
     font-style: normal;
     font-weight: 800;
     font-display: swap;
     src: url("../fonts/montserrat-extrabold.woff2") format('woff2');
}  html {
     color: var(--color-black);
     font-family: 'Exo 2', sans-serif;
     font-size: 14px;
     line-height: 1.4;
}  /*  * Remove text-shadow in selection highlight:  * https://twitter.com/miketaylr/status/12228805301  *  * These selection rule sets have to be separate.  * Customize the background color to match your design.  */
   *{
     box-sizing: border-box;
} ::-moz-selection {
     background: var(--color-primary);
     color: #FFF;
     text-shadow: none;
}  ::selection {
     background: var(--color-primary);
     color: #FFF;
     text-shadow: none;
}  /*  * A better looking default horizontal rule  */
  hr {
     display: block;
     height: 1px;
     border: 0;
     border-top: 1px solid var(--color-light);
     margin: 1em 0;
     padding: 0;
}  /*  * Remove the gap between audio, canvas, iframes,  * images, videos and the bottom of their containers:  * https://github.com/h5bp/html5-boilerplate/issues/440  */
  audio, canvas, iframe, img, svg, video {
     max-width: 100%;
     vertical-align: middle;
}  /*  * Section automargin.  */
  header, section {
     margin-bottom: 20px;
}   /*  * Remove default fieldset styles.  */
  fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}  /*  * Allow only vertical resizing of textareas.  */
  textarea {
     resize: vertical;
}  /* ==========================================================================    Browser Upgrade Prompt    ========================================================================== */
  .browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}  /* ==========================================================================    Author's custom styles    ========================================================================== */
 /*UI*/
  h1, h2, h3, h4, h5{
     font-family: 'Montserrat';
     font-weight: 800;
}  h2.titleDark{
     color: var(--color-black);
     font-size: 2.8em;
     margin: 1em 0;
}  .bx-wrapper{
     box-shadow: none;
     /*max-width: 830px !important;
*/
}  a{
     cursor: pointer;
     text-decoration: none;
     color: var(--color-primary);
}  a[class*='btn-']{
     /*background: var(--color-light);
*/
       /*border-radius: 3px;
*/
       /*color: var(--color-primary);
*/
       display: inline-block;
     /*margin: 5px 10px;
*/
       padding: 10px 20px;
     text-decoration: none;
}  a[class*='btn-']:hover{
     background: var(--color-primary);
     color: var(--color-light);
     transition: all ease-in 0.2s;
}  a.btn-primary[class*='btn-']{
     background: var(--color-primary);
     color: var(--color-light);
} a.btn.btn-primary.btn-big {
     font-size: 1.3em;
     padding: 16px 42px;
}  a.btn-primary[class*='btn-']:hover{
     background: var(--color-primary-dark);
}  a.btn-highlighted[class*='btn-']{
     background: var(--color-highlighted);
     color: var(--color-light);
}  a.btn-highlighted[class*='btn-']:hover{
     background: var(--color-highlighted-dark);
}  input[type='email'], input[type='password'], input[type='text'], input[type='tel'], input[type='url'], input[type='number'], textarea{
     border: 3px solid var(--color-light);
     border-radius: 3px;
     display: inline-block;
     padding: 10px;
}  input[type='email'].lite, input[type='password'].lite, input[type='text'].lite, input[type='tel'].lite, input[type='url'].lite, input[type='number'].lite{
     width: 140px;
}  input[type='email'].validationError, input[type='password'].validationError, input[type='text'].validationError, input[type='tel'].validationError, input[type='url'].validationError, input[type='number'].validationError, textarea.validationError{
     border: 3px solid var(--color-error);
}  /*HEADER*/
  header{
     align-items: stretch;
     align-content: center;
     display: flex;
     justify-content: space-between;
}  header .logo{
     flex-grow: 0;
     margin-right: 1.25em;
     order: 1;
}  #logo {
     margin: 0.67em 0;
}  header #logo a{
     display: block;
}  /* header .searchbox{
     display: flex;
     flex-grow: 3;
     margin-right: 1.25em;
     order: 2;
     padding: 0 20px;
     margin-top:35px;
} */
 header .searchbox{
     /*display: flex;
*/
       /*flex-grow: 3;
*/
       margin-right: 1.25em;
     order: 2;
     padding: 0 20px;
     margin-top:20px;
     /*width: 100%;
*/
}     .capanotashtml{
     color:#666666;
      padding:0px 10px 10px 10px;
     font-size:15px;
     height:40px;
}     /* @media screen and (max-width: 940px ) {
     header .searchbox{
      margin-left: 30px;
      margin-right: 0;
       margin-top: 0;
} 
} */
  @media screen and (max-width: 940px ) {
     header .searchbox{
      margin-left: 0;
      margin-right: 0;
       margin-top: 0;
       padding: 0;
  }    
}   .searchbox-inner{
     position: relative;
}  header .searchbox input{
     align-self: center;
     background: #eeeeee;
     border: 1px solid #999999;
     border-radius: 20px;
     padding: 10px 10px 10px 42px;
     width: 100%;
     box-sizing: border-box;
     color: #999999;
}  header .searchbox input::placeholder{
     color: #999999;
}  header .searchbox .btnbuscaproducto{
     position: absolute;
     left: 14px;
     top: 50%;
     transform: translateY(-50%);
     padding-left: 0;
     margin: 0;
     font-size: 18px;
     color: #333333;
     z-index: 2;
}  header .buttons{
     align-items: center;
     align-content: center;
     background: var(--color-debug);
     display: flex;
     flex-grow: 0;
     justify-content: space-between;
     order: 3;
     padding-right: 15px;
}   .tcenter{
     text-align: center;
}   /* MENU SUPERIOR */
  .preMenu{
     background: var(--color-light);
     /*margin-bottom: 20px;
*/
}  .preMenu ul{
     margin: 0;
     padding: 0;
}  .preMenu ul li{
     display: inline-block;
     padding: 5px 15px;
}  .preMenulnk{
     text-decoration: none;
     color: var(--color-black);
} .preMenulnk:hover{
     color:var(--color-primary-dark);
}   /* MENU */
  .containerMenu{
     position: relative;
}  /* z-index: 10000 PORQUE LOS BOTONES DEL SLIDER EST�N EN 9999 */
 .containerMenu.stickyHeader{
     background: #FFF;
     box-shadow: 0 10px 16px rgba(0,0,0,0.2);
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 10000;
}  .max-zindex{
   background: #fff;
   z-index: 9999;
} .stickyHeaderPhoto{
     position: fixed;
     top: 150px;
     z-index: -1;
}  .containerMenu.stickyHeader #logo{
     width: 120px;
     max-width:  120px;
}  .containerMenu.stickyHeader .searchbox{
     margin-top: 20px;
}  .containerMenu.stickyHeader header{
     margin-bottom: 0px;
}  .containerMenu.stickyHeader .menuTop{
     font-size: 12px;
}  .menuTop ul{
     align-content: center;
     align-items: stretch;
     border: thin solid var(--color-light);
     display: flex;
     padding: 0;
     margin:0px;
}  .menuTop ul li{
     display: flex;
     justify-content: space-between;
     /*position: relative;
*/
}  .menuTop ul li.derecha {
   margin-left: auto;
}  .menuTop ul li a{
     background: #FFF;
     border-left: thin solid var(--color-light);
     border-right: thin solid var(--color-light);
     color: var(--color-black);
     display: block;
     font-size: 1.1em;
     padding: 15px 10px;
     text-decoration: none;
     transition: all .25s ease-in;
}  .menuTop ul li a:hover{
      background: var(--color-primary);
     color:#FFF;
     transition: all .25s ease-in;
     border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
     -webkit-border-radius: 0px 0px 0px 0px;
}  /* 10032023 Tony */
 .menuTop ul li.itemColorInverso a{
     background-color: #FFF;
     color: var(--color-primary);
} .menuTop ul li.itemColorInverso a:hover{
     color: #FFF;
     background-color: var(--color-primary);
} /* 10032023 Tony */
  .menuTop ul li a:first-child{
     border-left: none;
}   .menuTop li ul {
     display:none;
     position:absolute;
     width:100%;
     top: 100%;
}  .menuTop  ul li:hover ul {
     display: block;
     z-index: 99999;
     left: 0;
     background-color: #fff;
}  .menuTop li ul li {
     position:relative;
     display: inline-block;
     padding:4px;
}  .menuTop li ul li a{
     display: block;
}  .menuTop li ul li ul {
     right:-140px;
     top:0px;
}  /* .menuTop li ul.submenucoleccion{
   display: block;
   z-index: 99999;
   background-color: #fff;
   position: absolute;
   max-width: 260px;
   width: auto;
   padding: 10px;
} */
  .submenucoleccion{
     display: block;
     z-index: 99999;
     background-color: #fff;
     width:auto !important;
     min-width: 260px;
}  .blqfamdesplegable{
     display:inline-block;
     vertical-align: top;
     padding: 10px;
}  .titulofamiliadesplegable{
     font-size: 14px;
     font-weight: bold;
     text-transform: uppercase;
}  .subtitulofamiliadesplegable{
     font-size: 14px;
     /*font-weight: bold;
  */
       text-transform: capitalize;
     line-height: 1.8;
}    .hamburguesa {
     display: none!important;
     margin-top: 0px;
} .hamburguesa a {
     display: flex!important;
     align-items: center!important;
     font-size: 40px;
} .plus{
     display: none!important;
}   .lipremenu{
     display: block;
}   /* .capasubmenu{
     position:absolute;
     z-index: 9;
     margin-top: 40px;
     display:none;
} */
  /* ---------------------------------------------------*/
 .search{
     background-color: var(--color-light);
     margin-top: 6px;
}  .btnbuscaproductomin{
      /*display: inline-block;
*/
       margin-top: 6px;
     font-size: 31px;
     padding-left: 10px;
     color: var(--color-logo);
     display: none;
}   .btnbuscaproducto{
     display: inline-block;
     /*margin-top: 6px;
*/
       font-size: 31px;
     padding-left: 10px;
     color: var(--color-logo);
}  .frmbuscador{
     /*width: 100%;
*/
       width: 400px;
     float: right;
     padding: 0px;
     margin: 0px;
     margin-top: 0px;
     /*margin-top: 35px;
*/
}  /*----------------------------------------------------*/
  /* BOTONES USER Y CARRO*/
 .menuButtonsUsCart{
     text-align: center;
}  .mnuusuario{
     float:left;
     margin-left: 18px;
}  .menuusuario{
     position: relative;
}  .menuusuariodesplegable{
     display: none;
     position: absolute;
     top: calc(100% + 8px);
     right: 0;
     min-width: 200px;
     padding: 8px 0;
     background-color: #ffffff;
     border: 1px solid #ebebed;
     border-radius: 12px;
     box-shadow: 0 6px 18px rgba(0,0,0,0.12);
     text-align: left;
     z-index: 99999;
}  .menuusuariodesplegable.abierto{
     display: block;
}  .menuusuariodesplegable .menuusuarionombre{
     padding: 8px 16px 10px;
     margin-bottom: 4px;
     border-bottom: 1px solid #ebebed;
     color: #333333;
     font-weight: bold;
     white-space: nowrap;
}  .menuusuariodesplegable a{
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 8px 16px;
     color: #333333;
     font-size: 14px;
     text-decoration: none;
     white-space: nowrap;
}  .menuusuariodesplegable a:hover{
     background-color: #f4f4f4;
     color: var(--color-primary-dark);
}  .menuusuarioicono{
     width: auto;
     height: 12px;
     margin-left: 16px;
}  .mnulogout{
     float:left;
     margin-left: 15px;
}  .lnkmnubotonSalir{
     text-decoration: none;
     font-size: 12px !important;
     color:#000 !important;
     text-transform: uppercase !important;
}  .mnubotonSalir{
} .txtlogout{
     font-size: 12px;
     color:#000;
     text-transform: uppercase;
}     .mnucesta{
     float:left;
     margin-left: 10px;
     position: relative;
}  .carunidades {
     border-radius: 10px;
     border: 0px solid #000000;
     padding: 2px 5px 2px 5px;
     background-color: #cf2026;
     color: #fff;
     font-size: 12px;
     position: absolute;
     font-weight: bold;
     top: 0;
     line-height: 17px;
     width: 23px;
     height: 23px;
     right: 7px;
      text-align: center;
} .txtusuario{
     font-size: 12px;
     color:#000;
     text-transform: uppercase;
} .txtcesta{
     font-size: 12px;
     color:#000;
     text-transform: uppercase;
} .bgnone{
     background:none !important;
} /*SLIDERANDPROMOS*/
  .slidersAndPromos{
     width: 100%;
}  .slidersAndPromos .slider{
     margin-bottom: 20px;
}  .slidersAndPromos .slider .slide img{
     height: auto;
     width: 100%;
}  .slidersAndPromos .bx-wrapper{
     margin-bottom: 0px !important;
}   .boxtxtslider{
     position:absolute;
     top:5%;
     left:5%;
      width:50%;
     font-size: 2.3 em;
}   .boxtitulo{
      font-family: 'Montserrat';
     font-size: 6em;
     line-height: 1em;
     font-weight: bold;
     color:#fff;
     margin-top: 10%;
     margin-left: 5%;
     margin-right: 5%;
     padding-bottom: 10px;
     border-bottom: 4px solid #fff;
     text-shadow: 0px 5px 10px rgba(0,0,0,0.4);
}    .boxslogan{
      font-family: 'Exo 2', sans-serif;
     font-size: 47px;
     color:#fff;
     margin-left: 5%;
     margin-right: 5%;
}  .boxvermas{
     font-size: 23px;
     color:#fff;
     margin-left: 12%;
     margin-right: 12%;
     margin-bottom: 12%;
}  .bpxlnkvermas{
     color:#fff;
} .bpxlnkvermas:hover{
     color:#fff !important;
}         .promos{
     display: grid;
     box-sizing: border-box;
     grid-column-gap: calc(4% / 3);
     grid-template-columns: 24% 24% 24% 24%;
     grid-template-rows: 48.5% 48.5%;
     grid-row-gap: 3%;
     width: 100%;
}  .half{
     background: var(--color-debug);
     grid-column-start: 1;
     grid-column-end: 3;
     grid-row-start: 1;
     grid-row-end: 3;
}  .halfTop{
     grid-column-start: 3;
     grid-column-end: 5;
     grid-row-start: 1;
     grid-row-end: 2;
}   .halfBot{
     grid-column-start: 3;
     grid-column-end: 5;
     grid-row-start: 2;
     grid-row-end: 3;
}    .imgcolecciones{
     width:100%;
}  /* ARTICLE ITEMS */
  .articleItem{
     display: block;
     /* box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
 */
       width: 45px;
}  .bx-viewport{
     padding-bottom: 40px;
}  .articleItem .imageContainer{
     position: relative;
     box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);
     border-radius: 10px;
     overflow: hidden;
}  .articleItem .imageContainer video.product-hover-video{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     opacity: 0;
     transition: opacity 0.2s ease-in;
     z-index: 5;
     pointer-events: none;
     background: transparent;
}  .articleItem .imageContainer video.product-hover-video.is-active{
     opacity: 1;
}  .articleItem .descriptionContainer{
     margin-top: 35px;
}  .articleDetails .imageContainertwo, .articleDetails .videocontainer{
     border-radius: 12px;
     box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);
     overflow: hidden;
}  .articleDetails .videocontainer .detail-video{
     border-radius: 12px;
     display: block;
     height: auto;
     width: 100%;
}  .articleDetails img.fotodetalle, .articleDetails .thumbnails img{
     border-radius: 12px;
     box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);
}  .articleItem .imageContainer .rightSide, .articleItem .imageContainer .leftSide{
     height: 100%;
     opacity: 0;
     position: absolute;
     top: 0;
     transition: 0.3s ease-in opacity;
     z-index: 10;
}  .articleItem .imageContainer:hover .rightSide, .articleItem .imageContainer:hover .leftSide{
     background: rgba(255, 255, 255, 0.4);
     opacity: 1;
     transition: 0.3s ease-in opacity;
}  .articleItem .imageContainer .colorSlot, .articleItem .imageContainer .sizeSlot{
     opacity: 0;
     transition: 0.3s ease-in opacity;
}  .articleItem .imageContainer:hover .colorSlot, .articleItem .imageContainer:hover .sizeSlot{
     opacity: 1;
     transition: 0.3s ease-in opacity;
}  .articleItem .imageContainer .rightSide{
     padding-top: 5px;
     right: 0;
     text-align: center;
     width: 100px;
}  .articleItem .imageContainer .rightSide .colorSlot{
     border: 2px solid var(--color-light);
     display: inline-block;
     line-height: 22px;
     height: 22px;
     width: 22px;
     border-radius: 6px;
}  .articleItem .imageContainer .rightSide .colorSlot.active{
     border: 4px solid var(--color-primary);
}  .articleItem .imageContainer .leftSide{
     left: 0;
     width: 60px;
     overflow: hidden;
}  .vtop{
     vertical-align: top;
} .articleItem .imageContainer .leftSide .sizeSlot{
     color: var(--color-black);
     font-size: 11px;
     font-weight: normal;
     padding: 2px;
     text-align: center;
}  .imageContainertwo{
     width: 48%;
     margin: 2% 1% 0% 1%;
     display: inline-block;
     vertical-align: top;
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
     float:right 
}  .articleItem .nameContainer, .articleItem .priceContainer{
     box-sizing: border-box;
     display: inline-block;
     padding: 10px;
     vertical-align: middle;
}  .articleItem .articleReference{
     display: block;
}  .articleItem .nameContainer{
     width: 50%;
}  .articleItem .nameContainer .articleName{
     color: var(--color-black);
     display: block;
     font-family: 'Montserrat';
     font-size: 1em;
     font-weight: bold;
     height: 42px;
     text-transform: uppercase;
}  .articleItem .nameContainer .articleReference{
     color: var(--color-black);
     font-family: 'Montserrat';
     font-size: 1em;
     font-weight: light;
}  .articleItem .nameContainer2, .articleItem .priceContainer{
     box-sizing: border-box;
     display: inline-block;
     padding: 10px;
     vertical-align: middle;
}  .articleItem .nameContainer2{
     width: 100%;
}  .articleItem .nameContainer2 .articleName{
     color: var(--color-black);
     display: block;
     font-family: 'Montserrat';
     font-size: 1em;
     font-weight: bold;
     height: 42px;
     text-transform: uppercase;
}  .articleItem .nameContainer2 .articleReference{
     color: var(--color-black);
     font-family: 'Montserrat';
     font-size: 1em;
     font-weight: light;
}      .articleItem .priceContainer{
     text-align: left;
     width: 100%;
}  .articleItem .priceContainer .articlePrice{
     color: var(--color-primary);
     font-family: 'Montserrat';
     font-size: 1em;
     font-weight: bold;
}  .capaitemcolornumero{
     display: inline-block;
   /*     border: 2px solid #ffffff;
   cursor: pointer;
    line-height: 32px;
   height: 38px;
   width: 38px;
   border-radius: 7px;
   margin: 3px;
   box-shadow: 0 0 3px #7b7b7b;
   */
}  .itemnumerocolor{
     width: 100%;
     margin-top: 34px;
     text-align: center;
     font-size: 12px;
}  /* ARTICLE DETAILS */
  section.articleDetails{
     font-size: 16px;
     margin: 60px auto;
}  .articleDetails .descriptionContainer{
     font-family: 'Montserrat';
     padding: 0 40px;
     width:80%;
}  .articleDetails .descriptionContainer h1{
     font-family: 'Montserrat';
     font-size: 28px;
     font-weight: bolder;
     margin: 0;
     text-transform: uppercase;
}  .articleDetails .descriptionContainer .articleReference{
     display: block;
     font-size: 32px;
     font-weight: 300;
     margin-bottom: 10px;
     color:#878787;
}  .articleDetails .descriptionContainer .price{
     /* color: var(--color-primary);*/
     font-family: 'Montserrat';
     font-size: 40px;
     font-weight: bold;
     margin-top: 30px;
     display: block;
}  .articleDetails .descriptionContainer .price small{
     color: var(--color-black);
     font-size: 14px;
     font-weight: 300;
}  .articleDetails .descriptionContainer .label{
     display: block;
     margin: 40px 0 10px 0;
}  .articleDetails .descriptionContainer .sizeCalculator{
     font-size: 12px;
     font-weight: bold;
}  .articleDetails .descriptionContainer .colorSlot {
     border: 2px solid #ffffff;
     cursor: pointer;
     display: inline-block;
     line-height: 32px;
     height: 38px;
     width: 38px;
     border-radius: 7px;
     margin: 3px;
     box-shadow: 0 0 3px #7b7b7b;
     position: relative;
}  .articleDetails .descriptionContainer .colorSlot.active{
     border: 4px solid var(--color-primary);
}  .articleDetails .descriptionContainer .colorSlot .itemkid{
     position: absolute;
     top: 2px;
     right: 2px;
     width: 14px;
     height: 14px;
     line-height: 14px;
     border-radius: 50%;
     background-color: #333333;
     color: #ffffff;
     font-family: 'Montserrat', Arial, sans-serif;
     font-size: 9px;
     font-weight: bold;
     text-align: center;
     box-shadow: 0 0 2px rgba(0,0,0,0.4);
     z-index: 2;
     pointer-events: none;
}  .articleInfo{
     margin-top: 30px;
}  .articleInfo .tabItems .tabItem{
     border-bottom: 4px solid var(--color-light);
     cursor: pointer;
     display: inline-block;
     font-family: 'Montserrat';
     font-size: 26px;
     font-weight: 300;
     line-height: 26px;
     padding: 30px 40px;
     position: relative;
     text-transform: uppercase;
} .shortDescription{
     display:block;
}  .articleInfo .tabItems .tabItem.active{
     border: 4px solid var(--color-light);
     border-bottom: 4px solid #FFF;
     border-radius: 10px 10px 0 0;
     color: var(--color-primary);
     font-size: 28px;
     font-weight: bold;
     line-height: 26px;
}  .articleInfo .articleInfoBoxes .articleInfoBox{
     padding: 30px;
}  .articleInfo .articleInfoBoxes .articleInfoBox.inactive{
     display: none;
}  .articleInfo .articleInfoBoxes .articleInfoBox.active{
     display: block;
}  .esnovedad{
     position: absolute;
     bottom: 15px;
     width: 30%;
     background-color: #a9a5a6;
     padding: 1px;
     text-align: center;
     color: #fff;
     z-index: 12;
     font-weight: 600;
     -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.17);
     -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.17);
     box-shadow: 0px 3px 5px rgba(0,0,0,0.17);
}  .oculto {
     display: none;
} .precioCombi {
     font-size: 16px;
}  .precioCombi p{
     margin: 5px 0;
}   .imageconvideo{
     width:48%;
     margin-right:2%;
}  .imagesinvideo{
     width:50%;
     /*margin-right:2%;
*/
}   /* --------------------------------------------------CONTACTO */
 .containerizquierdo{
     display:inline-block;
     width: 50%;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
} .containerderecho{
     width: 50%;
     display:inline-block;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
} .containermapa{
}  .formrow{
     width: 100%;
     margin-top:10px;
     margin-bottom:10px;
}  .label01{
     display: block;
     width: 100%;
     color: #000;
     padding: 5px;
     font-size: 18px;
}  .campo01{
     width: 100%;
     color: var(--color-black);
     padding: 5px;
     /*color:var(--color-highlighted-dark);
*/
       background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
} .campo01:focus{
     border: 1px solid var(--color-gray) !important;
     box-shadow: 0 0 5px 1px #969696;
}  .campo011{
     width: 100%;
     color: var(--color-black);
     padding: 5px;
     /*color:var(--color-highlighted-dark);
*/
      /* background-color: var(--color-light) !important;
*/
       border: 1px solid var(--color-gray) !important;
     transition: box-shadow 0.3s, border 0.3s;
} .campo011:focus{
     border: 1px solid var(--color-primary) !important;
     box-shadow: 0 0 5px 1px #969696;
}  .txtarea{
     width: 100%;
     color: #333;
     padding: 5px;
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
} .txtarea:focus{
     border: 1px solid var(--color-primary) !important;
     box-shadow: 0 0 5px 1px #969696;
} .mapBox{
     display: block;
     width: 100%;
     height: 500px;
}  .lnkpolitica{
     color: var(--color-black);
     font-family: 'Exo 2', sans-serif;
     font-size: 16px;
}  .info_icon{
     font-size:25px !important;
     width:30px;
     color:var(--color-primary);
     display: inline-block;
     text-align: center;
} .info_txt{
     display: inline-block;
} .rowinfo{
     margin-top:30px;
} .txtrgpd{
     font-size: 10px;
     padding-bottom:40px;
}  /* --------------------------------------------------ACCESO */
 .caparecuperaclave{
     width: 100%;
     text-align: center;
}  .contblqacceso{
     margin-top:30px;
     margin-bottom:50px;
} .accesotopizq{
     width:50%;
     display:inline-block;
}  .accesotopder{
     width:50%;
     display:inline-block;
     vertical-align: bottom;
}  .accbienvenido{
     font-size: 26px;
     font-weight: bold;
}  .accinicia{
     font-size: 16px;
}   .bloqueacceso{
     /*display:inline-block;
*/
       width: 38%;
     margin:1%;
     vertical-align: top;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 10px;
     border:1px solid var(--color-silver);
     position:relative;
     margin:0 auto;
} .txtazul{
     color: var(--color-primary-dark);
} .well{
     display:block;
     min-height: 275px;
} /* COLLECTION ITEMS */
  .collectionItem{
     display: block;
     /*box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
*/
       width: 45px;
}  .lnkacceso{
     /* position:absolute;
 */
       bottom:10px;
     right: 10px;
} .lnkrecuperaclave{
     /* position: absolute;
 */
       bottom: 10px;
     left: 10px;
} .textcenter{
     text-align: center;
}  /*------------------------------------------------------------------------REGISTRO */
 .subtitleform{
     width:100%;
     border-bottom: 1px solid var(--color-silver);
     padding-bottom: 10px;
     margin-top:30px;
     font-size: 20px;
     font-weight: bold;
}  .label02{
     width: 18%;
     color: #000;
     padding: 5px;
     font-size: 18px;
     display:inline-block;
     text-align: right;
} .campo02{
     width: 70%;
     color: var(--color-black);
     padding: 5px;
     /*color:var(--color-highlighted-dark);
*/
       background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
} .campo02:focus{
     border: 1px solid var(--color-primary) !important;
     box-shadow: 0 0 5px 1px #969696;
}  .campo03{
     display:block;
} .campo03:focus{
     border: 1px solid var(--color-primary) !important;
     box-shadow: 0 0 5px 1px #969696;
}  .campo04{
     width:150px;
     margin-right:10px;
     color: var(--color-black);
     padding: 5px;
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
} .campo04:focus{
     border: 1px solid var(--color-primary) !important;
     box-shadow: 0 0 5px 1px #969696;
}  .tcenter{
     text-align: center;
}  .frwizq{
     width:50%;
     display: inline-block;
     padding:10px;
} .frwder{
     width: 50%;
     display: inline-block;
     padding:10px;
}  .frwizq2{
     width:33%;
     display: inline-block;
     padding:10px;
} .frwcentro{
     width: 33%;
     display: inline-block;
     padding:10px;
} .frwder2{
     width: 33%;
     display: inline-block;
     padding:10px;
}  .selectfrw{
     width: 100%;
     color: var(--color-black);
     padding: 5px;
     color: var(--color-highlighted-dark);
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
     height:36px;
}  .lblfrw{
     width:100%;
     display:inline-block;
}  .campofrw {
     width: 100%;
     color: var(--color-black);
     padding: 5px;
     color: var(--color-highlighted-dark);
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
}  .notasconocido{
     width: 100% !important;
     color: var(--color-black);
     padding: 5px;
     color: var(--color-highlighted-dark);
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
}   @media screen and (max-width: 800px){
     .frwizq{
         width:100%;
  }     .frwder{
         width:100%;
  }     /*     .capanotashtml{
         color:#666666;
          padding:10px;
         font-size:14px;
         height:40px;
}         */
}  /* ------------------------------------MIS DATOS */
  .titulomicuenta{
     font-size: 24px;
     font-weight: bold;
}  .cabeceramicuenta{
     width:100%;
     display:block;
} .capasalir{
     text-align: right;
     padding: 10px;
}  .tabmisdatos{
     /* width:33.3%;
 */
       /*width:25%;
 */
       width: 20%;
     display:inline-block;
     text-align: center;
     background-color: var(--color-silver);
      color:#fff;
     transition: all ease-in 0.2s;
     font-weight: bold;
     font-size: 12px;
}  .tabmisdatos.ancho20{
     width: 20%;
} .tabmisdatos.ancho16{
     /*width: 16.6%;
*/
       width: 14%;
}  .tabmisdatos.ancho12{
     /*width: 16.6%;
*/
       width: 12.5%;
}  .tabmisdatos.activo{
     background-color: var(--color-highlighted);
}   .lnktabs{
     width:100%;
     display:block;
     text-decoration: none;
     padding: 10px;
     color: var(--color-light);
}  .contenidosmicuenta{
     width:100%;
     padding:10px;
     box-sizing: border-box;
}  .contcontenidos{
      color: var(--color-black);
}  .select01{
     color: var(--color-black);
     padding: 5px;
     background-color: var(--color-light) !important;
     border: 1px solid var(--color-light) !important;
     transition: box-shadow 0.3s, border 0.3s;
}  .botonSalir{
     text-decoration: none;
     color: var(--color-black);
}  .botonSalir:hover{
     color: var(--color-highlighted);
}   /* ERROR $=$ */
 .error404{
     padding-top:40px;
     padding-left:10px;
     padding-right: 10px;
     padding-bottom: 50px;
     width:100%;
     text-align: center;
} .volverinicio{
     margin-top:30px;
     width:100%;
     text-align: center;
}   /* FILTROS */
 .capatitulofiltros{
     width:100%;
     display:block;
} /* .btnfiltros{
}  .btnlimpiafiltros{
} */
   .accordion {
     background-color: #eee;
     color: #444;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 15px;
     transition: 0.4s;
}  .activeacc, .accordion:hover {
     background-color: #ccc;
}  .accordion:after {
     content: '\002B';
     color: #777;
     font-weight: bold;
     float: right;
     margin-left: 5px;
}  .activeacc:after {
     content: "\2212";
}  .panelacc {
     padding: 0 18px;
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
}  .tagfiltro{
     display:inline-block;
     border:1px solid #333333;
     padding:4px;
     font-size: 12px;
     color:#333333;
     margin:4px;
}  .capafiltros{
     display:inline-block;
     width:400px;
     margin-top: 40px;
      padding-right:10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
} .titulofiltros{
     position: relative;
     padding-bottom: 10px;
     margin-bottom: 10px;
     width: 100%;
     font-size: 20px;
     font-weight: bold;
     color: var(--color-black);
}  .titulofiltros:after{
     width: 50px;
     height: 5px;
     position: absolute;
     content: '';
     bottom: 0;
     left: 0;
     background: var(--color-primary);
}  .coloresfiltros{
     width:100%;
     margin-bottom: 40px;
} .tallasfiltros{
     width:100%;
     margin-bottom: 40px;
} .categoriasfiltros{
     width:100%;
     margin-bottom: 40px;
}  .generofiltros{
     width:100%;
     margin-bottom: 40px;
}  .tipoprendafiltros{
     width:100%;
     margin-bottom: 40px;
}  .boxcolorfiltros{
     border: 2px solid var(--color-light);
     display: inline-block;
     line-height: 30px;
     height: 30px;
     width: 30px;
     margin: 2px;
     cursor:pointer;
} .boxtallafiltros {
     display: inline-block;
     font-size: 12px;
     font-weight: bold;
     padding: 6px 6px;
     margin: 2px;
     cursor: pointer;
     text-align: center;
     color: #333333;
     /* background: #00ccff;
 */
       text-decoration: none;
     border: 1px solid #333333;
     border-radius: 3px;
     margin: 3px 3px;
}  .colorseleccionado{
     border: 3px solid var(--color_red);
}  .tallaseleccionada{
     background-color: var(--color_logo);
     color: var(--color_light);
}  .altodefinido{
     height: 200px;
     overflow: hidden;
}  /* ---------------------------------------------------------LISTADO PRODUCTOS  */
 .capalistadoproductos{
     display:inline-block;
     vertical-align: top;
     /*border:1px solid #00ff00;
*/
       width: calc(100% - 320px);
     margin-top: 40px;
}  .capafiltros{
     display:inline-block;
     vertical-align: top;
     /*border:1px solid #00ff00;
*/
       width: 320px;
     margin-top: 40px;
}   .boxproducto {
     display: inline-block;
     list-style: outside none none;
     position: relative;
     width: calc(20% - 20px);
     margin: 10px ;
     height: auto;
     vertical-align: top;
}  @media screen and (max-width: 1920px){
     .boxproducto {
         width: calc(25% - 20px);
  } 
}  @media screen and (max-width: 1280px){
     .boxproducto {
         width: calc(33% - 20px);
  } 
}   @media screen and (max-width: 1200px){
     .boxproducto {
         width: calc(50% - 20px);
  }     .capafiltros{
         width: 220px;
         margin-top: 40px;
  }     .capalistadoproductos{
         width: calc(100% - 220px);
         margin-top: 40px;
  } 
}   @media screen and (max-width: 800px){
     .capafiltros{
         width: 100%;
         display: block;
         padding-right: 0;
         margin-top: 40px;
  }     .capalistadoproductos{
          width: 100%;
  }     .altodefinido {
         height: 68px;
  }  
}  @media screen and (max-width: 540px){
     .boxproducto {
         width: 100%;
         margin: 0;
  } 
}  .articleName2{
     font-size: 12px;
     color: var(--color-black);
     display: block;
     font-family: 'Montserrat';
     font-weight: bold;
     /*height: 42px;
*/
       text-transform: uppercase;
}  .articlePrice2{
     /*color: var(--color-primary);
*/
       color:#000000;
     font-family: 'Montserrat';
     font-size: 16px;
     font-weight: bold;
}  .capapaginacion{
     width:100%;
     text-align: center;
     padding:20px;
     display: inline-block;
}  .textopaginacion{
     width:100%;
     text-align: center;
}  .capanumpaginacion{
     width:100%;
     text-align: center;
     display: inline-block;
}  .pagination{
     list-style: none;
     padding: 0px;
     margin:0px;
}  .itempag{
     display: inline-block;
     margin:2px;
     border:1px solid var(--color-primary-dark);
     background-color: var(--color-primary-dark);
}  .lnkitempag{
     padding:4px;
     color: var(--color-light);
     min-width: 32px;
     display: block;
     text-decoration: none;
}   /* --------------------------------------------------------BUSQUEDA PRODUCTOS  */
 .tituloresultadosbusqueda{
     width:100%;
     text-align: center;
     font-size: 20px;
     color: var(--color-black);
     font-weight: bold;
}  .titulobuscador{
     width:100%;
     font-size: 20px;
     color: var(--color-black);
     text-align: center;
}    .textousqueda{
} .productosbuscador{
      width:100%;
      display: inline-block;
}    /* DISTRIBUIDOR OFICIAL */
 .imgdistribuidor{
     float: left;
     margin-left: 10px;
}  /* COMERCIAL */
 .capacomercial{
     float:left;
     text-align: center;
     position: relative;
     height: 40px;
}  .mnucomercial{
     display: inline-block;
}  .imgcomercial{
     float: left;
     margin-left: 10px;
}  .txtcomercial{
     font-size: 12px;
     width: 140px;
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%);
     display: none;
     background-color: #ffffff;
     border: 1px solid #ebebed;
     padding: 4px 6px;
     white-space: nowrap;
     text-align: center;
     z-index: 20;
}  .capacomercial:hover .txtcomercial{
     display: block;
}  .txtcomercial a{
     color: #333333;
     text-decoration: none;
}  /* POPUP INFO COMERCIAL */
 .swal-overlay .swal-modal{
     border-radius: 18px !important;
}  .infocomercial{
     text-align: center;
     color: #333333;
}  .infocomercial-titulo{
     display: block;
     width: 100%;
     margin-bottom: 14px;
     padding-bottom: 8px;
     border-bottom: 2px solid var(--color-primary);
     color: #333333;
     font-size: 18px;
     font-weight: 600;
}  .infocomercial-nombre{
     margin-bottom: 8px;
     font-weight: bold;
}  .infocomercial-dato{
     margin-bottom: 4px;
     color: #555555;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.6;
} /* CARRITO */
 /*------------------------------------------------Carrito-----*/
  #formcarrito ul {
   list-style: none;
   border: thin solid #b3b3b3;
   padding: 0;
} #formcarrito li {
   clear: both;
   float: none;
   height: auto;
   overflow: hidden;
   padding: 10px 10px;
   background: #ffffff;
} #formcarrito li:first-child {
   font-weight: bolder!important;
   font-size: 16px;
   color: #fff;
   background: var(--color-logo);
} #formcarrito span {
   display: inline-block;
   vertical-align: middle;
   text-align: center;
   min-width: 50px;
    font-size: 0.8em;
}  #formcarrito span input{
     max-width: 300px;
}  #formcarrito span.carritoimagenmini{
     width: 9%;
}  #formcarrito span.carritodescripcion {
   width: 20%;
     font-size: 14px;
} #formcarrito .carritolinea span.carritodescripcion {
   text-transform: uppercase;
} #formcarrito span.carritotalla{
   width: 6%;
   font-size: 14px;
}  #formcarrito span.carritocolor{
   width: 10%;
   font-size: 14px;
}  #formcarrito span.carritounidades {
   width: 12%;
   font-size: 14px;
}  #formcarrito span.carritoprecio{
   width: 9%;
   font-size: 14px;
}  #formcarrito span.carritosubtotal {
     width: 10%;
}  #formcarrito span.carritoborrarlinea {
   width: 8%;
} #formcarrito span.totalcarrito {
   text-align: right;
   width: 100%;
   color: #cf2026;
   font-weight: bold;
}  #totalcarrito {
   font-weight: bold;
}  #formcarrito .boton {
    display: inline-block;
}  #formcarrito .btn_form{
     margin: 0;
}  #formcarrito .carritolinea:nth-child(odd){
     background: #f5f5f5;
}  #formcarrito .rojo, .rojo{
     color: #cf2026 !important;
}  .advertencia.rojo{
     color: #FFF !important;
     background: #cf2026 !important;
     display: inline-block;
     padding-bottom: 10px;
     padding-left: 15px;
     padding-right: 15px;
     padding-top: 10px;
     border-radius: 5px;
     text-align: center;
} .boton.peque{
     color: #FFF;
     display: inline-block;
     padding: 10px;
     margin: 5px 3px;
     background: var(--color-logo);
     line-height: 10px;
     font-size: 20px;
     font-weight: bold;
     width: 32px;
     height: 32px;
}  #formcarrito li.cabeceracarrito, #formcarrito li.cabeceracarrito:first-child{
     background: #000000;
     color: #ffffff;
}  #formcarrito .btncarrito, #formcarrito .boton.peque{
     background: #000000;
     border-color: #000000;
     color: #ffffff;
}  #formcarrito .btncarrito:hover, #formcarrito .boton.peque:hover{
     background: #000000;
     border-color: #000000;
     color: #ffffff;
}  .readonly{
     border: 0px;
     font-size: 14px;
     background: none;
}  .btncar{
     float: right;
     margin:10px;
} .btncar:hover{
     color:#fff !important;
}  .carunidades {
     border-radius: 10px;
     border: 0px solid #000000;
     padding: 2px 5px 2px 5px;
     background-color: #45cbed;
     color: #fff;
     font-size: 12px;
     position: absolute;
     font-weight: bold;
     top: 0;
     line-height: 17px;
     width: 20px;
     height: 20px;
     right: 7px;
}   .carritovacio{
     width: 100%;
     margin-top: 40px;
     padding-top: 20px;
     padding-bottom: 100px;
}  .txtcarritovacio{
     width: 100%;
     margin-top: 40px;
     padding-bottom: 20px;
}  .btncarritovacio{
     width: 100%;
     margin-top: 40px;
     margin-bottom: 50px;
}  .btncarrito{
     background: var(--color-primary);
     color: var(--color-light);
     text-decoration: none;
     display: inline-block;
     border: 1px solid transparent;
     font-size: 15px;
     font-weight: 500;
     padding: 12px 54px;
     border-radius: 4px;
     color: #fff;
     border: 1px solid var(--color-primary);
     text-transform: uppercase;
     cursor: pointer;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     float: right;
     margin:10px;
}  .btncarrito:hover{
     background: var(--color-primary-dark);
     color: var(--color-light);
}   .lnkcarrito{
     color: var(--color-black);
     text-decoration: none;
} .lnkcarrito:hover{
     color: var(--color-primary);
     text-decoration: none;
}  .portesgratiscarrito{
     color: #cf2026;
     font-size: 18px !important;
     font-weight: bold;
     padding: 10px;
}   .capacarritoresumen{
     float:right;
     width:300px;
     background-color:#ffffff;
     border-radius: 17px 17px 17px 17px;
     -moz-border-radius: 17px 17px 17px 17px;
     -webkit-border-radius: 17px 17px 17px 17px;
     border: 1px solid #000000;
     padding:14px;
     margin-right:11px;
}  .capacarritoresumen div{
     color: #000000 !important;
}  .textoscarritoresumen{
     text-align:left;
     width:60%;
     color:#003399;
     float:left;
     font-size: 16px;
}  .importescarritoresumen{
     text-align:right;
     width:40%;
     color:#003399;
     float:left;
     font-size: 17px;
     font-weight: bold;
}  .textototalcarritoresumen{
     margin-top:20px;
     text-align:left;
     width:60%;
     color:#000000;
     float:left;
     font-weight: bold;
     font-size: 22px;
}  .importetotalcarritoresumen{
     margin-top:20px;
     text-align:right;
     width:40%;
     color:#000000;
     float:left;
     font-size: 22px;
     font-weight: bold;
}       /* FINALIZAR PEDIDO */
  .finalizarpedido{
     display: block;
     padding-bottom:50px;
}  .datosenvio{
     width:30%;
     padding:10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
}  .datospedido{
     width:70%;
     padding:10px;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: inline-block;
     vertical-align: top;
}  .card50{
      width: 50%;
     display: inline-block;
     vertical-align: top;
     padding: 10px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}  .checkout-payment-methods{
     border:1px solid #ccc;
}  .checkout-shipping-methods{
     border:1px solid #ccc;
}  .card-heading{
     text-align: center;
     background-color: #ccc;
     padding:20px;
}  .card-title{
     margin:0px;
     padding:0px;
}   .card100{
     width: 100%;
     display: inline-block;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     border:1px solid #ccc;
}  .card-body{
     width: 100%;
     display: inline-block;
     padding: 10px;
      -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}  .mtop20{
     margin-top:30px;
}  .obspedido{
     width: 100%;
} .carritobotones{
     width: 100%;
     padding:10px;
}  .aceptacompra{
     margin:10px;
     float:right;
}  .vuelveacarrito{
     float:left;
     margin:10px;
} .trthead{
     /*background-color: #ccc;
*/
       color: var(--color-black);
}  .theadtitulo{
     font-size: 16px;
     color: var(--color-black);
     padding: 4px;
     border:1px solid #ccc;
} .celdatabla{
     font-size: 16px;
     color: var(--color-black);
     padding: 4px;
     border:1px solid #ccc;
}  .centercelda{
     text-align: center;
} .leftcelda{
     text-align: left;
} .rightcelda{
     text-align: right;
}    /* ----------------------------------------------------- INFOPEDIDO------------*/
  .capatabla{
     width:100%;
} .tablainfopedido{
     width:100%;
     border-collapse: collapse;
}   .imgitemspie{
     height:40px;
     width:auto;
     margin:2px;
}  .desarrolla{
     width: 100%;
     text-align: center;
}  .lnkdesarrolla{
     color: var(--color-black);
     text-decoration: none;
     font-weight: bold;
     transition: all ease-in 0.2s;
}  .lnkdesarrolla:hover{
     color: var(--color-primary);
}  /* ESPECIALES */
 .itemespeciales{
     display: inline-block;
     vertical-align: top;
     margin:10px;
} .imagenespeciales{
     width: 430px;
     height: auto;
     overflow: hidden;
} .imagenespeciales img{
     width: 100%;
} /* .nombreespeciales{
     width:100%;
     text-align: center;
     background-color: #000;
     padding: 5px;
     color:#fff;
} */
 .nombrenovedades{
     width:100%;
     text-align: center;
     background-color: #fff;
     border-top: 1px solid #ccc;
     padding: 5px;
     color:#00ccff;
     font-weight: bold;
     transition-duration: 2s;
} .nombrenovedades:hover{
     color:#000;
}  .itemsdistribuidor{
     display: inline-block;
     vertical-align: top;
     margin:10px;
 	/*     -webkit-box-shadow: 0 10px 26px rgba(0,0,0, 0.24);
     -moz-box-shadow: 0 10px 26px rgba(0,0,0, 0.24);
     box-shadow: 0 10px 26px rgba(0,0,0, 0.24);
     */
}  .imagendistribuidor{
 	width: 220px;
     height: auto;
     overflow: hidden;
}  .imagendistribuidor img{
     width: 100%;
}  .nombredistribuidor{
 	width:100%;
     text-align: center;
     background-color: #fff;
     border-top: 1px solid #ccc;
     padding: 5px;
     color:#00ccff;
     font-weight: bold;
     transition-duration: 2s;
}  .nombredistribuidor:hover{
     color:#000;
} /* ----------------------------------------------------- BLOG------------*/
 .itemlistablog{
     width: 100%;
     display:block;
     border:0px solid #ff0000;
     padding-bottom: 20px;
     padding-top: 20px;
     transition: all ease-in 0.2s;
} .itemlistablog:hover{
    /*    -webkit-box-shadow: -1px 0px 8px 0px rgba(179,166,179,1);
     -moz-box-shadow: -1px 0px 8px 0px rgba(179,166,179,1);
     box-shadow: -1px 0px 8px 0px rgba(179,166,179,1);
7     */
}  .capaimglistablog{
     width: 20%;
     display:inline-block;
     vertical-align: top;
     border:0px solid #00ff00;
}  .txtlistablog{
     width: 80%;
     display:inline-block;
     vertical-align: top;
     border:0px solid #0000ff;
     padding: 0px 20px 20px 20px;
}   .lnkimgblog{
     text-decoration: none;
}    .imglistablog{
     width:100%;
}    .titulolistablog{
     width:100%;
} .lnktituloblog{
     font-size: 20px;
     font-weight: bold;
     color: var(--color-black);
     text-decoration: none;
     transition: all ease-in 0.2s;
}  .lnktituloblog:hover{
     color: var(--color-primary);
}  .lnkvermasblog{
     font-size: 16px;
     font-weight: bold;
     color: var(--color-black);
     text-decoration: none;
     transition: all ease-in 0.2s;
}  .lnkvermasblog:hover{
     color: var(--color-primary);
}     .fechalistablog{
     font-size: 14px;
     font-weight: bold;
     color: var(--color-primary);
     text-align: left;
     width:100%;
}   .introlistablog{
     width:100%;
}  .vermaslistablog{
     width:100%;
}   .izqblogampliada{
     display: inline-block;
     vertical-align: top;
     width: 30%;
}  .derblogampliada{
     display: inline-block;
     vertical-align: top;
     width: 70%;
} .fechablogampliada{
     font-size: 14px;
     font-weight: bold;
     color: var(--color-primary);
     text-align: left;
     width:100%;
     padding-bottom: 40px;
}  .imgblogampliada img{
     padding-top: 20px;
     width: 100% 
}  .contenidoblogampliada{
     padding:0px 20px 20px 20px;
}    /* FOOTER */
  footer{
     background: var(--color-light);
     padding: 40px 0;
}  .footerItems{
     display: inline-block;
     margin-bottom: 60px;
     padding: 20px;
     vertical-align: top;
     width: 33%;
}  .footerItems .titleFooter{
     font-size: 1.3em;
     font-weight: bold;
     margin-bottom: 50px;
     text-transform: uppercase;
}     .footerItems ul{
     padding: 0;
}  .footerItems ul li{
     margin-bottom: 10px;
     list-style: none;
}  .footerItems ul li a{
     color: var(--color-black);
     text-decoration: none;
}      .footerItems2{
     display: inline-block;
     margin-bottom: 60px;
     padding: 20px;
     vertical-align: top;
     width: 48%;
}  .footerItems2 .titleFooter{
     font-size: 1.3em;
     font-weight: bold;
     margin-bottom: 50px;
     text-transform: uppercase;
}     .footerItems2 ul{
     padding: 0;
}  .footerItems2 ul li{
     margin-bottom: 10px;
     list-style: none;
}  .footerItems2 ul li a{
     color: var(--color-black);
     text-decoration: none;
}     .titleFootermedium{
     font-size: 1.3em;
     font-weight: bold;
     margin-bottom: 0px;
     text-transform: uppercase;
}  /* ==========================================================================    Helper classes    ========================================================================== */
  .aHalf{
     display: inline-block;
     vertical-align: top;
     width: 45%;
     padding:15px;
} .aHalf2{
     display: inline-block;
     vertical-align: top;
     width: 55%;
     padding:15px 0px 15px 0px;
} .float-left{
     float: left;
}   .float-right{
     float: right;
}  .fix-height{
     height: auto;
     overflow: hidden;
}  .d-inline-block{
     display: inline-block;
} .d-flex{
     display: flex;
} /*  * Hide visually and from screen readers  */
  .hidden {
     display: none !important;
}  /*  * Hide only visually, but have it available for screen readers:  * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility  */
  .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
}  /*  * Extends the .visuallyhidden class to allow the element  * to be focusable when navigated to via the keyboard:  * https://www.drupal.org/node/897638  */
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
}  /*  * Hide visually and from screen readers, but maintain layout  */
  .invisible {
     visibility: hidden;
}  /*  * Clearfix: contain floats  *  * For modern browsers  * 1. The space content is one way to avoid an Opera bug when the  *    `contenteditable` attribute is included anywhere else in the document.  *    Otherwise it causes space to appear at the top and bottom of elements  *    that receive the `clearfix` class.  * 2. The use of `table` rather than `block` is only necessary if using  *    `:before` to contain the top-margins of child elements.  */
  .clearfix:before, .clearfix:after {
     content: " ";
 /* 1 */
       display: table;
 /* 2 */
}  .clearfix:after {
     clear: both;
}  .wrapper{
     margin: 0 auto;
     width: calc(100% - 80px);
     /*padding-top:20px;
*/
}  .wrapper.lvl2{
     /*max-width: 1360px;
*/
       max-width: 100%;
}  .wrapper.lvl3{
     max-width: 1360px;
}   .wrapper.lateral{
     max-width: calc( 1360px + ((100vw - 1360px) / 2) );
     margin: 0 0 0 auto;
}  .capadetallearticulo{
     max-width: 100%;
     /*     margin: 0 auto;
     width: calc(100% - 80px);
     max-width: 1360px;
     font-size: 16px;
     margin: 60px auto;
     border:1px solid #ff0000;
*/
}  .videocontainer{
     width: 48%;
     display: inline-block;
}  .imgAutoresize img{
     height: auto;
     width: 100%;
}   .globo-whatsapp{
   background: url(/img/w.png) no-repeat #ffffff;
   border-radius: 50%;
   width: 50px;
   height: 50px;
   background-size: contain;
   box-shadow: 0 0 10px 0px #54cc61;
   position: fixed;
   bottom: 30px;
   right: 30px;
   z-index: 50;
}   .clienteantiguotxt{
     text-align: center;
     padding:10px;
     font-size: 20px;
}  .plus-listado {
     background: var(--color-primary);
     text-align: center;
     padding: 5px;
     color: #fff;
     cursor: pointer;
     margin-bottom: 40px;
     border-radius: 3px;
}  .mnutxtsubfamilia{
     font-size: 14px !important;
}  .bandera{
     width: auto;
}  .imgcesta{
     float:left;
} .capaimgcesta{
     float:left;
}  .icocesta{
     height: auto;
}  .icousuario{
     height: auto;
}  .icousuarioinicial{
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #ebebed;
     color: #333333;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     font-weight: bold;
     line-height: 1;
     text-transform: uppercase;
}    /* .mi-input::placeholder {
 color: red;
 font-weight: bold;
} */
 .tallainput::placeholder {
 color: #acacac;
}     /* ==========================================================================    EXAMPLE Media Queries for Responsive Design.    These examples override the primary ('mobile first') styles.    Modify as content requires.    ========================================================================== */
    @media screen and (max-width: 1460px) {
     .hide {
         display: none!important;
  }     .hamburguesa {
         display: inherit!important;
  }     .menuTop ul li{
         justify-content: start;
  }     .btnbuscaproductomin{
         display: block;
  }     header .searchbox {
         display:none;
         /*         padding: 10px 10px;
         width: 100%;
*/
  }     .mnuusuario {
         margin-left: 20px;
  } /*     header .searchbox input {
         width: 80%;
}   */
       .plus {
         height: 38px;
         align-items: center;
         display: flex!important;
         cursor: pointer;
         content: "+";
         font-weight: 900;
         font-size: 33px!important;
         background: none!important;
         color: inherit!important;
  }     /*     .menuTop{
         position: absolute;
         top: 0px;
         left: 0px;
}     */
       .menuTop ul{
         display: block;
  }     .menuTop ul li a{
         border-left: none;
         border-right: none;
  }     .familia {
         flex-wrap: wrap;
  }     .menuTop li ul {
         position: inherit;
  }     .subfamilia {
         display: block!important;
  }   
} @media screen and (max-width: 1000px) {
     header{
         flex-wrap: wrap;
  }     #logo {
         /*width: 33%;
*/
             width: 100%;
         display: flex;
         align-items: center;
  }     header .buttons {
         order: 2;
  }     header .searchbox {
         order: 3;
  }     .boxtitulo,.boxslogan {
         font-size: 5vw;
  } 
}   @media screen and (max-width: 990px) {
     .imagenespeciales{
         width: 100%;
         height: auto;
         overflow: hidden;
  } 
}    @media(max-width:768px){
     .lipremenu{
         display: none !important;
  }     .bandera{
         height: 12px;
  }     .imgdistribuidor{
          width:40px;
  }     .icocesta{
         height:30px;
  }     .txtcesta{
         font-size: 9px;
  }     .icousuario{
         height:30px;
  }     .icousuarioinicial{
         width:30px;
         height:30px;
         font-size: 14px;
  }     .txtusuario{
         font-size: 9px;
  }     .txtcomercial{
         font-size: 9px;
  }     .btnbuscaproductomin{
          font-size: 21px;
  }     header .buttons {
         width: 190px;
  } 
}  @media screen and (max-width: 750px) {
     .datosenvio,.datospedido{
         width: 100%;
  }     #infopedido{
         overflow: scroll;
  }     .hamburguesa a{
         font-size: 20px;
  } 
}  @media screen and (max-width: 640px) {
     html{
         font-size: 12px;
  }      .wrapper{
         margin: 0 auto;
         width: calc(100% - 40px);
  } 
}  @media screen and (max-width: 500px) {
     #logo {
         /*width: 33%;
*/
             width: 84%;
         display: flex;
         align-items: center;
  }       .coloresfiltros,.tallasfiltros,.categoriasfiltros {
         display: none;
  }      .descriptionContainer {
         background: white;
  }      .cabeceracarrito{
         display: none;
  }     /* .carritoborrarlinea{
         display: block!important;
} */
       #formcarrito span.carritodescripcion {
         width: 80%;
  }     #formcarrito span.carritounidades {
         width: 45%;
  }     #formcarrito span.carritounidades::before{
         content: "Uds:";
  }     #formcarrito span.carritoprecio {
         width: 40%;
  }     #formcarrito span.carritoprecio::before {
         content: "Ud:";
  }     #formcarrito span.carritosubtotal {
         width: 65%;
  }     #formcarrito span.carritosubtotal::before {
         content: "Subtotal:";
  }     #formcarrito span.carritoborrarlinea {
         width: 20%;
  }     #formcarrito span.carritocolor {
         width: 49%;
  }     #formcarrito span.carritocolor::before {
         content: "Color: ";
  }     #formcarrito span.carritotalla{
         width: 49%;
  }     #formcarrito span.carritotalla::before {
         content: "Talla: ";
  } 
}  @media only screen and (min-width: 35em) {
     /* Style adjustments for viewports that meet the condition */
}  @media print,        (-webkit-min-device-pixel-ratio: 1.25),        (min-resolution: 1.25dppx),        (min-resolution: 120dpi) {
     /* Style adjustments for high resolution devices */
}  /* ==========================================================================    Print styles.    Inlined to avoid the additional HTTP request:    http://www.phpied.com/delay-loading-your-print-css/    ========================================================================== */
  @media print {
     *,     *:before,     *:after,     *:first-letter,     *:first-line {
         background: transparent !important;
         color: #000 !important;
 /* Black prints faster:                                    http://www.sanbeiji.com/archives/953 */
             box-shadow: none !important;
         text-shadow: none !important;
  }      a,     a:visited {
         text-decoration: underline;
  }      a[href]:after {
         content: " (" attr(href) ")";
  }      abbr[title]:after {
         content: " (" attr(title) ")";
  }      /*      * Don't show links that are fragment identifiers,      * or use the `javascript:` pseudo protocol      */
        a[href^="#"]:after,     a[href^="javascript:"]:after {
         content: "";
  }      pre,     blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
  }      /*      * Printing Tables:      * http://css-discuss.incutio.com/wiki/Printing_Tables      */
        thead {
         display: table-header-group;
  }      tr,     img {
         page-break-inside: avoid;
  }      img {
         max-width: 100% !important;
  }      p,     h2,     h3 {
         orphans: 3;
         widows: 3;
  }      h2,     h3 {
         page-break-after: avoid;
  } 
}  table[id*="tablacolor_"]{
     width: 100%;
} table[id*="tablacolor_"] td, table[id*="tablacolor_"] th{
     background: var(--color-silver);
     border-style: solid;
     border-color: #fff;
     padding: 6px;
     text-align: left;
}  .destacadoArticulo{
     color: var(--color-primary);
     font-weight: bold;
}    /* COLORES TEMPORAL */
 /* GENERAR HOJA DE ESTILO DE COLORES DIRECTAMENTE DESDE WORK EN BASE A LOS COLORES */
  .color12{
     background: #446EA0;
} .color23{
     background: #2FA37D;
} .color13{
     background: #7BA343;
} .color33{
     background: #9F602B;
} .color21{
     background: #9E377C;
} .color53{
     background: #1CA515;
}  /* a {
   border: 1px solid red;
} */
  .tooltipster-fall,.tooltipster-grow.tooltipster-show{
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);
-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-base{
display:flex;
pointer-events:none;
position:absolute
}.tooltipster-box{
flex:1 1 auto
}.tooltipster-content{
box-sizing:border-box;
max-height:100%;
max-width:100%;
overflow:auto
}.tooltipster-ruler{
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
visibility:hidden
}.tooltipster-fade{
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-o-transition-property:opacity;
-ms-transition-property:opacity;
transition-property:opacity
}.tooltipster-fade.tooltipster-show{
opacity:1
}.tooltipster-grow{
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform;
-webkit-backface-visibility:hidden
}.tooltipster-grow.tooltipster-show{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-swing{
opacity:0;
-webkit-transform:rotateZ(4deg);
-moz-transform:rotateZ(4deg);
-o-transform:rotateZ(4deg);
-ms-transform:rotateZ(4deg);
transform:rotateZ(4deg);
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform
}.tooltipster-swing.tooltipster-show{
opacity:1;
-webkit-transform:rotateZ(0);
-moz-transform:rotateZ(0);
-o-transform:rotateZ(0);
-ms-transform:rotateZ(0);
transform:rotateZ(0);
-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);
-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
transition-timing-function:cubic-bezier(.23,.635,.495,2.4)
}.tooltipster-fall{
-webkit-transition-property:top;
-moz-transition-property:top;
-o-transition-property:top;
-ms-transition-property:top;
transition-property:top;
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-fall.tooltipster-initial{
top:0!important
}.tooltipster-fall.tooltipster-dying{
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property:all;
-ms-transition-property:all;
transition-property:all;
top:0!important;
opacity:0
}.tooltipster-slide{
-webkit-transition-property:left;
-moz-transition-property:left;
-o-transition-property:left;
-ms-transition-property:left;
transition-property:left;
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-slide.tooltipster-initial{
left:-40px!important
}.tooltipster-slide.tooltipster-dying{
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property:all;
-ms-transition-property:all;
transition-property:all;
left:0!important;
opacity:0
}@keyframes tooltipster-fading{
0%{
opacity:0
  }100%{
opacity:1
  }
}.tooltipster-update-fade{
animation:tooltipster-fading .4s
}@keyframes tooltipster-rotating{
25%{
transform:rotate(-2deg)
  }75%{
transform:rotate(2deg)
  }100%{
transform:rotate(0)
  }
}.tooltipster-update-rotate{
animation:tooltipster-rotating .6s
}@keyframes tooltipster-scaling{
50%{
transform:scale(1.1)
  }100%{
transform:scale(1)
  }
}.tooltipster-update-scale{
animation:tooltipster-scaling .6s
} .tooltipster-fall,.tooltipster-grow.tooltipster-show{
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);
-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-base{
display:flex;
pointer-events:none;
position:absolute
}.tooltipster-box{
flex:1 1 auto
}.tooltipster-content{
box-sizing:border-box;
max-height:100%;
max-width:100%;
overflow:auto
}.tooltipster-ruler{
bottom:0;
left:0;
overflow:hidden;
position:fixed;
right:0;
top:0;
visibility:hidden
}.tooltipster-fade{
opacity:0;
-webkit-transition-property:opacity;
-moz-transition-property:opacity;
-o-transition-property:opacity;
-ms-transition-property:opacity;
transition-property:opacity
}.tooltipster-fade.tooltipster-show{
opacity:1
}.tooltipster-grow{
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-o-transform:scale(0,0);
-ms-transform:scale(0,0);
transform:scale(0,0);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform;
-webkit-backface-visibility:hidden
}.tooltipster-grow.tooltipster-show{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-swing{
opacity:0;
-webkit-transform:rotateZ(4deg);
-moz-transform:rotateZ(4deg);
-o-transform:rotateZ(4deg);
-ms-transform:rotateZ(4deg);
transform:rotateZ(4deg);
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform
}.tooltipster-swing.tooltipster-show{
opacity:1;
-webkit-transform:rotateZ(0);
-moz-transform:rotateZ(0);
-o-transform:rotateZ(0);
-ms-transform:rotateZ(0);
transform:rotateZ(0);
-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);
-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);
transition-timing-function:cubic-bezier(.23,.635,.495,2.4)
}.tooltipster-fall{
-webkit-transition-property:top;
-moz-transition-property:top;
-o-transition-property:top;
-ms-transition-property:top;
transition-property:top;
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-fall.tooltipster-initial{
top:0!important
}.tooltipster-fall.tooltipster-dying{
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property:all;
-ms-transition-property:all;
transition-property:all;
top:0!important;
opacity:0
}.tooltipster-slide{
-webkit-transition-property:left;
-moz-transition-property:left;
-o-transition-property:left;
-ms-transition-property:left;
transition-property:left;
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);
-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
transition-timing-function:cubic-bezier(.175,.885,.32,1.15)
}.tooltipster-slide.tooltipster-initial{
left:-40px!important
}.tooltipster-slide.tooltipster-dying{
-webkit-transition-property:all;
-moz-transition-property:all;
-o-transition-property:all;
-ms-transition-property:all;
transition-property:all;
left:0!important;
opacity:0
}@keyframes tooltipster-fading{
0%{
opacity:0
  }100%{
opacity:1
  }
}.tooltipster-update-fade{
animation:tooltipster-fading .4s
}@keyframes tooltipster-rotating{
25%{
transform:rotate(-2deg)
  }75%{
transform:rotate(2deg)
  }100%{
transform:rotate(0)
  }
}.tooltipster-update-rotate{
animation:tooltipster-rotating .6s
}@keyframes tooltipster-scaling{
50%{
transform:scale(1.1)
  }100%{
transform:scale(1)
  }
}.tooltipster-update-scale{
animation:tooltipster-scaling .6s
}.tooltipster-sidetip .tooltipster-box{
background:#565656;
border:2px solid #000;
border-radius:4px
}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{
margin-top:8px
}.tooltipster-sidetip.tooltipster-left .tooltipster-box{
margin-right:8px
}.tooltipster-sidetip.tooltipster-right .tooltipster-box{
margin-left:8px
}.tooltipster-sidetip.tooltipster-top .tooltipster-box{
margin-bottom:8px
}.tooltipster-sidetip .tooltipster-content{
color:#fff;
line-height:18px;
padding:6px 14px
}.tooltipster-sidetip .tooltipster-arrow{
overflow:hidden;
position:absolute
}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{
height:10px;
margin-left:-10px;
top:0;
width:20px
}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{
height:20px;
margin-top:-10px;
right:0;
top:0;
width:10px
}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{
height:20px;
margin-top:-10px;
left:0;
top:0;
width:10px
}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{
bottom:0;
height:10px;
margin-left:-10px;
width:20px
}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{
height:0;
position:absolute;
width:0
}.tooltipster-sidetip .tooltipster-arrow-background{
border:10px solid transparent
}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{
border-bottom-color:#565656;
left:0;
top:3px
}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{
border-left-color:#565656;
left:-3px;
top:0
}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{
border-right-color:#565656;
left:3px;
top:0
}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
border-top-color:#565656;
left:0;
top:-3px
}.tooltipster-sidetip .tooltipster-arrow-border{
border:10px solid transparent;
left:0;
top:0
}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{
border-bottom-color:#000
}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{
border-left-color:#000
}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{
border-right-color:#000
}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{
border-top-color:#000
}.tooltipster-sidetip .tooltipster-arrow-uncropped{
position:relative
}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{
top:-10px
}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{
left:-10px
} .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{
border:none;
border-radius:5px;
background:#fff;
box-shadow:0 0 10px 6px rgba(0,0,0,.1)
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{
margin-top:6px
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{
margin-right:6px
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{
margin-left:6px
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{
margin-bottom:6px
}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{
color:#8d8d8d
}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{
height:6px;
margin-left:-6px;
width:12px
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{
height:12px;
margin-left:0;
margin-top:-6px;
width:6px
}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{
display:none
}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{
border:6px solid transparent
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{
border-bottom-color:#fff
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{
border-left-color:#fff
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{
border-right-color:#fff
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{
border-top-color:#fff
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{
top:-6px
}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{
left:-6px
}    .contcontenidos{
     width: 100%;
}   .contcontenidos {
   /* float: left;
 */
     margin-bottom: 30px;
   margin: 10px 0;
   position: relative;
   width: 100%;
} .contcontenidos ul {
   float: left;
   width: 100%;
   margin: 0px;
   padding: 0px;
   list-style: none;
} .contcontenidos ul li {
   float: left;
   border-bottom: 1px solid #222;
   color: #476495;
   list-style: none;
   width: 100% !important;
} .contcontenidos .titulopedido {
   width: 100%;
   margin: 0;
   padding: 3px 0 3px 0;
   box-sizing: border-box;
   background-color: #46ccff;
   color: #fff;
}  .contcontenidos .pedido td, .contcontenidos .titulopedido td{
     padding: 10px;
}  .contcontenidos .titulopedido .tnumpedido {
   float: left;
   padding: 5px;
   position: relative;
   width: 150px;
   color: #fff;
   font-weight: normal;
   box-sizing: border-box;
} .contcontenidos .titulopedido .tfecha {
   padding-top: 5px;
   float: left;
   width: 200px;
} .contcontenidos .titulopedido .timporte {
   padding-top: 5px;
   float: left;
   width: 200px;
} .contcontenidos .titulopedido .testado {
   padding-top: 5px;
   float: left;
   width: 100px;
} .contcontenidos .titulopedido .tpdf {
   padding-top: 5px;
   float: left;
   width: 100px;
} .contcontenidos .titulopedido .tsolicita {
   padding-top: 5px;
   float: left;
   width: 200px;
} .contcontenidos .numpedido {
   float: left;
   padding: 5px;
   position: relative;
   width: 150px;
   color: #000;
   font-weight: normal;
   box-sizing: border-box;
} .contcontenidos .fecha {
   padding-top: 5px;
   float: left;
   width: 200px;
} .contcontenidos .importe {
   padding-top: 5px;
   float: left;
   width: 200px;
} .mpedidos .estado {
   padding-top: 5px;
   float: left;
   width: 100px;
} .contcontenidos .pdf {
   padding-top: 5px;
   float: left;
   width: 100px;
} .contcontenidos .solicita {
   padding-top: 5px;
   float: left;
   width: 200px;
} .contcontenidos .pedido {
   padding-top: 5px;
   background-color: #dddddd;
} .contcontenidos .titulolineapedido {
   color: #008532;
} .contcontenidos .descripcion {
   padding-top: 5px;
   float: left;
   width: 25%;
} .contcontenidos .unidades {
   padding-top: 5px;
   float: left;
   width: 15%;
} .contcontenidos .subtotal {
   padding-top: 5px;
   float: left;
   width: 15%;
}      /*-----------------------------------------FIN GALERIA PRODUCTO-------------------*/
  .cabeceraarticulo{
   /*width: 100%;
*/
     width: 100%;
   display: inline-block;
   vertical-align: top;
}   .descargaimgficha{
   width:31%;
   display: inline-block;
}  .lnkdescargafichaimagen{
     display: inline-block;
     vertical-align: top;
     width: 33%;
     text-align: center;
     color: var(--color-dark);
     text-decoration: none;
} .imgdescarga{
     display: inline-block;
     height:28px;
} .txtdescarga{
     display: inline-block;
     font-size: 12px;
}    .capatallamultiple{
     /*background: var(--color-highlighted);
*/
       padding:10px;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     border: 0px solid var(--color-light);
    /* text-align: center;
*/
       /*margin: 30px;
*/
}  .capatallamultipletitulo{
     display: none;
      padding:0px;
      color: var(--color-black);
      margin-bottom: 0;
      font-weight: bold;
      text-align: left;
      display:inline-block;
      width: 200px;
}  .unidadesmultiple{
      color: var(--color-black);
      margin-bottom: 0;
      font-weight: bold;
      text-align: left;
}   .itemtalla{
     width: 80px;
     text-align: center;
     display: inline-block;
     vertical-align: top;
     margin:5px;
}  .tallainput{
     width: 60px;
     text-align: center;
     padding: 4px !important;
}  .itemtallastockfabricante{
     width: 100%;
     color: var(--color-medium);
     font-size: 13px;
} .itemtallastocklocal{
     width: 100%;
     color: var(--color-medium);
     font-size: 13px;
}   .botoneraadd{
     display: inline-block;
     width: 100%;
} .capatitulosfsl{
     /*visibility: hidden;
*/
       display:inline-block;
     width: 200px;
     /*float: left;
*/
       margin-top: 10px;
     text-align: left;
     padding-left: 0px;
} .leyendasf{
     width: 100%;
     /*color: #FFF;
*/
       font-size: 13px;
} .leyendasl{
     width: 100%;
     /*color: #FFF;
*/
       font-size: 13px;
} .masinfoslsf{
     width:20px;
     cursor:pointer;
     grid-template-areas: 10px;
}  .ico-roly{
     color: var(--color-black);
}  .ico-sregalo{
     color: var(--color-primary);
}  .infosf{
     position: absolute;
     z-index: 20;
     width:300px;
     background-color: #00ccff;
     padding-left: 10px;
     padding-right: 10px;
     color:#fff;
}  .infosl{
     position: absolute;
     z-index: 20;
     width:300px;
     background-color: #00ccff;
     margin-left: 0px;
     padding-left: 10px;
     padding-right: 10px;
     color:#fff;
}   .itemtallatitulo{
     width: 100%;
     color: var(--color-black);
     font-size: 10px;
     font-weight: bold;
} .itemtallainput{
     width: 100%;
} .tallainputpvp{
     border: 0px solid var(--color-medium) !important;
     width: 100%;
     /*background: var(--color-highlighted);
*/
       color: var(--color-medium);
     text-align: center;
     padding:4px;
}  .itemtallaprecio{
     width: 100%;
}  .capatallamultiplebtn{
     display: inline-block;
     width: 200px;
     margin-top:10px;
     margin-bottom: 20px;
     /*text-align: right;
     padding:20px;
*/
} .boton-tallamultiple{
     text-decoration: none;
     cursor: pointer;
     padding: 10px;
     color: #fff;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     background: #000; /*var(--color-primary);*/
     border: 2px solid #000 !important;
     margin-bottom: 30px;
}   
.detalleinfo{
     margin-top:20px;
     margin-bottom:20px;
}   .correctoincorrectotitle{
   width: 100%;
   text-align: center;
}     /*--------------------------ACORDEON---------------------*/
 .accordeon{
     width:100%;
     display: block;
     margin-bottom: 40px;
} .block {
     width:100%;
     /*float:left;
*/
       margin-bottom:1px;
}  .block h2 {
     width:96%;
     /*float:left;
*/
       /*background-color:#336600;
*/
       color: var(--color-black);
     cursor:pointer;
     margin:0px;
     padding:5px;
     font-size: 18px;
     font-weight: normal;
}  .block h2:before{
     content:'-';
     width:28px;
     height:28px;
     padding: 2px 2px 2px 2px;
     line-height: 32px;
     text-align: center;
     margin-right: 20px;
     background-color: var(--color-black);
     color: var(--color-light);
     border-radius: 3px;
     display: inline-block;
     font-size: 20px;
     font-weight: bold;
}   .block ul {
     width:100%;
     /*float:left;
*/
       margin: 0;
     padding: 0;
     display:none;
}  .block ul li {
     /*background-color: #33CC00;
*/
       /*border-bottom: 1px solid #336600;
*/
       /*float: left;
*/
       list-style: none outside none;
     padding: 5px;
     width: 96%;
     color: var(--color-black);
} .block h2.nodesplegado:before{
     content:'+';
}  /*-----------------------------------FIN ACORDEON-------------------------*/
  /* @media (max-width: 767px) {
     .accordion-content {
         padding: 10px 0;
} 
}  */
   /* menu idiomas --------------------------------------*/
 .mnuidiomas{
     right: 10px;
     top:0px;
     z-index: 999;
     position: absolute;
} .idiomasel{
}    .mnuidiomas ul {
   background: var(--color-gray);
   display: flex;
   list-style: none;
}  .mnuidiomas ul ul {
   display: none;
}  .mnuidiomas a {
   display: block;
   color: #FFF;
    text-decoration: none;
}  .mnuidiomas a:hover {
   background:var(--color-gray);
}  .mnuidiomas a i {
   margin-left: 10px;
}  .mnuidiomas ul li:hover ul {
   transition: all 0.3s ease;
   display: block;
   position: absolute;
}  .liidiomas{
 padding:5px 6px 5px 6px !important;
}    .titulodetalleficha{
     font-weight: bold;
     font-size: 16px;
     margin-top: 20px;
}  .textodetalleficha{
     font-size: 16px;
}  .titulodetalletallas{
     font-weight: bold;
     font-size: 16px;
     margin-top: 20px;
}  .textodetalletallas{
     font-size: 16px;
      margin-top: 20px;
      width:100%;
      overflow-x: auto;
}   /* fin menu idiomas ----------------------------------*/
  .contenidonoticiapoblacion img{
     margin:0px 10px 10px 0px;
}  .difcolorytalla {
     font-size: 12px;
     color: var(--color-primary);
     font-weight: bold;
}    /* ..................................................REDES */
 .capaiconosredes{
     width: 100%;
     margin-top:20px;
}  .socialinstagram{
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
}  .socialsharethis{
     display: inline-block;
     margin-right: 10px;
     vertical-align: middle;
}  .twitter{
   width: 56px;
   height: 56px;
   background: transparent url("/img/iconos_redes.png");
   background-position: 0px 0px;
   float:left;
} .twitter:hover{
   background-position: 0px 56px;
}   .facebook{
   width: 56px;
   height: 56px;
   background: transparent url("/img/iconos_redes.png");
   background-position: -56px 0px;
   float:left;
}  .facebook:hover{
   background-position: -56px 56px;
}   .instagram{
   width: 56px;
   height: 56px;
   background: transparent url("/img/iconos_redes.png");
   background-position: -168px 0px;
   float:left;
}  .instagram:hover{
   background-position: -168px 56px;
}  .youtube{
     width: 56px;
     height: 56px;
     background: transparent url("/img/iconos_redes.png");
     background-position: -112px 0px;
     float:left;
}    .youtube:hover{
     background-position: -112px 56px;
}  .gratis{
     font-size: 11px;
}  @media(max-width:1160px){
     .descargaimgficha{
         width:100%;
  }     .capatallamultiplebtn{
         margin-top:20px;
  } 
}   @media(max-width:800px){
     .containerizquierdo{
         width:100%;
  }     .containerderecho{
         width:100%;
  }     .bloqueacceso{
         width:100%;
  }     .label02{
         width:100%;
         text-align: left;
  } 
}      @media(max-width:600px){
     .aHalf{
         width: 100%;
  }     .footerItems{
         width: 100%;
  }   .cabeceraarticulo{
     width: 100%;
  }    .lnkdescargafichaimagen{
     width: 50%;
  }  	.imagendistribuidor{
 		width: 320px;
 	    height: auto;
 	    overflow: hidden;
  }  
}  @media(max-width:500px){
   .wrapper.lateral {
     margin: auto;
  }   .capatallamultiple{
     margin: 0px;
  }     .capaimglistablog{
         width: 100%;
  }     .txtlistablog{
         width: 100%;
  }     .izqblogampliada{
         width: 100%;
  }     .derblogampliada{
         width: 100%;
  } 
}  .tablatallas{
     width: 100%;
} .thtablatallas{
     text-align: left;
     padding-top:5px;
} .tdtablatallas{
     padding-top: 15px;
}  .thtallas{
     padding:5px !important;
     text-align: center !important;
     font-weight: bold;
     border:1px solid #444;
} .tdtallas{
     padding:5px !important;
     text-align: center !important;
     border:1px solid #444;
}  .enreposicion{
     font-size: 10px;
     color: var(--color-medium);
} .desactivado{
     background-color: var(--color-gray);
}  .avisonoencontrado{
     font-size: 20px;
     width: 100%;
     text-align: center;
     padding-top: 100px;
}  .padding0{
     padding:0px !important;
}    .imginstagram{
     padding-top: 4px;
}    


.txtdescripcionart{
     color: #000000;
}

.txtcolorinicial{
     color: #878787;
     font-size: 18px;
}

/*-----------------------------------------GALERIA PRODUCTO-------------------*/
 .thumbnails {
   overflow: hidden;
   margin: 1em 0;
   padding: 0;
   text-align: center;
}  .thumbnails li {
   display: inline-block;
   width: 80px;
   margin: 0 5px;
}  .thumbnails img {
   display: block;
   min-width: 100%;
   max-width: 100%;
} /*-------------------------------------------*/
   .toggle {
     display: block;
     margin: 10px auto 1.5em;
}   /**  * EasyZoom core styles  */
 .easyzoom {
     position: relative;
      /* 'Shrink-wrap' the element */
       display: inline-block;
     *display: inline;
     *zoom: 1;
}  .easyzoom img {
     vertical-align: bottom;
}  .easyzoom.is-loading img {
     cursor: progress;
}  .easyzoom.is-ready img {
     /*cursor: zoom-in;
*/
       cursor: auto;
}  .easyzoom.is-error  img {
     cursor: not-allowed;
}  .easyzoom-notice {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 150;
     width: 10em;
     margin: -1em 0 0 -5em;
     line-height: 2em;
     text-align: center;
     background: #FFF;
     box-shadow: 0 0 10px #888;
}  .easyzoom-flyout {
     position:absolute;
     z-index: 100;
     overflow: hidden;
     background: #FFF;
}  /**  * EasyZoom layout variations  */
 .easyzoom--overlay .easyzoom-flyout {
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}  .easyzoom--adjacent .easyzoom-flyout {
     top: 0;
     left: 100%;
     width: 100%;
     height: 100%;
     margin-left: 20px;
}   @media screen and (max-width: 1640px) {
     .videocontainer {
         /*margin-top:20px;
*/
  }     .fotodetalle{
         width:100%;
  }     .lnkdescargafichaimagen{
         text-align: left;
         margin-top:10px;
         margin-bottom: 10px;
  }     .shortDescription{
         margin-top:30px;
  } 
} /*-------------------------------------------*/
 .mbottom50{
     margin-bottom: 50px;
} .marginbottom0{
     margin-bottom: 0px;
} .buscador-img{
     max-width: 90px;
     height: auto;
}  .imgBusquedaRapida{
    max-width: 100px;
   display: inline-block;
   margin-left: -3px;
   vertical-align: middle;
   width: 20%;
}  .infoBusquedaRapida{
   font-family: 'Montserrat';
   display: inline-block;
   margin-left: 20px;
   vertical-align: middle;
   width: 50%;
   max-width: 550px;
}  .tituloBusquedaRapida{
   font-weight: bold;
   font-size: 13px;
}  .descripcionBusquedaRapida{
}  .enlaceBusquedaRapida{
   display: block;
   text-decoration: none;
}  .precioBusquedaRapida{
   font-family: 'Montserrat';
   font-weight: bolder;
   color: var(--color-primary);
   display: inline-block;
   margin-left: -3px;
   text-align: center;
   font-size: 1.2em;
   vertical-align: middle;
   width: 20%;
}   .logo-eu {
     height: auto;
     width: 200px;
     margin-top: 30px;
}  .nohayenvios{
     font-size: 10px;
     font-weight: bold;
     margin-left: 10px;
     color: var(--color_red);
}  .thumbnails .bx-wrapper {
     margin: auto;
}  .pagina-actual{
     border: 1px solid var(--color-highlighted-dark) !important;
     background-color: var(--color-highlighted-dark) !important;
}  .portesgratiscarrito2{
     color: #0d870d;
     font-size: 18px !important;
     font-weight: bold;
}  .licenter{
   text-align: center;
}  .tabla-antiguos{
     width: 100%;
}  .tabla-antiguos-tr{
     background-color: var(--color-black);
     color: var(--color-light);
} .tabla-antiguos-td{
     padding:10px;
}     /* The Modal (background) */
 .modal {
     display: none;
 /* Hidden by default */
       position: fixed;
 /* Stay in place */
       z-index: 10000;
 /* Sit on top */
       padding-top: 100px;
 /* Location of the box */
       left: 0;
     top: 0;
     width: 100%;
 /* Full width */
       height: 100%;
 /* Full height */
       overflow: auto;
 /* Enable scroll if needed */
       background-color: rgb(0,0,0);
 /* Fallback color */
       background-color: rgba(0,0,0,0.4);
 /* Black w/ opacity */
}    /* Modal Content */
   .modal-content {
     position: relative;
     background-color: #fefefe;
     margin: auto;
     padding: 0;
     border: 1px solid #888;
     width: 80%;
     max-width: 700px;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s   
}   .modal-content2 {
     position: relative;
     /*background-color: #fefefe;
*/
       margin: auto;
     padding: 0;
     /*border: 1px solid #888;
*/
       width: 80%;
     max-width: 700px;
     text-align: center;
     /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
*/
       -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s   
}    /* Add Animation */
   @-webkit-keyframes animatetop {
     from {
top:-300px;
 opacity:0
  }     to {
top:0;
 opacity:1
  }   
}    @keyframes animatetop {
     from {
top:-300px;
 opacity:0
  }     to {
top:0;
 opacity:1
  }   
}    /* The Close Button */
   .close {
     color: white;
     float: right;
     font-size: 28px;
     font-weight: bold;
}    .close:hover,   .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
}    .modal-header {
     padding: 2px 16px;
     background-color: var(--color-primary-dark);
     color: white;
}    .modal-body {
padding: 2px 16px;
}    #modal-img{
     max-width: 80px;
     margin-right: 25px;
     display: inline-block;
}    #modal-articulo{
     display: inline-block;
}    .modal-body .btncarrito {
       float: none;
       margin-left: 0px;
}   .modal-footer {
     padding: 2px 16px;
     background-color: var(--color-primary-dark);
     color: white;
}    #myModal .modal-content{
     background-color: #ffffff;
     color: #000000;
     border: 1px solid #ebebed;
     border-radius: 14px;
     overflow: hidden;
     width: 90%;
     max-width: 480px;
}    #myModal .modal-header,   #myModal .modal-body,   #myModal .modal-footer{
     background-color: #ffffff;
     color: #000000;
}    #myModal .modal-header h2{
     color: #000000;
}    #myModal .close{
     color: #000000;
}    #myModal .modal-body{
     text-align: center;
}    #myModal .modal-descripcion{
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 15px;
     flex-wrap: wrap;
     text-align: center;
}    #myModal #modal-img{
     margin-right: 0;
}    #myModal #modal-articulo{
     text-align: center;
}    #myModal .modal-body .btncarrito{
     background: #000000;
     border-color: #000000;
     border-radius: 20px;
     color: #ffffff;
     font-size: 12px;
     padding: 8px 22px;
     margin: 8px 5px 12px;
}    #myModal .modal-body .btncarrito:hover{
     background: #000000;
     border-color: #000000;
     color: #ffffff;
}    #popupspantallascarrito{
     display: block;
     font-weight: bold;
     margin-top: 4px;
}    .mtiempo{
     font-size: 12px !important;
     font-weight: bold  !important;
}   .sellosportesgratis{
}  .capamsgportes{
     display: inline-block;
     width: 100%;
     background: #000000;
     color: #ffffff;
     padding: 10px;
}  .capamsgportes .portesapartirde, .capamsgportes .portestefaltan, .capamsgportes .portesseguircomprando{
     color: #ffffff;
}  .capamsgportes .portesseguircomprando:hover{
     color: #ffffff;
} .msgportes{
     float:left;
     margin-top: 14px;
}  .imgportesgratis{
}  .portesapartirde{
      color: var(--color_red);
     font-weight: bold;
}  .portestefaltan{
     color: var(--color_red);
     font-weight: bold;
}  .portesseguircomprando{
     color: var(--color-primary-dark);
     font-weight: bold;
     text-decoration: none;
}  .portesseguircomprando:hover{
     color: var(--color_red);
}  .sellosportesgratis{
     float: right;
     height:60px;
}    .aHalfB img, .aThird img, .aQuarter img{
     max-width: 100%;
}  .aHalfB{
     text-align: center;
     display: inline-block;
     margin-left: -3px;
     width: 50%;
}  .aThird{
     text-align: center;
     display: inline-block;
     margin-left: -3px;
     width: 33.3%;
}  .aQuarter{
     text-align: center;
     display: inline-block;
     margin-left: -3px;
     width: 25%;
}  .logosconfianza{
     float:right;
     margin-right: 20px;
}  .sellosportesgratispopup{
     width:150px;
}    /* --------------------------- CARRITO MINI ---------------------- */
 .capacarritomini{
     width: 300px;
     position: absolute;
      right: 0px;
     padding:20px 0px 20px 0px;
     z-index: 999999;
}  .cmcontenedor{
     width: 100%;
     border: 1px solid #ccc;
     padding:5px;
     background-color: #ffffff;
}  .cmproductos{
     width: 100%;
     height: 300px;
     overflow-y: scroll;
} .cmimagen{
     padding:4px;
} .cmtextos{
     padding:4px;
} .cmborrar{
     padding:4px;
}  .filacarritomini{
     border-bottom: 1px solid #ccc;
     padding-top: 5px;
     padding-bottom: 5px;
}  .btncarritomini{
     background: var(--color-primary);
     color: var(--color-light);
     text-decoration: none;
     display: inline-block;
     font-size: 15px;
     font-weight: 500;
     padding: 4px;
     border-radius: 4px;
     color: #fff;
     border: 1px solid var(--color-primary);
     text-transform: uppercase;
     cursor: pointer;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     float: right;
     margin:10px;
}  .btncarritomini:hover{
     background: var(--color-primary-dark);
     color: var(--color-light);
}  .capacarritomini .cmcontenedor{
     border-radius: 35px;
     overflow: hidden;
}  .capacarritomini .cmcontenedor table{
     width: 100%;
}  .capacarritomini .cmbotonera{
     text-align: center;
}  .capacarritomini .btncarritomini{
     background: #000000;
     border-color: #000000;
     border-radius: 20px;
     color: #ffffff;
     float: none;
     font-size: 12px;
}  .capacarritomini .btncarritomini:hover{
     background: #000000;
     border-color: #000000;
     color: #ffffff;
}  /* --------------------------------------------------------------- */
  .masinfo{
     height: 16px;
     width: 16px;
     display: inline-block;
     margin-right: 5px;
     margin-top: -4px;
     cursor: pointer;
     min-width: 16px;
}   .modalContainer {
     display: none;
     position: fixed;
     z-index: 9999;
     padding-top: 100px;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0,0,0);
     background-color: rgba(0,0,0,0.4);
}  .modalContainer .modal-content {
     background-color: #fefefe;
     margin: auto;
     padding: 20px;
     border: 1px solid lightgray;
     border-top: 10px solid #24bbfa;
     width: 60%;
}  .modalContainer .close {
     color: #aaaaaa;
     float: right;
     font-size: 28px;
     font-weight: bold;
}  .modalContainer .close:hover, .modalContainer .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
}  @media only screen     and (device-width : 375px)     and (device-height : 812px)     and (-webkit-device-pixel-ratio : 3) {
 	*{
 		zoom: 0.80;
  } 
}   .loading{
     width: 100%;
     text-align: center;
}  .cargandocompra{
     background: #e4322e !important;
     color: #fff;
}  .avisoprocesocompra{
     background-color: #fff;
     color:#000;
     position:absolute;
     width: 100%;
     height: 50%;
     top:10%;
     font-size: 30px;
     text-align: center;
     padding: 50px 10px;
     border-top:4px solid #ac0f0f;
     border-bottom:4px solid #ac0f0f;
}  @media  screen and (max-width: 1450px ) {
     .preMenu ul{
         width: 100%;
         text-align: center;
  } 
}   /* ----------------------------------------CARRITOS GUARDADOS */
 .capacartguardados{
     display:block;
     width:100%;
}  .capalistadocarritosguardados{
     display:block;
     width:100%;
     padding:10px;
}  .colorgris{
     background-color: #f5f5f5;
} .fechacarritosguardados{
     display:inline-block;
     width:40%;
     vertical-align: middle;
}   .horacarritosguardados{
     display:inline-block;
     width:30%;
     vertical-align: middle;
}  .botoneracarritosguardados{
     display:inline-block;
     width:30%;
     vertical-align: middle;
}  .btnborracarrito{
     display:inline-block;
     width:30%;
}  .btncarritoguardado{
     display: inline-block;
     background: var(--color-primary);
     color: var(--color-light);
     text-decoration: none;
     display: inline-block;
     font-size: 15px;
     font-weight: 500;
     padding: 4px;
     border-radius: 4px;
     color: #fff;
     border: 1px solid var(--color-primary);
     text-transform: uppercase;
     cursor: pointer;
     -webkit-transition: 0.5s;
     transition: 0.5s;
     /*float: right;
*/
       margin:10px;
}  .btncarritoguardado:hover{
     background: var(--color-primary-dark);
     color: var(--color-light);
}    /* Style the buttons that are used to open and close the accordion panel */
 .accordion {
   background-color: #eee;
   color: #000000;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   border-bottom: 1px solid #333333;
    -webkit-transition: 0.5s;
     transition: 0.5s;
}  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .active, .accordion:hover {
   background-color: #ccc;
}  /* Style the accordion panel. Note: hidden by default */
 .panel {
   padding: 0px;
   background-color: white;
   display: none;
   overflow: hidden;
   -webkit-transition: 0.5s;
     transition: 0.5s;
}  .tagfiltroelimina{
     cursor:pointer;
     color: #333333;
}  .lineacarroguardado{
     width: 100%;
}  .cabeceracarroguardado{
     width: 100%;
     display: block;
     background-color: #86ddff;
}  .refguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
} .descripcionguardado{
     width: 40%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .tallaguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .colorguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .unidadesguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .carrolineaguardado{
      width: 100%;
}  .linrefguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .lindescripcionguardado{
     width: 40%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .lintallaguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .linocolorguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .linunidadesguardado{
     width: 15%;
     text-align: center;
     display: inline-block;
     padding:10px;
}  .iconeye{
     margin-left:15px;
     cursor:pointer;
} .avisooutlet{
     font-size: 20px;
     font-weight: bold;
}  .capamanchetaoutlet{
     position: absolute;
     background-color: #fff600;
     color: #000000;
     font-size: 20px;
     padding: 5px;
     font-weight: bold;
     top: 8px;
     left: -11px;
}    #lbusca{
     margin:0px;
     padding:0px;
     border:1px solid #ccc;
     width: 400px;
     position:absolute;
     background-color: #fff;
     z-index: 99999;
     height: 300px;
     overflow-y: scroll;
} #lbusca li{
     padding:4px;
} #lbusca li:hover{
     background-color: #1269fa;
}   @media screen and (max-width: 1100px) {
      #lbusca{
         /*width: 80%;
*/
             width: 400px;
  }  
}  /* ----------------------------------------FIN CARRITOS GUARDADOS */
  /* Estilos para editor de secciones*/
 .sGcontainer{
     width:100%;
     margin-left:auto;
     margin-right:auto 
}  .sGrow{
position:relative;
     width:100% 
} .sGrow [class^=sGcol]{
     float:left;
     margin:.5rem 2%;
     min-height:.125rem 
}  /* img{
     max-width:90%;
     min-width: 30px;
}     */
 .sGcol-1,.sGcol-10,.sGcol-11,.sGcol-12,.sGcol-2,.sGcol-3,.sGcol-4,.sGcol-5,.sGcol-6,.sGcol-7,.sGcol-8,.sGcol-9{
     width:96% 
} .sGcol-1-sm{
     width:4.33% 
}  .sGcol-2-sm{
     width:12.66% 
}  .sGcol-3-sm{
     width:21% 
}  .sGcol-4-sm{
     width:29.33% 
}  .sGcol-5-sm{
     width:37.66% 
}  .sGcol-6-sm{
     width:46% 
}  .sGcol-7-sm{
     width:54.33% 
}  .sGcol-8-sm{
     width:62.66% 
}  .sGcol-9-sm{
     width:71% 
}  .sGcol-10-sm{
     width:79.33% 
}  .sGcol-11-sm{
     width:87.66% 
}  .sGcol-12-sm{
     width:96% 
}  .sGrow::after{
     content:"";
     display:table;
     clear:both 
}  .hidden-sm{
     display:none 
}  @media only screen and (min-width:33.75em){
     .sGcontainer{
         width:100%     
  } 
} @media only screen and (min-width:45em){
     .sGcol-1{
         width:4.33%     
  }     .sGcol-2{
         width:12.66%     
  }     .sGcol-3{
         width:21%     
  }     .sGcol-4{
         width:29.33%     
  }     .sGcol-5{
         width:37.66%     
  }     .sGcol-6{
         width:46%     
  }     .sGcol-7{
         width:54.33%     
  }     .sGcol-8{
         width:62.66%     
  }     .sGcol-9{
         width:71%     
  }     .sGcol-10{
         width:79.33%     
  }     .sGcol-11{
         width:87.66%     
  }     .sGcol-12{
         width:96%     
  }     .hidden-sm{
         display:block     
  } 
} @media only screen and (min-width:1360px){
     .sGcontainer{
         width:100%;
         max-width:100%;
         min-width: 30px;
  } 
} .sGcontainer img{
     margin-bottom: 20px;
}  .sGrow img{
     transition: 0.5s all ease-in;
     filter: contrast(1);
         mix-blend-mode: multiply;
}   .sGrow img:hover {
     transition: 0.3s all ease-in;
     filter: contrast(1.2);
     transform: rotateZ(-3deg) scale(1.1);
}   .etiquetaoutletbuscador{
     background-color: #fff600;
     color: #000;
     font-size: 10px;
     position: relative;
     top: -87px;
     width: 54px;
     padding: 4px;
     font-weight: bold;
     left: 65px;
}  .carritocupones{
     width:100%;
     margin-top:20px;
     margin-bottom:40px;
}   .lblcupon{
    color:#b10606;
    font-size: 18px;
    font-weight: bold;
} .inputcupon{
     border:1px solid #ccc;
     font-size: 18px;
     height: 32px;
     padding:4px;
     width:100px;
     margin-left:10px;
}  .btncupon{
     padding:4px;
     font-size: 18px;
     background-color: #b10606;
     color:#fff;
     border:1px solid #b10606;
     margin-left:10px;
} .btncupon:hover{
     background-color: #e20505;
}  .carritocupones .btncupon{
     background-color: #000000;
     border-color: #000000;
     color: #ffffff;
}  .carritocupones .btncupon:hover{
     background-color: #000000;
     border-color: #000000;
     color: #ffffff;
}  #infocookies{
     background: var(--color-primary);
     color: #FFF;
     display: block;
     position: fixed;
     width: 100%;
     bottom: 0;
     left: 0;
     text-align: center;
     padding: 20px;
     z-index: 99999;
}  #infocookies a{
     color: #fff;
     text-decoration: underline;
}  #infocookies .btaceptacookie{
     display: inline-block;
     text-decoration: none;
     cursor: pointer;
     padding: 10px;
     color:  var(--color-primary);
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-borderr-adius: 5px 5px 5px 5px;
     background: #fff;
     margin: 10px;
}  .usado{
     font-weight: bold;
     color: red;
}  .sinusar{
     color: green;
     font-weight: bold;
}   .capaecologico{
     color: #2c7328;
     font-size: 20px;
     font-weight: bold;
}  .btnfavorito{
     display: inline-flex;
     align-items: center;
     gap: 8px;
     margin-top: 12px;
     padding: 7px 14px;
     border: 1px solid #ebebed;
     border-radius: 20px;
     background-color: #ffffff;
     color: #555555;
     font-size: 13px;
     text-decoration: none;
     transition: all 0.2s;
}  .btnfavorito img{
     width: 14px;
     height: auto;
}  .btnfavorito:hover, .btnfavorito.favoritoactivo{
     border-color: #cf2026;
     background-color: #fdf2f2;
     color: #cf2026;
}  .btnfavorito-cabecera{
     float: right;
     margin-top: 0;
     margin-left: 15px;
}  .listafavoritos{
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     gap: 20px;
     margin-top: 20px;
}  .favoritoItem{
     display: flex;
     flex-direction: column;
     background-color: #ffffff;
     border: 1px solid #ebebed;
     border-radius: 12px;
     overflow: hidden;
}  .favoritoImagen{
     display: block;
     padding: 12px;
     text-align: center;
}  .favoritoImagen img{
     display: block;
     max-width: 100%;
     height: auto;
     margin: 0 auto;
}  .favoritoInfo{
     display: flex;
     flex-direction: column;
     gap: 6px;
     flex-grow: 1;
     padding: 0 12px 14px;
}  .favoritoNombre{
     color: #333333;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
}  .favoritoNombre:hover{
     color: var(--color-primary-dark);
}  .favoritoReferencia{
     color: #888888;
     font-size: 12px;
}  .favoritoPrecio{
     color: #333333;
     font-size: 16px;
     font-weight: bold;
}  .favoritoQuitar{
     align-self: flex-start;
     margin-top: auto;
     padding: 6px 12px;
     border: 1px solid #ebebed;
     border-radius: 20px;
     color: #555555;
     font-size: 12px;
     text-decoration: none;
}  .favoritoQuitar:hover{
     border-color: #cf2026;
     background-color: #fdf2f2;
     color: #cf2026;
}  .articlemodelo{
     color: #2c7328;
     font-size: 16px;
     font-weight: bold;
     margin-top: -22px;
     position:absolute;
     right: 10px;
}  .btnpagar{
     padding: 4px;
     background-color: #46ccff;
     color: #fff;
     border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     border: 0px solid #000000;
}  /* ------------------------------------------- PRESUPUESTO -------------------------------------- */
  .capapresupuesto{
     background-color: #c4eeff;
}  .capapresupuestoizq{
     width: 60%;
     padding: 10px 10px 10px 0px;
     display: inline-block;
     vertical-align: top;
}  .capapresupuestoder{
     width: 40%;
     padding:  10px 0px 10px 10px;
     display:  inline-block;
     vertical-align: top;
}  .prep_izq{
     width: 100%;
     /*padding: 10px;
*/
       border: 0px solid #0092cc;
     border-radius: 5px;
     background-color: #fff;
     -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
     -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
     box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
     max-height: 800px;
     overflow-y: auto;
} .prep_der{
     width: 100%;
     padding: 10px;
     border: 0px solid #0092cc;
     border-radius: 5px;
     background-color: #f5f5f5;
     -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
     -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
     box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.36);
}  .titulopresupuesto{
     color: #000;
     padding-bottom: 6px;
     border-bottom: 1px solid #ccc;
     width: 100%;
     text-align: left;
}  .prep_detalle{
     width: 100%;
}  .prep_detalle_cantidades{
     width: 100%;
     background-color: #fff;
     padding-top: 10px;
     padding-bottom: 10px;
}  .preptituloapartado{
     width: 100%;
     text-align: right;
     font-weight: bold;
} .prepcontenidoapartado{
      width: 100%;
     text-align: right;
     padding-bottom: 10px;
}  .prep_detalle_tecnicas{
     width: 100%;
     background-color: #c4eeff;
     padding-top: 10px;
     padding-bottom: 10px;
}  .prep_detalle_resumen{
     width: 100%;
     padding-top: 10px;
     padding-bottom: 10px;
}   .preptituloresumen{
     width: 100%;
     text-align: right;
} .preptituloresumentexto{
     color: #000;
     font-size: 20px;
     font-weight: bold;
} .preptituloresumentotal{
     color: #cf2026;
     font-size: 24px;
     font-weight: bold;
} .preprepeticion{
     width: 100%;
     text-align: left;
}  .prepacepto{
     width: 100%;
     text-align: left;
}  .prepobservaciones{
     width: 100%;
     text-align: left;
     border-radius: 5px;
     padding-top: 20px;
} .txtprepobservaciones{
     width: 100%;
}  .capacajaprepsubida{
     width: 100%;
     padding: 10px;
}  .cajaprepsubida{
     width: 100%;
     text-align: left;
     border-radius: 5px;
     margin-top: 20px;
     background-color: #fff;
     padding: 10px;
     /*border: 1px solid #ccc;
*/
       -webkit-box-shadow: 0px 0px 4px 1px rgba(100,100,100,0.36);
     -moz-box-shadow: 0px 0px 4px 1px rgba(100,100,100,0.36);
     box-shadow: 0px 0px 4px 1px rgba(100,100,100,0.36);
}   .capaprepbtnresumen{
     width: 100%;
     text-align: center;
}     .filapresupuesto{
     width: 100%;
     border-bottom: 1px solid #ccc;
     display: flex;
}  .cajacolor{
     display: inline-block;
     line-height: 32px;
     height: 38px;
     width: 38px;
     border-radius: 7px;
     margin: 3px;
     box-shadow: 0 0 3px #7b7b7b;
     border: 2px solid #ffffff;
} .celdacolor{
     display: inline-block;
     border: 0px solid #00ff00;
     vertical-align: top;
     height: 78px;
     padding: 2px;
     width: 100px;
     flex:0.5;
} .celdatallas {
   flex: 6;
} .celda{
     width: 56px;
     display: inline-block;
     border: 0px solid #00ff00;
     vertical-align: top;
     /*height: 78px;
*/
       padding: 2px;
} .titulocelda{
     width: 100%;
     border: 0px solid #0000ff;
     height: 30px;
     text-align: center;
     font-weight: bold;
     font-size: 10px;
}  .contenidocelta{
     width: 100%;
     border: 0px solid #00ffff;
     height: 48px;
     text-align: center;
} .inumero{
     width: 48px;
     font-size: 12px;
     text-align: center;
}   .w4-bar-item {
     padding: 8px 8px 8px 8px;
     float: left;
     width: auto;
     border: none;
     display: block;
     outline: 0;
     margin-right: 12px;
} .w4-button {
     white-space: normal;
     overflow: hidden;
     text-decoration: none;
     color: inherit;
     background-color: inherit;
     text-align: center;
     cursor: pointer;
} .w4-button:hover{
     /*background-color: #ccc !important;
*/
       background-color: #ccc !important;
}  .w3-bar {
     width: 100%;
     overflow: hidden;
     white-space: normal;
     /*padding: 8px 16px;
*/
       float: left;
     border: none;
     display: block;
     outline: 0;
}  .w3-button {
     white-space: normal;
     overflow: hidden;
     text-decoration: none;
     color: inherit;
     background-color: inherit;
     text-align: center;
     cursor: pointer;
} .w3-button:hover{
     /*background-color: #ccc !important;
*/
       background-color: #2ab5ec !important;
}  .w3-bar-item {
     /*padding: 8px 16px;
*/
       padding: 8px 8px;
     float: left;
     width: auto;
     border: none;
     display: block;
     outline: 0;
} .w3-activo{
     color: #fff !important;
     background-color: #0092cc !important;
} .w3-hover-red:hover {
     color: #fff !important;
     background-color: #0092cc !important;
} .w3-fondo{
     color: #fff !important;
     background-color: #99bfce !important;
} .w3-hover-black:hover {
     color: #fff !important;
     background-color: #000 !important;
} .w3-container{
     padding: 5px;
}  .titulocontainertab{
      padding-left: 10px;
     display: inline-block;
} .w3-aviso{
     background-color: #c4eeff;
     padding: 5px;
     border-radius: 3px;
     margin-left: 10px;
     margin-right: 5px;
}   .w1-contenedorbloquecamiseta{
     /*width: 30%;
*/
       width: 100%;
     padding: 10px;
     display: inline-block;
     vertical-align: top;
}  .w2-contenedorbloquecamiseta{
     /*width: 30%;
*/
       width: 50%;
     padding: 10px;
     display: inline-block;
     vertical-align: top;
}  .w3-contenedorbloquecamiseta{
     /*width: 30%;
*/
       width: 33%;
     padding: 10px;
     display: inline-block;
     vertical-align: top;
}  .w4-contenedorbloquecamiseta{
     /*width: 30%;
*/
       width: 25%;
     padding: 10px;
     display: inline-block;
     vertical-align: top;
} .w3-bloquecamiseta{
     width: 100%;
     text-alilgn: center;
} .w3-imgcamiseta{
     width: 50%;
     height:  auto;
     /*margin-left: 10px;
*/
       margin: 0 auto;
} .w3-imgcamiseta img{
     width: 100%;
     /*height: 100%;
*/
}  .w3-inputcamiseta{
     width: 100%;
     text-align: center;
     font-size: 12px;
} .w3-inputcamiseta{
     width: 100%;
     text-align: center;
     font-size: 12px;
     padding-top: 10px;
}   .styled-select {
     width: 100px;
     height: 34px;
     overflow: hidden;
     background: url(new_arrow.png) no-repeat right #fff;
     border: 1px solid #ccc;
}  .cajaprepsubidaficheros{
     width: 120px;
     display: inline-block;
     vertical-align: top;
     margin: 2px;
}  .lblbtnelegir{
     background: #00b7ff;
     padding: 5px;
     border-radius: 3px;
     color: #fff;
     margin-right: 2px;
} .lblbtnelegir:hover{
     background: #0092cc;
     color: #000;
}  .btnborra{
     margin: 0px !important;
     margin-left: 0px !important;
     width: 60px !important;
     padding: 4px !important;
     margin-left: 3px !important;
} .imgfile{
     width: 120px;
     margin-top: 10px;
} .capaprepavisoresumen{
     width: 100%;
     text-align: left;
} .capaprepaccionesresumen{
     width: 100%;
     text-align: center;
     font-size: 40px;
     letter-spacing: 20px;
} .capaprepaccionesresumen a{
     text-decoration: none;
} .capaprepaccionesresumen a: hover{
     text-decoration: none;
     color: #fff;
} .desactivadoprep{
     color: #a7a7a7;
     background-color: none;
}  .lineapresupuesto{
     width: 100%;
     text-align: right;
}  .prepnombre{
     width: 100%;
     text-align: left;
     margin-top: 15px;
} .lblprepnombre{
     width: 100%;
     text-align: left;
} .nombrepresupuesto{
     width: 100%;
     text-align: left;
     border-radius: 5px;
     padding-top: 20px;
}  .itembotonera{
     display: inline-block;
} /* ------------------------------------------- FIN PRESUPUESTO ---------------------------------- */
   /* ------------------------------- TABLA FICHA PRODUCTO ----------------------------------------- */
 .Tablaprecios{
     border: 1px solid #000;
}  .celdacabecera{
     padding: 5px 10px 5px 10px;
     text-align: center;
     vertical-align: top;
     border: 1px solid #fff;
     border-collapse: collapse;
     background-color: #00b7ff;
     color: #fff;
}  .celdacantidad{
     padding: 5px 10px 5px 10px;
     text-align: left;
     vertical-align: top;
     border: 1px solid #fff;
     border-collapse: collapse;
     background-color: #ecebeb;
}  @media screen and (max-width: 1020px) {
      .frmbuscador {
         float: left;
  }     .celdacolor {
         flex: 1;
  } 
}    @media screen and (max-width: 850px) {
     .capapresupuestoizq {
         width: 100%;
  }     .mnulogout {
         margin-left: 30px;
  }     .textodetalletallas {
         font-size: 10px;
  }     .capapresupuestoder {
         width: 100%;
         padding: 10px 10px 10px 0px;
  }  
}  @media screen and (max-width: 450px) {
     .celdacolor {
         width: 75px;
  }     .titulocelda {
         font-size: 9px;
  }     .cajacolor {
         height: 30px;
         width: 30px;
         margin: 2px;
  }     .inumero {
         width: 37px;
         font-size: 10px;
  }     .celda {
         width: 40px;
  }      #lbusca {
         width: 298px;
  }     .infoBusquedaRapida {
         margin-left: 33px;
         width: 44%;
  }     .tituloBusquedaRapida {
         font-size: 10px;
  }      .precioBusquedaRapida {
         margin-left: 5px;
  } 
}  .rojosobre{
     color: #cf2026;
}   .notadisponibilidad{
     width: 100%;
     font-size: 12px;
}   .pagination2{
     list-style: none;
     padding: 0px;
     margin: 0px;
}  .itempag2{
     display: inline-block;
     margin: 2px;
     border: 1px solid var(--color-primary-dark);
     background-color: var(--color-primary-dark);
}  /* -----------------------------------------------------AVISOS ------------- */
 .contenedortablaavisos{
     display: block;
     width: 100%;
     margin-top: 30px;
}  .tablaavisos{
     width: 100%;
}  .cabeceraavisos{
    background-color: var(--color-primary);
    color: #fff;
}  .thavisos{
     padding: 4px;
     text-align: center;
}  .tdavisos{
     padding: 4px;
     text-align: center;
}  .btndesactivaaviso {
     background: var(--color-primary);
     text-decoration: none;
     font-size: 12px;
     padding: 4px;
     border-radius: 4px;
     color: #fff;
     border: 1px solid var(--color-primary);
     cursor: pointer;
     -webkit-transition: 0.5s;
     transition: 0.5s;
}  .traviso1{
}  .traviso2{
}   /* -----------------------------------------------------CITAS------------- */
 .contenedortablacitas{
     display: block;
     width: 100%;
     margin-top: 30px;
}  .tablacitas{
     width: 100%;
}  .cabeceracitas{
    background-color: var(--color-primary);
    color: #fff;
}  .thcitas{
     padding: 4px;
     text-align: center;
}  .tdcitas{
     padding: 4px;
     text-align: center;
}   .trcitas1{
}  .trcitas2{
}  .contenedorfrmcitas{
     display: block;
     width: 100%;
     margin-top: 30px;
}  .cpacitasizq{
     width: 50%;
     padding: 10px;
     display: inline-block;
}  .cpacitasder{
     width: 50%;
     padding: 10px;
     display: inline-block;
}  .capacitasall{
     width: 100%;
     padding: 10px;
}  .verdecita{
     background-color: #26ce21;
     padding: 3px 4px 3px 4px;
     color: #fff;
} .rojocita{
     background-color: #ce2121;
;
     padding: 3px 4px 3px 4px;
     color: #fff;
}   .avisoexpress{
     background-color: #f8d7da;
     border:1px solid #842029;
     color:#842029;
}  .titulofambusqueda{
     font-size: 30px;
     font-weight: bold;
     width: 100%;
     text-align: left;
     padding-top: 30px;
     padding-bottom: 20px;
     padding-left: 20px;
}  @media screen and (max-width: 800px) {
     .aHalf {
         width: 100%;
         padding: 0px;
  }     .imageconvideo{
         width:48%;
  }     .aHalf2 {
       width: 100%;
  } 
}   .acordeon {
     /*max-width: 400px;
*/
       background: white;
     margin: 0 auto;
     /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
*/
}  .acordeon-cabecera {
     border-bottom: 1px solid #DDE0E7;
     color: #222222;
     cursor: pointer;
     font-weight: 600;
     padding: 8px;
   background:#f6f7f9;
}  .acordeon-cabecera:hover {
     background: #d2dbf4;
}  .acordeon-cabecera.active {
     background-color: #d2dbf4;
}  .acordeon-contenido {
     display: none;
     border-bottom: 1px solid #DDE0E7;
     background: #fff;
     padding: 1.4rem;
     color: #4a5666;
} .iconover{
     float:right;
}  .imgiconover{
     width:22px;
     min-width:22px;
     margin-top:6px;
}   .titulocal{
     font-size: 16px;
     font-weight: bold;
}  .textocalc{
     font-size: 14px;
     margin-top:10px;
}  .camposimgcal{
     width:100%;
     /*padding:10px;
*/
       display: inline-flex;
     margin-top: 30px;
}  .capacamposcal{
     width:50%;
}  .capaimgcal{
     width: 50%;
}  .imgcal{
     /*width:100%;
*/
       height:170px;
}   .inputcal{
     /*border:1px solid #666666;
*/
       height: 30px;
     box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
     transition: border 0.5s ease-in-out;
}  .inputcal:focus {
   border: 1px solid blue;
}  .botoneracal{
     width: 100%;
}  .filacampocal{
     width:100%;
     margin-top: 20px;
}  .botoncal{
     text-decoration: none;
     cursor: pointer;
     padding: 10px;
     color: #FFF;
     border-radius: 5px 5px 5px 5px;
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     background: var(--color-primary);
     border: 2px solid var( --color-primary-dark) !important;
     margin-bottom: 30px;
}  .tituloseccion{
     text-align: center;
}  .capaimgnoticia{
     text-align: center;
} .imgnoticia{
     /*height:500px;
*/
}  @media screen and (max-width: 800px) {
     .imgnoticia{
         height:auto;
         width: 100%;
  } 
}  .cappolcook {
      background: rgba(255, 255, 255, 0.95);
     padding: 15px;
     z-index: 999999;
     color: #fff;
     position: fixed;
     left: 0px;
     bottom: 0px;
     width: 100%;
} .contenedortxtcook{
     text-align: center;
} .titpolcook {
     font-weight: normal;
     color: #4e6cba;
     font-size: 16px;
} .txtpolcook {
     color: #686868;
} .lnkpolcook {
     color: #4e6cba;
     text-decoration: underline;
} .lnkpolcook:hover {
     color: #686868;
     text-decoration: underline;
} .capbotonerapolcook {
     margin-top: 20px;
} .btnpolcook {
     color: #fff;
     text-decoration: underline;
     text-decoration: none;
     background-color: #4e6cba;
;
     padding: 7px;
} .btnpolcook:hover {
     color: #2f29f0;
     background-color: #fff;
}  .politicacookies {
     background-color: rgb(255, 255, 255);
     color: rgb(0, 0, 0);
     position: fixed;
     font-family: inherit;
     width: auto;
     bottom: 0px;
     left: 100px;
     right: auto;
     padding: 5px;
     border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -webkit-border-radius: 10px 10px 0px 0px;
     border: 1px solid #c6c6c6;
     font-size: 12px;
     font-weight: bold;
}  .panel-group {
     margin-bottom: 20px;
}  .piemimodal{
     padding: 12px !important;
     background-color: #0092cc !important;
}   .miaccordion {
     background-color: #a6e1f9;
     margin-top:1px;
     color: #444;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     text-align: left;
     border: none;
     outline: none;
     transition: 0.8s;
}    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
   .active, .miaccordion:hover {
     background-color: #75c5e6;
}    /* Style the accordion panel. Note: hidden by default */
   .mipanel {
     padding: 0 18px;
     background-color: white;
     display: none;
     overflow: hidden;
}    .titaccder{
     float:right;
}   .titaccizq{
     float:left;
}    .selcookiesestado {
     font-size: 12px;
     width: 120px;
     height: 20px;
     background-color: #337ab7;
     color: #fff;
     appearance: none;
     border-radius: 3px;
     border: none;
     display: block;
     outline: 0;
     padding: 0 1em;
     text-decoration: none;
}   /* ::::::::::::::::::::::::::::::::::::::::::::::: COOKIES :::::::::::::::::::::::::::::::::::::: */
  .cappolcook {
      background: rgba(255, 255, 255, 0.95);
     padding: 15px;
     z-index: 999999;
     color: #fff;
     position: fixed;
     left: 0px;
     bottom: 0px;
     width: 100%;
} .contenedortxtcook{
     text-align: center;
} .titpolcook {
     font-weight: normal;
     color: #4e6cba;
     font-size: 16px;
} .txtpolcook {
     color: #686868;
} .lnkpolcook {
     color: #4e6cba;
     text-decoration: underline;
} .lnkpolcook:hover {
     color: #686868;
     text-decoration: underline;
} .capbotonerapolcook {
     margin-top: 20px;
} .btnpolcook {
     color: #fff;
     text-decoration: underline;
     text-decoration: none;
     background-color: #4e6cba;
;
     padding: 7px;
     border: 0px;
   margin-top: 10px;
   cursor:pointer;
} .btnpolcook:hover {
     color: #2f29f0;
     background-color: #fff;
}  .politicacookies {
     background-color: rgb(255, 255, 255);
     color: rgb(0, 0, 0);
     position: fixed;
     font-family: inherit;
     width: auto;
     bottom: 0px;
     left: 100px;
     right: auto;
     padding: 10px;
     border-radius: 10px 10px 0px 0px;
     -moz-border-radius: 10px 10px 0px 0px;
     -webkit-border-radius: 10px 10px 0px 0px;
     border: 2px solid #06c;
     font-size: 15px;
     font-weight: bold;
}  .panel-group {
     margin-bottom: 20px;
}  .piemimodal{
     padding: 12px !important;
     background-color: #ccc !important;
}   .miaccordion {
     background-color: #a6e1f9;
     margin-top:1px;
     color: #444;
     cursor: pointer;
     padding: 18px;
     width: 100%;
     text-align: left;
     border: none;
     outline: none;
     transition: 0.8s;
}    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
   .active, .miaccordion:hover {
     background-color: #75c5e6;
}    /* Style the accordion panel. Note: hidden by default */
   .mipanel {
     padding: 0 18px;
     background-color: white;
     display: none;
     overflow: hidden;
}    .titaccder{
     float:right;
}   .titaccizq{
     float:left;
}    .selcookiesestado {
     font-size: 12px;
     width: 120px;
     height: 20px;
     background-color: #337ab7;
     color: #fff;
     appearance: none;
     border-radius: 3px;
     border: none;
     display: block;
     outline: 0;
     padding: 0 1em;
     text-decoration: none;
} .hidden {
     display: none !important;
} /* The Modal (background) */
   /* The Close Button */
  .close {
     color: #000;
     float: right;
     font-size: 28px;
     font-weight: bold;
}    .close:hover,   .close:focus {
     color: #000;
     text-decoration: none;
     cursor: pointer;
}    .modal-header {
     padding: 2px 16px;
     /*background-color: var(--color-primary-dark);
*/
       /*color: white;
*/
}    .modal-body {
     /*padding: 2px 16px;
*/
}    #modal-img{
     max-width: 80px;
     margin-right: 25px;
     display: inline-block;
}    #modal-articulo{
     display: inline-block;
}    .modal-body .btncarrito {
       float: none;
       margin-left: 0px;
}   .modal-footer {
     padding: 2px 16px;
     background-color: var(--color-primary-dark);
     color: white;
}    .mtiempo{
     font-size: 12px !important;
     font-weight: bold  !important;
}  .modal {
     display: none;
  /* Hidden by default */
       position: fixed;
 /* Stay in place */
       z-index: 10000;
 /* Sit on top */
       padding-top: 100px;
 /* Location of the box */
       left: 0;
     top: 0;
     width: 100%;
 /* Full width */
       height: 100%;
 /* Full height */
       overflow: auto;
 /* Enable scroll if needed */
       background-color: rgb(0,0,0);
 /* Fallback color */
       background-color: rgba(0,0,0,0.4);
 /* Black w/ opacity */
}    /* Modal Content */
   .modal-content {
     position: relative;
     background-color: #fefefe;
     margin: auto;
     padding: 0;
     border: 1px solid #888;
     width: 80%;
     max-width: 700px;
     box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
     -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s   
}   .modal-content2 {
     position: relative;
     /*background-color: #fefefe;
*/
       margin: auto;
     padding: 0;
     /*border: 1px solid #888;
*/
       width: 80%;
     max-width: 700px;
     text-align: center;
     /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
*/
       -webkit-animation-name: animatetop;
     -webkit-animation-duration: 0.4s;
     animation-name: animatetop;
     animation-duration: 0.4s   
}    .divider {
   height: 1rem;
   background-color: rgba(0, 0, 0, .1);
   border: solid rgba(0, 0, 0, .15);
   border-width: 1px 0;
   box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}  .cookie-consent-banner {
   display: none;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #f8f9fa;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   color: black;
   padding: 15px;
   font-size: 14px;
   text-align: center;
   z-index: 1000;
}  .cookie-consent-button {
   border: none;
   padding: 8px 16px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 4px;
}  .cookie-consent-button:hover {
   box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}  .cookie-consent-button:active {
   opacity: .5;
}  .cookie-consent-button.btn-success {
   background-color: #34a853;
   color: white;
}  .cookie-consent-button.btn-grayscale {
   background-color: #dfe1e5;
   color: black;
}  .cookie-consent-button.btn-outline {
   background-color: #e6f4ea;
   color: #34a853;
}  .cookie-consent-options {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   margin-bottom: 10px;
}  .cookie-consent-options label {
   margin: 0 10px;
   font-size: 14px;
}  .cookie-consent-options input {
   margin-right: 5px;
}   /*  --------------------- TABS ----------------------- */
 * {
box-sizing: border-box
}  /* Style the tab */
 .tab {
   float: left;
   border: 0px solid #ccc;
   background-color: #f1f1f1;
   width: 30%;
   height: 300px;
}  /* Style the buttons that are used to open the tab content */
 .tab button {
   display: block;
   background-color: inherit;
   color: black;
   padding: 12px 16px;
   width: 100%;
   border: none;
   outline: none;
   text-align: left;
   cursor: pointer;
   transition: 0.3s;
}  /* Change background color of buttons on hover */
 .tab button:hover {
   background-color: #ddd;
}  /* Create an active/current "tab button" class */
 .tab button.active {
   background-color: #ccc;
}  /* Style the tab content */
 .tabcontent {
   float: left;
   padding: 0px 12px;
   border: 1px solid #ccc;
   width: 70%;
   border-left: none;
   height: 300px;
   background-color: #fff;
}  /* ---------------------- TABS ----------------------- */
 /* ::::::::::::::::::::::::::::::::::::::::::::::: FIN COOKIES :::::::::::::::::::::::::::::::::::::: */
  .asteriscorojo{
     color:#ff0000;
}  .btncompartir{
     background-color: #FFF;
     color: #000;
     padding: 4px;
     margin-top: 2px;
     border-radius: 4px 4px 4px 4px;
     -moz-border-radius: 4px 4px 4px 4px;
     -webkit-border-radius: 4px 4px 4px 4px;
     border: 1px solid #000;
}   /* ------------------- COLECCIONES ------------------------------- */
 .capacoleccionessubcolecciones{
     background-color:rgba(249, 174, 6);
     width:100%;
     display:block;
     /*display:none;
*/
} .capacoleccionessubcoleccionesdos{
     background-color:rgba(0, 0, 6);
     width:100%;
     display:block;
     /*display:none;
*/
}  .capatitulocoleccion{
     width: 20%;
     padding: 20px;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
}  .titulocoleccion{
     font-size: 36px;
     width:100%;
     color: #000;
     font-weight: bold;
}  .subtitulocoleccion{
     font-size: 13px;
     width:100%;
     color: #000;
} .titulocolecciondos{
     font-size: 36px;
     width:100%;
     color: #fff;
     font-weight: bold;
}  .subtitulocolecciondos{
     font-size: 13px;
     width:100%;
     color: #fff;
}  .capasubcolecciones{
     width: 80%;
     vertical-align: middle;
     color: #000;
     padding: 20px;
     display: inline-block;
     font-size: 12px;
     text-align: center;
}  .selectorsubcoleccion{
     width: 146px;
     margin: 10px;
     display: inline-block;
     vertical-align: top;
     -webkit-transition: all .5s ease-in-out;
     transition-property: all;
     transition-duration: 0.5s;
     transition-timing-function: ease-in-out;
     transition-delay: 0s;
     transition-behavior: normal;
}  .imgcirclesubcoleccion{
     width:130px;
     height:130px;
     overflow: hidden;
     border-radius: 50%;
     border: 5px solid #fff;
     cursor:pointer;
}  .imgcirclesubcoleccion:hover .img{
     -webkit-transform:scale(1.3);
     transform:scale(1.3);
}  .imagenc{
     transform: scale(var(--escala, 1));
     transition: transform 0.25s;
}  .imagenc:hover{
     --escala: 1.2;
     cursor:pointer;
}  .txtcirclesubcoleccion{
     width:140px;
     font-weight: bold;
     padding-top:10px;
     color:#000  
}  .txtcirclesubcolecciondos{
     width:136px;
     font-weight: bold;
     padding-top:10px;
     color:#fff  
}  .oscurece{
     opacity: 0.5;
}  .textocirclebig{
     font-size: 14px;
}  .botonvermas{
     padding:10px;
     color: #fff;
     background-color: #000000;
     font-size: 16px;
     border: 0px solid #000000;
     border-radius: 20px;
     -moz-border-radius: 20px;
     -webkit-border-radius: 20px;
}  .botonvermas:hover{
     padding:10px;
     color: #fff;
     background-color: #000000;
     font-size: 16px;
}  .capabotonvermas{
     display: block;
     text-align: center;
     padding:25px;
}  .mnucotizadorimpresion{
     border-radius: 0px 10px 0px 10px;
     -moz-border-radius: 0px 10px 0px 10px;
     -webkit-border-radius: 0px 10px 0px 10px;
     border: 0px solid #000000;
     background: #00B7FF;
     color:#fff;
     padding:4px;
     height: 31px;
     margin-top: 12px;
     cursor:pointer;
     transition: all ease-in 0.1s;
}  .mnucotizadorimpresion:hover{
     height:100%;
     padding:4px;
     padding-top:15px;
     margin-top: 0px;
     border-radius: 0px 0px 0px 0px;
     -moz-border-radius: 0px 0px 0px 0px;
     -webkit-border-radius: 0px 0px 0px 0px;
     cursor:pointer;
}  #lifamilia{
     padding:0px;
}  #lifamilia:hover a:{
     padding:0px;
}   /* RESUMEN PRECIOS DE FICHA DE ARTICULO */
 /* --------- ÁREA ESPECÍFICA --------- */
 .tablaresumen table {
     width: 100%;
     border-collapse: collapse;
     font-family: Arial, sans-serif;
     font-size: 14px;
}  /* --------- ESPACIO VACÍO CABECERA --------- */
 .tablaresumen .celdaespaciovaciocabecera {
     background: #6e6e6e;
}  /* --------- CABECERAS CAJA / PACK / UNIDAD --------- */
 .tablaresumen .celdacabeceratalla, .tablaresumen .celdacabeceracaja, .tablaresumen .celdacabecerapack, .tablaresumen .celdacabeceraunidad {
     background: #6e6e6e;
     color: white;
     font-weight: bold;
     text-align: center;
     padding: 10px 5px;
     border-right: 1px solid #ffffff30;
}  .tablaresumen .celdacabeceraunidad {
     border-right: none;
}  /* --------- BLOQUES ADULTO / NIÑO --------- */
 .tablaresumen .celdaadultonino {
     background: #b3b3b3;
     color: white;
     font-weight: bold;
     text-align: center;
     padding: 10px;
     border-right: 1px solid #999;
     vertical-align: middle;
     width: 80px;
     border-top: 1px solid #fff;
}  /* --------- CELDAS DE COLOR / BLANCO / TALLAS --------- */
 .tablaresumen .celdablanco, .tablaresumen .celdacolor, .tablaresumen .celda3xl, .tablaresumen .celda4xl, .tablaresumen .celda5xl {
     display:block;
     width: auto;
     height: auto;
     background: #f7f7f7;
     padding: 10px;
     font-weight: bold;
     border-bottom: 1px solid #e5e5e5;
}  /* --------- VALORES NUMÉRICOS --------- */
 .tablaresumen .celdavalor {
     padding: 10px;
     text-align: center;
     border-bottom: 1px solid #e5e5e5;
}  /* --------- LÍNEAS VERTICALES --------- */
 /* Borde derecho siempre visible */
 .tablaresumen td {
     border-right: 1px solid #e5e5e5;
}   .tablaresumen td th{
     border-right: 1px solid #e5e5e5;
} /* Para que no desaparezca en filas con rowspan */
 /* .tablaresumen table tr td:last-child {
     border-right: 1px solid #e5e5e5 !important;
} */
 /* Forzamos también en las celdas ADULTO / NIÑO */
 /* .tablaresumen .celdaadultonino {
     border-right: 1px solid #e5e5e5 !important;
}     */
   /* ------------------------------------------------------------------------------------------ */
 /* ESTILOS PARA EL NUEVO MENU                                                                 */
 /* ------------------------------------------------------------------------------------------ */
 :root {
         --color-blanco-activo: #ffffff;
         --color-rojo-activo: #d31224;
         --color-texto-principal: #333333;
         --color-borde: #e0e0e0;
}      /* --- RESETEO ENCAPSULADO (Solo afecta al menú) --- */
     #menu-custom-catalogo {
         /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
*/
   /* Tu fuente original */
           font-family: 'Exo 2', sans-serif;
         background-color: #ffffff;
         width: 100%;
         border-bottom: 1px solid var(--color-borde);
         position: relative;
          z-index: 9999;
 /* Asegura que el menú flote por encima de los sliders o banners de tu web */
}      #menu-custom-catalogo * {
         box-sizing: border-box;
}      #menu-custom-catalogo ul {
         list-style: none !important;
         padding: 0 !important;
         margin: 0 !important;
}      #menu-custom-catalogo a {
         text-decoration: none !important;
         display: block;
}      /* --- NIVEL 1 --- */
     #menu-custom-catalogo .menu-nivel-1 {
         display: flex;
         align-items: center;
         max-width: 100%;
         margin: 0 auto;
         padding: 0 20px;
}      #menu-custom-catalogo .menu-nivel-1 > li {
         position: static;
}      #menu-custom-catalogo .empujar-derecha {
         margin-left: auto;
}      #menu-custom-catalogo .btn-nivel-1 {
         color: var(--color-texto-principal);
         padding: 10px 15px;
         font-weight: bold;
         font-size: 12px;
         text-transform: uppercase;
         transition: color 0.3s;
}      #menu-custom-catalogo .btn-nivel-1:hover,      #menu-custom-catalogo li.activo > .btn-nivel-1 {
         /* color: var(--color-rojo-activo);
 */
           color:#fff;
}      /* --- NIVEL 2 --- */
      /* Abrir el Nivel 2 al hacer hover en el Nivel 1 */
     #menu-custom-catalogo .menu-nivel-1 > li:hover > .barra-nivel-2 {
         display: flex;
         justify-content: flex-start;
         padding: 0;
}      /* Abrir el Nivel 3 al hacer hover en el Nivel 2 */
     #menu-custom-catalogo .barra-nivel-2 > li:hover > .dropdown-nivel-3 {
         display: block;
}          #menu-custom-catalogo .barra-nivel-2 {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background-color: #f8f9fa;
         /*border-bottom: 2px solid var(--color-rojo-activo);
*/
           box-shadow: 0 4px 6px rgba(0,0,0,0.05);
         z-index: 100;
}      #menu-custom-catalogo li.activo > .barra-nivel-2 {
         display: flex;
         justify-content: flex-start;
         padding: 0;
}      #menu-custom-catalogo .barra-nivel-2 > li {
         position: relative;
}      #menu-custom-catalogo .btn-nivel-2 {
         color: var(--color-texto-principal);
         padding: 10px 15px;
         font-size: 14px;
         /*font-weight: bold;
*/
           display: flex;
         align-items: center;
         gap: 5px;
}      #menu-custom-catalogo .btn-nivel-2:hover,      #menu-custom-catalogo li.sub-activo > .btn-nivel-2 {
         /*color: var(--color-rojo-activo);
*/
           color:#00ccff;
         background-color: #eeeeee;
}      /*     #menu-custom-catalogo .btn-nivel-2.tiene-submenu::after {
         content: '▼';
         font-size: 10px;
}     */
       /* Preparamos el botón para el "subrayado" (usando un borde inferior) */
     #menu-custom-catalogo .btn-nivel-2 {
         border-bottom: 3px solid transparent !important;
 /* Borde oculto por defecto */
           transition: border-color 0.3s ease;
}      /* Colores de subrayado según la clase del padre asignada en PHP */
     #menu-custom-catalogo .padre-roly .btn-nivel-2:hover {
         border-bottom-color: #00b7ff !important;
}     #menu-custom-catalogo .padre-wrk .btn-nivel-2:hover {
         border-bottom-color: #ffc300 !important;
}     #menu-custom-catalogo .padre-stamina .btn-nivel-2:hover {
         border-bottom-color: #51e0ce !important;
}       /* Color de subrayado específico para Servicios */
     #menu-custom-catalogo .padre-servicios .btn-nivel-2:hover {
         border-bottom-color: #00b7ff !important;
}     /* --- NIVEL 3 --- */
           /* Abrir el Nivel 2 al hacer hover en el Nivel 1      #menu-custom-catalogo .menu-nivel-1 > li:hover > .barra-nivel-2 {
         display: flex;
         justify-content: flex-start;
         padding: 0;
} */
       /* Abrir el Nivel 3 al hacer hover en el Nivel 2      #menu-custom-catalogo .barra-nivel-2 > li:hover > .dropdown-nivel-3 {
         display: block;
} */
      #menu-custom-catalogo .dropdown-nivel-3 {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         background-color: #ffffff;
         min-width: 220px;
         box-shadow: 0 8px 16px rgba(0,0,0,0.1);
         border: 1px solid var(--color-borde);
         z-index: 101;
}      #menu-custom-catalogo li.sub-activo > .dropdown-nivel-3 {
         display: block;
}      #menu-custom-catalogo .dropdown-nivel-3 a {
         color: #555555;
         padding: 10px 10px;
         font-size: 12px;
         border-bottom: 1px solid #f0f0f0;
}      #menu-custom-catalogo .dropdown-nivel-3 a:hover {
         /*color: var(--color-rojo-activo);
*/
           color:#00ccff;
         background-color: #fafafa;
         padding-left: 25px;
         transition: padding-left 0.2s;
}      #menu-custom-catalogo .li-nivel-3 {
 position: relative;
}      #menu-custom-catalogo .btn-nivel-3 {
         color: #555555;
         padding: 12px 20px;
         font-size: 14px;
         border-bottom: 1px solid #f0f0f0;
         display: flex;
         justify-content: space-between;
         align-items: center;
}      #menu-custom-catalogo .btn-nivel-3:hover {
         color: var(--color-rojo-activo);
         background-color: #fafafa;
}      #menu-custom-catalogo .btn-nivel-3.tiene-submenu::after {
         content: '▶';
         font-size: 10px;
         color: #999;
}      /* --- NIVEL 4 --- */
     #menu-custom-catalogo .dropdown-nivel-4 {
         display: none;
         position: absolute;
         top: 0;
         left: 100%;
         background-color: #ffffff;
         min-width: 220px;
         box-shadow: 0 8px 16px rgba(0,0,0,0.1);
         border: 1px solid var(--color-borde);
         z-index: 102;
}      /*     #menu-custom-catalogo .li-nivel-3:hover > .dropdown-nivel-4 {
         display: block;
}         */
      #menu-custom-catalogo .dropdown-nivel-4 a {
         color: #555555;
         padding: 10px 10px;
         font-size: 12px;
         border-bottom: 1px solid #f0f0f0;
}      #menu-custom-catalogo .dropdown-nivel-4 a:hover {
         /*color: var(--color-rojo-activo);
*/
           color: #00b7ff;         background-color: #fafafa;
         padding-left: 25px;
         transition: padding-left 0.2s;
}      #menu-custom-catalogo .li-nivel-4 {
 position: relative;
}      #menu-custom-catalogo .btn-nivel-4 {
         color: #555555;
         padding: 12px 20px;
         font-size: 14px;
         border-bottom: 1px solid #f0f0f0;
         display: flex;
         justify-content: space-between;
         align-items: center;
}      #menu-custom-catalogo .btn-nivel-4:hover {
         color: var(--color-rojo-activo);
         background-color: #fafafa;
}      #menu-custom-catalogo .btn-nivel-4.tiene-submenu::after {
         content: '▶';
         font-size: 10px;
         color: #999;
}      /* --- NIVEL 5 --- */
     #menu-custom-catalogo .dropdown-nivel-5 {
         display: none;
         position: absolute;
         top: 0;
         left: 100%;
         background-color: #ffffff;
         min-width: 220px;
         box-shadow: 0 8px 16px rgba(0,0,0,0.1);
         border: 1px solid var(--color-borde);
         z-index: 103;
}      /*     #menu-custom-catalogo .li-nivel-4:hover > .dropdown-nivel-5 {
         display: block;
}     */
      #menu-custom-catalogo .dropdown-nivel-5 a {
         color: #555555;
         padding: 12px 20px;
         font-size: 14px;
         border-bottom: 1px solid #f0f0f0;
}      #menu-custom-catalogo .dropdown-nivel-5 a:hover {
         /*color: var(--color-rojo-activo);
*/
           color: #00b7ff;         background-color: #fafafa;
         padding-left: 25px;
         transition: padding-left 0.2s;
}      /* --- FONDOS Y COLORES --- */
     #menu-custom-catalogo .fondoroly,      #menu-custom-catalogo .fondorolywrk,      #menu-custom-catalogo .fondostamina,      #menu-custom-catalogo .btn-nivel-1 {
         transition: background-color 0.3s ease;
}     /*     #menu-custom-catalogo .fondoroly:hover {
 background-color:#00b7ff !important;
}     #menu-custom-catalogo .fondorolywrk:hover {
 background-color:#ffc300 !important;
}     #menu-custom-catalogo .fondostamina:hover {
 background-color:#51e0ce !important;
}      #menu-custom-catalogo .btn-nivel-1:hover, #menu-custom-catalogo li.activo > .fondoroly {
 background-color:#00b7ff;
}     #menu-custom-catalogo .btn-nivel-1:hover, #menu-custom-catalogo li.activo > .fondorolywrk {
 background-color:#ffc300;
}     #menu-custom-catalogo .btn-nivel-1:hover, #menu-custom-catalogo li.activo > .fondostamina {
 background-color:#51e0ce;
}     */
      #menu-custom-catalogo .fondoroly:hover,      #menu-custom-catalogo li.activo > .fondoroly {
          background-color: #00b7ff !important;
          color: #ffffff !important;
}     #menu-custom-catalogo .fondorolywrk:hover,      #menu-custom-catalogo li.activo > .fondorolywrk {
          background-color: #ffc300 !important;
          color: #ffffff !important;
}     #menu-custom-catalogo .fondostamina:hover,      #menu-custom-catalogo li.activo > .fondostamina {
          background-color: #51e0ce !important;
          color: #ffffff !important;
}       /* Transición y color de fondo para la opción Servicios */
     #menu-custom-catalogo .fondoservicios {
         transition: background-color 0.3s ease;
}      #menu-custom-catalogo .fondoservicios:hover,      #menu-custom-catalogo li.activo > .fondoservicios,     #menu-custom-catalogo li.padre-marcado > a.fondoservicios {
          background-color: #00b7ff !important;
          color: #ffffff !important;
}      /* Transición y color de fondo para la opción Outlet */
     #menu-custom-catalogo .fondooutlet {
         transition: background-color 0.3s ease;
}      #menu-custom-catalogo .fondooutlet:hover,      #menu-custom-catalogo li.activo > .fondooutlet,     #menu-custom-catalogo li.padre-marcado > a.fondooutlet {
         /* background-color: var(--color-rojo-activo) !important;
 */
           background-color: #00ccff !important;
         color: #ffffff !important;
}  /* Color de subrayado específico para los submenús de Outlet (si los tuviera) */
 #menu-custom-catalogo .padre-outlet .btn-nivel-2:hover {
     /*border-bottom-color: var(--color-rojo-activo) !important;
*/
       border-bottom-color:#00ccff !important;
}  /* ------------------------------------------------------------------------- */
 /* ESTILOS PARA MANTENER LA OPCIÓN MARCADA DESPUÉS DE RECARGAR               */
 /* ------------------------------------------------------------------------- */
 /* Resaltar la opción exacta en la que estamos */
 #menu-custom-catalogo a.menu-marcado {
     /*color: var(--color-rojo-activo) !important;
*/
       color:#00ccff !important;
     font-weight: bold !important;
}  /* Resaltar los niveles superiores (padres) para mantener el rastro visual */
 #menu-custom-catalogo li.padre-marcado > a {
     /*color: var(--color-rojo-activo) !important;
*/
      color:#00ccff !important;
}  /* Mantener el color de las cajas principales si están activas */
 #menu-custom-catalogo li.padre-marcado > a.fondoroly {
 background-color: #00b7ff;
 color: #fff !important;
} #menu-custom-catalogo li.padre-marcado > a.fondorolywrk {
 background-color: #ffc300;
 color: #fff !important;
} #menu-custom-catalogo li.padre-marcado > a.fondostamina {
 background-color: #51e0ce;
 color: #fff !important;
} /* ------------------------------------------------------------------------------------------ */
 /* FIN ESTILOS PARA EL NUEVO MENU                                                             */
 /* ------------------------------------------------------------------------------------------ */
   /* PARA LOS FILTROS */
 /* Transición suave para el menú de filtros */
 .subcategoria-wrapper {
     display: grid;
     grid-template-rows: 0fr;
     transition: grid-template-rows 0.3s ease-out;
} .subcategoria-wrapper.desplegada {
     grid-template-rows: 1fr;
} .subcategoria-inner {
     overflow: hidden;
}  .esdestacado{
     background: #ED0000;
     color: #FFF;
     text-shadow: none;
     position: absolute;
     margin-top: -70px;
     padding: 4px;
}   /* --- COMPORTAMIENTO POR DEFECTO (ORDENADOR) --- */
 .hamburguesa {
     display: none;
 /* Ocultamos el botón hamburguesa en pantallas grandes */
} #menu-custom-catalogo {
     display: block;
 /* O el display que estés usando: flex, etc. */
}  /* --- COMPORTAMIENTO EN MÓVILES (Ej: pantallas menores a 992px o 768px) --- */
 @media (max-width: 992px) {
     /* Mostramos el botón hamburguesa */
       .hamburguesa {
         display: block;
         cursor: pointer;
  }      /* Ocultamos el menú por defecto */
       #menu-custom-catalogo {
         display: none;
         width: 100%;
         position: absolute;
 /* Para que caiga por encima del contenido */
             top: 100%;
 /* Ajusta esto según la altura de tu cabecera */
             left: 0;
         background: #fff;
 /* O el color de fondo de tu menú */
             z-index: 999;
  }      /* Esta es la clase que añade el JavaScript al pulsar la hamburguesa */
       #menu-custom-catalogo.menu-abierto-movil {
         display: block;
  }      /* Hacemos que los elementos del Nivel 1 caigan en vertical */
       #menu-custom-catalogo .menu-nivel-1 {
         display: flex;
         flex-direction: column;
         width: 100%;
         padding: 0;
         margin: 0;
  }      #menu-custom-catalogo .menu-nivel-1 > li {
         width: 100%;
  } 
}   /* --- COMPORTAMIENTO MÓVIL (Menos de 992px) --- */
 @media (max-width: 992px) {
     .hamburguesa {
         display: block !important;
         cursor: pointer;
  }      #menu-custom-catalogo {
         display: none;
 /* Empieza oculto en móviles */
             width: 100%;
         position: absolute;
         left: 0;
         z-index: 99999;
 /* Z-index altísimo para que pase por encima de todo */
             background-color: #ffffff;
         box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
  }          #menu-custom-catalogo .menu-nivel-1 {
         display: flex;
         flex-direction: column;
         width: 100%;
         padding: 0;
  } 
}  /* --- COMPORTAMIENTO ESCRITORIO (Más de 992px) --- */
 @media (min-width: 993px) {
     .hamburguesa {
         display: none !important;
 /* Ocultar icono en PC */
  }          #menu-custom-catalogo {
         display: block !important;
 /* Forzar que se vea siempre en PC aunque jQuery lo haya ocultado en móvil */
             position: relative;
          background-color: #ebebed;
  }       /* 1. Ocultar el submenú 'activo' SOLO si hacemos hover en OTRA opción diferente */
       #menu-custom-catalogo .menu-nivel-1:hover > li.activo:not(:hover) > .barra-nivel-2 {
         display: none !important;
  }      /* 2. Asegurar que el elemento sobre el que tenemos el ratón se vea siempre y quede por encima de todo */
       #menu-custom-catalogo .menu-nivel-1 > li:hover > .barra-nivel-2 {
         display: flex !important;
         z-index: 110 !important;
  } 
}  /* --- COMPORTAMIENTO MÓVIL (Menos de 992px) --- */
 @media (max-width: 992px) {
     /* 1. Ocultar el menú y mostrar la hamburguesa */
       .hamburguesa {
         display: block !important;
         cursor: pointer;
         padding: 10px;
  }      #menu-custom-catalogo {
         display: none;
          width: 100%;
         position: absolute !important;
         top: 100% !important;
 /* Que caiga justo debajo de la cabecera */
             left: 0 !important;
         z-index: 999999 !important;
         background-color: #ffffff !important;
         /* Habilitar scroll interno para que si hay 1000 opciones, puedas bajar */
             max-height: 75vh !important;
          overflow-y: auto !important;
          overflow-x: hidden !important;
         box-shadow: 0px 10px 20px rgba(0,0,0,0.3) !important;
  }      /* 2. Forzar que todos los LI y UL se comporten como bloques apilados */
       #menu-custom-catalogo ul,     #menu-custom-catalogo li {
         display: block !important;
         position: static !important;
 /* ESTO MATA CUALQUIER FLOTACIÓN LATERAL */
             width: 100% !important;
         box-sizing: border-box !important;
         margin: 0 !important;
         transform: none !important;
 /* Por si el escritorio usaba translate() */
             min-width: 0 !important;
 /* Evita desbordamientos de flexbox */
  }      /* 3. Estilos de los submenús para que hagan sangría hacia la derecha */
       #menu-custom-catalogo ul.barra-nivel-2,     #menu-custom-catalogo ul.dropdown-nivel-3,     #menu-custom-catalogo ul.dropdown-nivel-4,     #menu-custom-catalogo ul.dropdown-nivel-5 {
         display: none !important;
 /* Ocultos hasta que el JS le ponga la clase activo */
             padding-left: 20px !important;
 /* Escalones visuales */
             background-color: #f9f9f9 !important;
 /* Un gris muy clarito para diferenciarlos */
             box-shadow: none !important;
         border: none !important;
  }      /* 4. Cuando el JS añade la clase activo/sub-activo, forzamos que se muestre el submenú */
       #menu-custom-catalogo li.activo > ul,     #menu-custom-catalogo li.sub-activo > ul {
         display: block !important;
  }      /* 5. Asegurar que los textos largos no rompan la pantalla hacia la derecha */
       #menu-custom-catalogo a {
         display: block !important;
         width: 100% !important;
         padding: 12px 15px !important;
         box-sizing: border-box !important;
         white-space: normal !important;
 /* Permite que el texto baje de línea */
             word-wrap: break-word !important;
         border-bottom: 1px solid #eeeeee !important;
 /* Línea separadora */
  } 
}   /* 1. Quitar el fondo gris del botón del acordeón (estado normal) */
 button.accordion {
     background-color: transparent !important;
}  /* 2. Quitar el fondo gris al pasar el ratón por encima (hover)        y cuando el acordeón está abierto (.activeacc) */
 button.accordion:hover, button.accordion.activeacc {
     background-color: transparent !important;
}  /* 3. (Opcional) Quitar el fondo del panel que se despliega por si también lo tuviera */
 .panelacc {
     background-color: transparent !important;
}   /* Estilos exclusivos para el botón de Limpiar Filtros */
 a[onclick='limpiafiltros();'] {
     /*background-color: #ffffff !important;
 */
  /* Fondo blanco */
       /*color: #000000 !important;
           */
   /* Texto negro */
       /*border: 2px solid #007bff !important;
*/
   /* Borde azul (puedes cambiar el código HEX por el azul exacto de tu marca) */
            /* Pequeños ajustes para asegurar que mantenga la forma de botón */
       padding: 8px 15px !important;
     border-radius: 4px !important;
        /* Bordes ligeramente redondeados */
       text-decoration: none !important;
     display: inline-block !important;
     font-weight: bold;
                    /* Negrita opcional para que destaque más */
}  /* Efecto al pasar el ratón por encima (Hover) */
 a[onclick='limpiafiltros();']:hover {
     background-color: #f0f8ff !important;
 /* Un azul muy clarito de fondo al pasar el ratón */
       color: #000000 !important;
}  /* --- ALINEAR SUBMENÚ DE SERVICIOS A LA DERECHA (BARRA HORIZONTAL) --- */
 @media (min-width: 993px) {
          /* 1. Posicionamiento de la barra para que nazca del borde derecho */
       #menu-custom-catalogo li.padre-servicios > ul.barra-nivel-2 {
         left: auto !important;
         right: 0 !important;
         width: max-content !important;
  }      /* 2. LA MAGIA: Aplicamos Flexbox SOLO cuando el menú se muestra (hover) */
       /* Esto evita que se quede siempre visible, pero alinea los elementos a la derecha al abrirse */
       #menu-custom-catalogo li.padre-servicios:hover > ul.barra-nivel-2 {
         display: flex !important;
         flex-direction: row !important;
         justify-content: flex-end !important;
  }      /* 3. Desactivamos las flotaciones que te están fastidiando la alineación */
       #menu-custom-catalogo li.padre-servicios > ul.barra-nivel-2 > li {
         width: auto !important;
         float: none !important;
         display: block !important;
  }      /* 4. Textos en una sola línea */
       #menu-custom-catalogo li.padre-servicios > ul.barra-nivel-2 > li > a {
         white-space: nowrap !important;
         display: block !important;
  } 
}  /* ------------------------------------------------------------------------- */
 /* FORZAR APERTURA AUTOMÁTICA (HOVER) EN ESCRITORIO                          */
 /* ------------------------------------------------------------------------- */
 @media (min-width: 993px) {
     /* 1. Forzar Nivel 2 (Barra horizontal) */
       #menu-custom-catalogo .menu-nivel-1 > li:hover > .barra-nivel-2 {
         display: flex !important;
         justify-content: flex-start !important;
         padding: 0 !important;
  }      /* 2. Forzar Nivel 3 (Dropdown) */
       #menu-custom-catalogo .barra-nivel-2 > li:hover > .dropdown-nivel-3 {
         display: block !important;
  }      /* 3. Forzar Nivel 4 (Dropdown lateral) */
       #menu-custom-catalogo .li-nivel-3:hover > .dropdown-nivel-4 {
         display: block !important;
  }      /* 4. Forzar Nivel 5 (Dropdown lateral) */
       #menu-custom-catalogo .li-nivel-4:hover > .dropdown-nivel-5 {
         display: block !important;
  } 
}     /* ------------------------------------------------------------------------------------------- */
 /* AÑADIDO PARA LA CORRECCION TEMPORAL DEL MENU QUE APARECE EN FILTROS SUSTITUYENDOLO          */
 /* ------------------------------------------------------------------------------------------- */
  /* ============================================================    MENU LATERAL DE CATEGORIAS    ============================================================ */
  .menu-lateral-categorias {
     width: 100%;
     box-sizing: border-box;
     font-family: inherit;
}  .menu-lateral-categorias ul {
     list-style: none;
     margin: 0;
     padding: 0;
}  .menu-lateral-categorias li {
     list-style: none;
     margin: 0;
     padding: 0;
}   /* ------------------------------------------------------------    NIVEL 1 - estilo accordion azul como Novedades    ------------------------------------------------------------ */
  .menu-lateral-nivel-1 > li {
     margin-bottom: 8px;
     border: 1px solid #333333;
}  .menu-lateral-cabecera-nivel-1 {
     display: flex;
     align-items: center;
     gap: 8px;
     background-color: #eee;
     color: #333333;
     padding: 6px 6px 6px 0;
     border-bottom: 1px solid #333333;
     transition: 0.4s;
}  .menu-lateral-cabecera-nivel-1:hover {
     background-color: #ccc;
}  .menu-lateral-link-nivel-1 {
     display: block;
     flex: 1 1 auto;
     padding: 12px 12px 12px 18px;
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     color: #333333;
     border-bottom: none !important;
}  .menu-lateral-cabecera-nivel-1 .menu-lateral-toggle {
     background: transparent;
     border: 1px solid #333333;
     color: #333333;
}   /* ------------------------------------------------------------    NIVEL 2    ------------------------------------------------------------ */
  .menu-lateral-nivel-2 {
     margin-top: 4px !important;
     padding-left: 12px !important;
}  .menu-lateral-item-nivel-2 {
     margin: 0 !important;
}  .menu-lateral-link-nivel-2 {
     display: block;
     padding: 7px 8px;
      font-size: 14px;
     font-weight: 600;
     text-decoration: none;
     color: #333333;
}   /* ------------------------------------------------------------    NIVEL 3    ------------------------------------------------------------ */
  .menu-lateral-nivel-3 {
     padding-left: 15px !important;
}  .menu-lateral-link-nivel-3 {
     display: block;
     padding: 5px 8px;
      font-size: 13px;
     font-weight: 400;
     text-decoration: none;
     color: #333333;
}   /* ------------------------------------------------------------    NIVEL 4    ------------------------------------------------------------ */
  .menu-lateral-nivel-4 {
     padding-left: 15px !important;
}  .menu-lateral-link-nivel-4 {
     display: block;
     padding: 4px 8px;
      font-size: 12px;
     font-weight: 400;
     text-decoration: none;
     color: #333333;
}   /* ------------------------------------------------------------    NIVEL 5    ------------------------------------------------------------ */
  .menu-lateral-nivel-5 {
     padding-left: 15px !important;
}  .menu-lateral-link-nivel-5 {
     display: block;
     padding: 3px 8px;
      font-size: 12px;
     font-weight: 400;
     text-decoration: none;
     color: #333333;
}   /* ------------------------------------------------------------    HOVER    ------------------------------------------------------------ */
  .menu-lateral-categorias a:hover {
     text-decoration: none;
     opacity: 0.70;
}    /* Filtros de categorías V2: checkbox y texto en la misma línea */
 .menu-lateral-categorias label {
     display: flex;
     align-items: center;
     gap: 8px;
     cursor: pointer;
     line-height: 1.4;
}  .menu-lateral-categorias input.js-categoria-v2[type="checkbox"] {
     flex: 0 0 auto;
     margin: 0;
}  .menu-lateral-categorias label span {
     display: inline;
}    /* =====================================================    FILTROS DE CATEGORÍAS V2    Casilla y nombre en la misma línea    ===================================================== */
  .menu-lateral-categoria-filtro {
     display: flex;
     align-items: center;
     gap: 8px;
     width: 100%;
     min-width: 0;
}  .menu-lateral-categoria-filtro input.js-categoria-v2 {
     display: inline-block;
     flex: 0 0 16px;
     width: 16px;
     height: 16px;
     margin: 0;
     cursor: pointer;
}  .menu-lateral-categoria-filtro a {
     display: inline-block;
     flex: 1 1 auto;
     min-width: 0;
     line-height: 1.4;
     text-decoration: none;
     color: #333333;
}  /* Evitar que las reglas antiguas descoloquen los elementos */
 .menu-lateral-categoria-filtro input, .menu-lateral-categoria-filtro a {
     float: none !important;
     vertical-align: middle;
}  /* =====================================================    MENU LATERAL PLEGABLE    ===================================================== */
  .menu-lateral-toggle {
     flex: 0 0 26px;
     width: 26px;
     height: 26px;
     margin: 0 4px 0 0;
     padding: 0;
     border: 1px solid #ccc;
     border-radius: 4px;
     background: #f5f5f5;
     color: #333;
     font-size: 16px;
     font-weight: 700;
     line-height: 1;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
}  .menu-lateral-toggle:hover {
     background: #e9e9e9;
}  .menu-lateral-categoria-filtro .menu-lateral-toggle {
     margin-left: auto;
}  .menu-lateral-categorias li.collapsed > ul {
     display: none;
}  .menu-lateral-categorias li.expanded > ul {
     display: block;
}  .menu-lateral-toggle-icon {
     pointer-events: none;
}  

/* =====================================================    CABECERA FILTROS + BOTON LIMPIAR    ===================================================== */
  .menu-lateral-header-filtros {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 10px;
     margin-bottom: 10px;
     padding-bottom: 8px;
     border-bottom: 1px solid #ddd;
}  .menu-lateral-titulo-filtros {
     font-size: 15px;
     font-weight: 700;
     text-transform: uppercase;
}  .menu-lateral-btn-limpiar {
     padding: 6px 12px;
     border: 1px solid #333333;
     border-radius: 4px;
     background: #333333;
     color: #fff;
     font-size: 13px;
     cursor: pointer;
}  .menu-lateral-btn-limpiar:hover:not(:disabled) {
     background: #000;
     border-color: #000;
}  a.menu-lateral-btn-limpiar {
     display: inline-block;
     text-decoration: none;
}  a.menu-lateral-btn-limpiar:hover {
     text-decoration: none;
     color: #fff;
}  .menu-lateral-btn-limpiar:disabled {
     opacity: 0.5;
     cursor: not-allowed;
}  /* =====================================================    FILTROS ACTIVOS (chips con X) - como Novedades    ===================================================== */
  .filtros-activos-v2 {
     margin: 40px 0 10px 0;
}  .filtros-activos-v2:empty {
     display: none;
}  .filtros-activos-titulo {
     font-size: 13px;
     font-weight: 700;
     margin-bottom: 6px;
}  .tagfiltro-v2 {
     display: inline-block;
     border: 1px solid #333333;
     padding: 4px 6px;
     font-size: 12px;
     color: #333333;
     margin: 4px 4px 0 0;
     background: #fff;
}  .tagfiltro-v2-x {
     cursor: pointer;
     color: #333333;
     font-weight: 700;
     margin-left: 6px;
     font-style: normal;
}  .tagfiltro-v2-x:hover {
     color: #e3322e;
}  /* =====================================================    ANIMACIÓN DE CARGA DE LOS PRODUCTOS    ===================================================== */
  #capaspinner:not(.hidden) {
     position: fixed;
     inset: 0;
     z-index: 99999;
     width: 100% !important;
     height: 100%;
     background: rgba(255, 255, 255, 0.70);
     display: flex !important;
     align-items: center;
     justify-content: center;
     text-align: center;
}  #capaspinner img {
     display: block;
     width: 48px;
     height: 48px;
     object-fit: contain;
}    /* Spinner de carga más grande */
 #capaspinner:not(.hidden) img {
     width: 20% !important;
     height: auto !important;
}  /* Fondo de carga */
 #capaspinner:not(.hidden) {
     background: rgba(255, 255, 255, 0.75);
}   .icolupa{
     width:25px !important;
}  /* FOOTER SREGALO */
 footer{
     background: #000000;
     color: #ffffff;
     padding: 50px 0 35px;
     width: 100%;
}  footer .wrapper.lvl3{
     box-sizing: border-box;
     max-width: 100%;
     padding-left: 40px;
     padding-right: 40px;
     width: 100%;
}  .footerTop{
     align-items: center;
     display: grid;
     gap: 30px;
     grid-template-columns: 1fr auto 1fr;
}  .footerLogo{
     justify-self: start;
}  .footerLogo img{
     display: block;
     height: auto;
     max-width: 160px;
}  .footerMarcas{
     align-items: center;
     display: flex;
     flex-wrap: wrap;
     gap: 30px;
     justify-content: center;
}  .footerMarcas img{
     display: block;
     filter: brightness(0) invert(1);
     height: 27px;
     width: auto;
}  .footerClaim{
     justify-self: end;
     text-align: center;
}  .footerClaimTitulo{
     color: #ffffff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.5px;
     line-height: 1.5;
     margin: 0 0 18px;
}  .footerClaimVenta{
     color: #ffffff;
     font-size: 14px;
     line-height: 1.4;
     margin: 0;
}  .footerDivider{
     background: #ffffff;
     height: 1px;
     margin: 40px 0;
}  .footerColumnas{
     display: grid;
     gap: 30px;
     grid-template-columns: repeat(4, 1fr);
}  .footerColumna h3{
     color: #ffffff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0.5px;
     margin: 0 0 20px;
     text-transform: uppercase;
}  .footerColumna ul{
     list-style: none;
     margin: 0;
     padding: 0;
}  .footerColumna li{
     margin: 0 0 10px;
}  .footerColumna a{
     color: #ffffff;
     font-size: 13px;
     line-height: 1.5;
     text-decoration: none;
}  .footerColumna a:hover{
     text-decoration: underline;
}  @media(max-width:900px){
     .footerTop{
         gap: 25px;
         grid-template-columns: 1fr;
         text-align: center;
  }     .footerLogo{
         justify-self: center;
  }     .footerClaim{
         justify-self: center;
  }     .footerColumnas{
         grid-template-columns: repeat(2, 1fr);
  } 
}  @media(max-width:600px){
     footer .wrapper.lvl3{
         padding-left: 20px;
         padding-right: 20px;
  }     .footerColumnas{
         grid-template-columns: 1fr;
   }     .footerMarcas{
          gap: 20px;
   }     .footerMarcas img{
          height: 25px;
   } 
}
.footerSocial{
    margin-top: 45px;
    text-align: center;
}
.footerSocialTitulo{
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 18px;
}
.footerSocialIconos{
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: center;
}
.footerSocialIconos a{
    display: inline-block;
    line-height: 0;
}
.footerSocialIconos img{
    display: block;
    height: 34px;
    width: auto;
}
.footerSocialIconos a:hover img{
    opacity: .75;
}
.footerCopyright{
    background: #dadada;
    box-sizing: border-box;
    color: #2e2e2e;
    padding: 12px 40px;
    text-align: right;
    width: 100%;
}
.footerCopyright p{
    color: #2e2e2e;
    font-size: 12px;
    margin: 0;
}
.irarriba{
    bottom: 95px;
    display: block;
    line-height: 0;
    position: fixed;
    right: 30px;
    z-index: 60;
}
.irarriba img{
    display: block;
    height: 42px;
    width: auto;
}
.irarriba:hover{
    opacity: .8;
}
@media(max-width:600px){
    .footerCopyright{
        padding-left: 20px;
        padding-right: 20px;
    }
    .irarriba{
        bottom: 90px;
        right: 20px;
    }
}