header .headerSup .container {
    height: 68px;
    width: 100%;
    font-family: 'Muli',sans-serif;
    font-weight: 100;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 400;
}

header .headerInf {
    box-sizing: content-box;
    background: #fff;
    font-weight: 500;
    height: 53px;
    position: relative;
    top: 0;
    box-shadow: -2px 2px 8pxrgb(0 0 0 / 15%);
}
      img {
        width: 100%;
      }
      a {
        text-decoration: none;
      }
      a:focus,
      a:hover {
        color: initial;
        text-decoration: none;
      }

      body,
      html {
        font-family: Muli;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: #fff;
        background: var(--color-gris-fondo);
        min-height: 100vh;
        font-family: 'Muli', 'Roboto', arial, helvetica, sans-serif;
      }

      .desktopView .barHeaderCP,
      .fullHeader .barHeaderCP {
        background: transparent;
        color: #000;
        padding: 0 !important;
        margin-bottom: 0px;
      }
      .producto-img {
        width: 100%;
      }

      .banner-mobile {
        display: none !important;
      }
      @import url('https://fonts.googleapis.com/css?family=Open+Sans');
      body {
        margin: 0;
      }

      * {
        box-sizing: border-box;
      }

      .notes {
        margin: auto;
        padding: 2rem 1.2rem 0;
        max-width: 35rem;
        font-family: Open Sans, sans serif;
        text-align: center;
      }

      .contenedor-general {
        width: 100%;
        padding: 1em 0;
        display: flex;
        flex-wrap: wrap;
      }

      .lg-carrusel-container {
        width: 48%;
        position: relative;
        margin: 1rem auto;
        padding: 0;
      }

      .lg-carrusel-image {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: scale-down;
      }

      .lg-carrusel-hotspot {
        position: absolute;
        margin: 0;
        padding: 0;
        transform: translate(-50%, -50%);
        z-index: 0;
        cursor: pointer;
      }
      .lg-carrusel-hotspot:hover .lg-carrusel-hotspot__button,
      .lg-carrusel-hotspot:active .lg-carrusel-hotspot__button {
        border-color: #ff774c;
      }
      .lg-carrusel-hotspot:hover .lg-carrusel-hotspot__button:after,
      .lg-carrusel-hotspot:active .lg-carrusel-hotspot__button:after {
        background-color: #ff774c;
      }
      .lg-carrusel-hotspot--selected {
        z-index: 999;
      }
      .lg-carrusel-hotspot--selected .lg-carrusel-hotspot__label {
        opacity: 1;
        pointer-events: auto;
      }
      .lg-carrusel-hotspot__button {
        height: 48px;
        width: 48px;
        padding: 0px;
        border-radius: 100%;
        border: 1px solid #eb0028;
        background: #eb0028;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 999;
        animation: button-pulse 7s ease-in-out infinite;
      }
      .fa-solid.fa-plus {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
        content: '';
        display: block;
        font-size: 1.5rem;
        border-radius: 100%;
        color: #fff;
        transition: border-color 1s linear;
      }
      .lg-carrusel-hotspot__label {
        position: absolute;
        padding: 0 0 1.1em 0;
        width: 16em;
        max-width: 50vw;
        background-color: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        font-family: 'Open Sans', sans-serif;
        font-size: 14.5px;
        line-height: 1.45em;
        z-index: -1;
        pointer-events: none;
        border-radius: 2px;
        user-select: none;
        opacity: 0;
        transition: all 0.1s linear;
      }
      .lg-carrusel-hotspot__label h4 {
        margin: 0;
        padding: 0.65em 24px;
        background-color: #eb0028;
        font-size: 1.1em;
        font-weight: normal;
        letter-spacing: 0.02em;
        color: white;
        border-radius: 2px 2px 0 0;
      }
      .lg-carrusel-hotspot__label .precio-final {
        margin: 0;
        padding: 1.1em 24px 0 24px;
        color: #333;
      }


      .lg-carrusel-hotspot-2008697 {
        top: 63%;
        left: 26%;
      }
      .lg-carrusel-hotspot-2425486 {
        top: 63%;
        left: 20%;
      }
        
      
    .lg-carrusel-hotspot-2083709 {
        top: 85%;
        left: 50%;
      }

      .lg-carrusel-hotspot-2000515 {
        top: 56%;
        left: 12%;
      }

      .boton-agregar {
        width: 75%;
        margin: auto;
        text-align: center;
        padding: 8px 0;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        max-height: 41px;
        border: 1px solid #ec2846;
        color: #ec2846;
        border-radius: 3px;
        background-color: #fff;
      }
      .slick-dots li.slick-active button:before {
        color: #eb0028;
      }
      .slick-dots li button:before {
        font-size: 12px;
        color: #eb0028;
      }
      .imagen-carrusel img {
    border: 2px solid transparent;
}
      .carrusel .carrusel-item {
        line-height: 1.2;
        text-align: left;
      }

      .descuento-porcentaje {
        margin-left: 7%;
        margin-top: 5px;
        color: #000;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
      }

      .tarjeta-producto-pagos {
        width: 95%;
        height: 100%;
      }

      .contenedor-botones {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        margin: 5px auto;
      }
      .boton-ojo {
        width: auto;
        margin: auto;
        padding: 2%;
        border: 1px solid;
        color: #eb0028;
        font-size: 1.5rem;
        border-radius: 3px;
      }
      .contenedor-precio-boton {
        width: 95%;
        margin: 2% auto;
        display: flex;
        flex-wrap: wrap;
      }
      .contenedor-precios,
      .contenedor-boton-final {
        width: 60%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
      }
      .contenedor-boton-final {
        width: 35%;
      }
      .contenedor-precio-total {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        margin: 5px auto;
      }
      .contenedor-precio-total p {
        margin: auto;
      }
      .margin-left {
        margin-left: 0 !important;
      }
      .total {
        margin: auto;
        margin-right: 5px !important;
        font-size: 2rem;
        font-weight: bold;
        width: 38%;
        text-align: right;
      }
      .texto-total {
        max-width: 58%;
        margin-bottom: 0 !important;
      }
      .descuento {
        color: #bbb;
        text-decoration: line-through;
        margin: 5px 0 !important;
      }
      .ahorro {
        padding: 5px;
        border: 1px solid;
        color: green;
        margin: auto;
        margin-right: 5px !important;
      }
      .boton-agregar-coleccion {
        display: flex;
        flex-wrap: wrap;
        width: 95%;
        margin: auto;
        padding: 10px 4px;
        background: #eb0028;
        color: #fff;
        border-radius: 5px;
        border-color: #eb0028;
      }
      .bolsa {
        width: 23px;
        height: 23px;
        background-image: url(https://www.sears.com.mx/img/bag-borde.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        margin: auto;
        margin-left: 5px;
      }
      .boton-agregar-coleccion p {
        margin: auto;
        margin-left: 5px;
      }
      .boton-agregar-coleccion .fa-solid.fa-cart-shopping {
        margin: auto;
        margin-right: 2px;
      }
      .boton-agregar p {
        margin: auto;
        margin-right: 2px;
      }
      .titulo-hotSpot {
        font-size: 2rem;
        color: #333;
        margin-bottom: 0%;
        text-align: center;
        width: 95%;
        margin: auto;
      }
      .carrusel-nav-right-recamara,
      .carrusel-nav-right-comedor {
        right: 3px;
      }
      .carrusel {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 10% auto 3%;
        width: 100%;
        padding: 5px 0;
      }
      .carrusel .carrusel-item {
        margin: 0 1% 0 auto;
        flex: 0 0 auto;
        width: 35%;
      }
      @keyframes button-pulse {
        0% {
          transform: scale(1, 1);
          opacity: 1;
        }
        40% {
          transform: scale(1.15, 1.15);
          opacity: 1;
        }
        100% {
          transform: scale(1, 1);
          opacity: 1;
        }
      }
      .carrusel .carrusel-item {
        position: relative;
        border: none;
      }
      .button_click:before {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        top: -2px;
        left: 0;
        border: 2px solid #eb0028;
        border-left: none;
        border-bottom: none;
        opacity: 0;
        -webkit-animation: sentBefore 0.2s ease-in forwards;
        animation: sentBefore 0.2s ease-in forwards;
      }
      .button_click:after {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
        bottom: -2px;
        right: 0;
        border: 2px solid #eb0028;
        border-top: none;
        border-right: none;
        opacity: 0;
        -webkit-animation: sentAfter 0.2s ease-out forwards;
        animation: sentAfter 0.2s ease-out forwards;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
      }

      @-webkit-keyframes sentBefore {
        0% {
          height: 0;
          width: 0;
          opacity: 0;
        }
        50% {
          height: 0;
          width: 100%;
          opacity: 1;
        }
        100% {
          height: calc(100% + 5px);
          width: 100%;
          opacity: 1;
        }
      }

      @keyframes sentBefore {
        0% {
          height: 0;
          width: 0;
          opacity: 0;
        }
        50% {
          height: 0;
          width: 100%;
          opacity: 1;
        }
        100% {
          height: calc(100% + 5px);
          width: 100%;
          opacity: 1;
        }
      }
      @-webkit-keyframes sentAfter {
        0% {
          height: 0;
          width: 0;
          opacity: 0;
        }
        50% {
          height: 0;
          width: 100%;
          opacity: 1;
        }
        100% {
          height: calc(100% + 5px);
          width: 100%;
          opacity: 1;
        }
      }
      @keyframes sentAfter {
        0% {
          height: 0;
          width: 0;
          opacity: 0;
        }
        50% {
          height: 0;
          width: 100%;
          opacity: 1;
        }
        100% {
          height: calc(100% + 5px);
          width: 100%;
          opacity: 1;
        }
      }
      .linea-horizontal {
        width: 95%;
        margin: auto;
        height: 2px;
        background: #eee;
      }
      .lg-container {
        width: 98%;
        position: relative;
        margin: 5px auto 0.5rem;
        padding: 0;
      }

      .lg-image {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: scale-down;
      }

      .lg-hotspot {
        position: absolute;
        margin: 0;
        padding: 0;
        transform: translate(-50%, -50%);
        z-index: 0;
        cursor: pointer;
      }
      .lg-hotspot:hover .lg-hotspot__button,
      .lg-hotspot:active .lg-hotspot__button {
        border-color: #ff774c;
      }
      .lg-hotspot:hover .lg-hotspot__button:after,
      .lg-hotspot:active .lg-hotspot__button:after {
        background-color: #ff774c;
      }
      .lg-hotspot--selected {
        z-index: 999;
      }
      .lg-hotspot--selected .lg-hotspot__label {
        opacity: 1;
        pointer-events: auto;
      }
      .lg-hotspot__button {
        height: 48px;
        width: 48px;
        padding: 0px;
        border-radius: 100%;
        border: 1px solid #eb0028;
        background: #eb0028;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        z-index: 999;
        animation: button-pulse 7s ease-in-out infinite;
      }
      /*.lg-hotspot__button:after {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                pointer-events: none;
                content: "";
                display: block;
                height: 16.8px;
                width: 16.8px;
                border-radius: 100%;
                border: 3px solid white;
                background-color: #ff6000;
                transition: border-color 1s linear;
            }*/

      .contenedor-lg-hotspot-slides-precio {
        display: flex;
        flex-wrap: wrap;
      }
      .msdw-hotspot-slides {
        width: 50%;
        margin: auto;
      }
      .contenedor-lg-hotspot-precio {
        width: 48%;
        margin: auto;
        align-items: center;
        font-size: 2rem;
        line-height: 1.2;
      }
      .lg-hotspot__label {
        position: absolute;
        padding: 0 0 1.1em 0;
        width: 35em;
        max-width: 50vw;
        background-color: white;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        font-family: 'Open Sans', sans-serif;
        font-size: 14.5px;
        line-height: 1.45em;
        z-index: -1;
        pointer-events: none;
        border-radius: 2px;
        user-select: none;
        opacity: 0;
        transition: all 0.1s linear;
      }
      .lg-hotspot_close {
        background: #ec2846;
        font-size: 1.5rem;
        padding: 5px;
        color: #fff;
        position: absolute;
        right: 0;
        top: -25px;
      }
      .lg-hotspot__label h4 {
        margin: auto;
        padding: 2% 5px 1%;
        background-color: #ec2846;
        font-size: 2em;
        font-weight: normal;
        color: white;
        border-radius: 2px 2px 0 0;
        line-height: 1.2;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
      }
      .lg-hotspot__label .precio-final {
        margin: auto;
        padding: 1rem 24px;
        color: #333;
        text-align: center;
        font-weight: bold;
      }

   

 
      @media (min-width: 780px) {
          
   
.lg-hotspot-2424631 {
    top: 60%;
    left: 12%;
}
          
.lg-hotspot-2424631 .lg-hotspot__label {
        bottom: 24px;
        left: 24px;} 
          
          


.lg-hotspot-2083709 {
top: 60%;
left: 30%;}
       
.lg-hotspot-2083709 .lg-hotspot__label {
        bottom: 24px;
        left: 24px;} 

          
          
 
.lg-hotspot-2425486 {
    top: 60%;
    left: 45%;}
                  
.lg-hotspot-2425486 .lg-hotspot__label {
    right: 24px;
    bottom: 24px;}
 
          
        
    
.lg-hotspot-2385414 {
    top: 60%;
    left: 70%;}             
          
.lg-hotspot-2385414 .lg-hotspot__label {
        right: 24px;
        bottom: -50px;}
 
 
          

          
    .lg-hotspot-2537193 {
    top: 50%;
    left: 60%;
}

          
 .lg-hotspot-2537193 .lg-hotspot__label {
        right: 24px;
        bottom: -50px;} 
          
        
.lg-hotspot-2418846 {
    top: 30%;
    left: 70%;} 
          
 .lg-hotspot-2418846 .lg-hotspot__label {
        right: 24px;
        bottom: -50px;} 
          
        
          
     
 .lg-hotspot-pantallas {
    top: 8%;
    left: 3%;}
    

     


      .boton-ver-mas {
        width: 80%;
        margin: 5px auto;
        text-align: center;
        background: #fff;
        padding: 10px 0;
        border-radius: 5px;
        border: 1px solid #ec2846;
      }
      .boton-ver-mas p {
        color: #ec2846;
      }
      .slick-dots li.slick-active button:before {
        color: #ec2846;
      }
      .slick-dots li button:before {
        font-size: 12px;
        color: #ec2846;
      }

      .tile {
        width: 70%;
        height: auto;
        margin: 2% auto;
        max-width: 1000px;
      }
      .tile.hotspots {
        perspective: 1000px;
      }
      .tile.hotspots .wrapper {
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
      }
      .tile.hotspots .wrapper.flipped {
        transform: rotateX(180deg);
      }
      .tile.hotspots .wrapper .front {
        height: 100%;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        margin: 0;
      }
      .tile.hotspots .wrapper .front .livery {
        width: 100%;
        height: auto;
      }
      .tile.hotspots .wrapper .front .hotspots-container {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
      }
      .tile.hotspots .wrapper .front .hotspots-container .icon {
        position: absolute;
        /*background-image: url(https://www.sears.com.mx/c/prueba-hotspot/img/version3/icono_hotspot.png);
                background-size: contain;*/
        width: 45px;
        height: 45px;
        transition: all 100ms linear;
        cursor: pointer;
        border-radius: 50%;
        background: #eb0028;
      }
      .tile.hotspots .wrapper .front .hotspots-container .icon:before {
        content: '';
        width: 100%;
        height: 100%;
        border: 6px solid rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        position: absolute;
        top: -0%;
        left: -0%;
        opacity: 0;
        transition: all 100ms linear;
      }
      .tile.hotspots .wrapper .front .hotspots-container .icon:hover {
        transform: scale(1.3);
      }
      .tile.hotspots .wrapper .front .hotspots-container .icon:hover:before {
        transform: scale(1.5);
        opacity: 1;
      }
      .tile.hotspots .wrapper .back {
        display: none;
        position: absolute;
        background: white;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        transform: rotateX(180deg);
      }
      .tile.hotspots .wrapper .back .close {
        background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/169666/icons.png);
        background-position: -347px -284px;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        z-index: 200;
        background-color: black;
      }
      .tile.hotspots .wrapper .back .hotspot-data {
        position: absolute;
        width: 100%;
        height: 100%;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain {
        display: none;
        background: white;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain .copy {
        width: 50%;
        padding: 10px;
        padding-right: 5px;
        margin: auto;
        line-height: 1.2;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 10px;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain .copy p {
        font-size: 1.5rem;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain .image {
        float: left;
        width: 50%;
        padding-left: 5px;
        height: auto;
        margin: auto;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain .image img {
        width: 100%;
        height: 100%;
      }
      .tile.hotspots .wrapper .back .hotspot-data .contain.active {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        height: 100%;
      }
      .texto-carrusel {
        font-family: 'mulish', sans-serif;
        font-size: 0.8rem;
        font-weight: 700;
        text-align: center;
        color: #555;
      }
      .carosel .carosel-item {
        line-height: 1.2;
      }
      .icon.test1 {
        left: 25%;
        top: 35%;
      }
      .icon.test2 {
        left: 67%;
        top: 81%;
      }
      .icon.test3 {
        left: 70%;
        top: 30%;}
      }

      @media (max-width: 1890px) {
        .carrusel {
          margin: 5% auto 3%;
        }
      }
      @media (max-width: 1590px) {
        .carrusel {
          margin: 1% auto 3%;
        }
        .boton-agregar {
          font-size: 0.9rem;
        }
      }
      @media (max-width: 1490px) {
        .boton-agregar {
          font-size: 0.8rem;
        }
        .bolsa {
          width: 20px;
          height: 20px;
          margin-left: 3px;
        }
        .titulo-hotSpot {
          font-size: 1.5rem;
        }
        .contenedor-precio-boton {
          margin: 0% auto 2%;
        }
        .carrusel {
          margin: 1% auto 0%;
        }
      }
      @media (max-width: 1340px) {
        .total {
          font-size: 1.5rem;
        }
        .boton-agregar-coleccion {
          font-size: 0.9rem;
        }
        .carrusel {
          margin: 0% auto;
        }
        .titulo-hotSpot {
          font-size: 1.4rem;
        }
        .tarjeta-producto-pagos .product-name {
          -webkit-line-clamp: 1;
          padding-bottom: 2px;
        }
        .texto-total {
          font-size: 0.85rem;
        }
        .total {
          font-size: 1.4rem;
        }
      }
      @media (max-width: 1240px) {
        .titulo-hotSpot {
          font-size: 1.3rem;
          margin: 0 auto 1%;
        }
        .boton-agregar-coleccion {
          width: 100%;
          font-size: 0.8rem;
        }
        .boton-ojo {
          padding: 1% 5px;
          font-size: 1.2rem;
        }
        .boton-agregar {
          padding: 5px 0;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
          font-size: 1.8rem;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy p {
          font-size: 1.3rem;
        }
        .boton-agregar {
          font-size: 0.65rem;
        }
        .bolsa {
          width: 15px;
          height: 15px;
          margin-left: 2px;
        }
        .contenedor-botones {
          margin: 0px auto;
        }
        .tarjeta-producto-pagos .precio-envio {
          margin: 5px auto 1px;
        }
        .total {
          font-size: 1.25rem;
        }
        .texto-total {
          font-size: 0.7rem;
        }
        .ahorro {
          font-size: 0.8rem;
          padding: 3px 5px;
        }
        .descuento {
          font-size: 0.8rem;
        }
        .tarjeta-producto-pagos .product-name {
          margin-bottom: 0px;
        }
        .tarjeta-producto-pagos .precio-envio {
          margin: 1px auto;
        }
      }

      @media (max-width: 1024px) {
        .lg-carrusel-container {
          width: 95%;
        }
        .direction-reverse {
          flex-direction: column-reverse;
        }
        .boton-agregar-coleccion {
          width: 95%;
          font-size: 1.1rem;
        }
        .tile {
          width: 95%;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
          font-size: 1.5rem;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy p {
          font-size: 1.1rem;
        }

        .lg-hotspot__label h4 {
          font-size: 1.5em;
        }
        .lg-hotspot_close {
          font-size: 1.3rem;
          padding: 4px;
        }
        .contenedor-lg-hotspot-precio {
          font-size: 1.5rem;
        }
        .tarjeta-producto-pagos .product-name {
          -webkit-line-clamp: 2;
          margin-bottom: 5px;
        }
        .texto-total {
          font-size: 1rem;
        }
        .total {
          font-size: 1.8rem;
        }
        .descuento {
          font-size: 1.3rem;
        }
        .ahorro {
          font-size: 1.3rem;
        }
        .titulo-hotSpot {
          font-size: 2rem;
        }
        .bolsa {
          width: 20px;
          height: 20px;
          margin-left: 5px;
        }
        .tarjeta-producto-pagos .precio-envio {
          margin: 5px auto 1px;
        }
        .boton-agregar {
          font-size: 0.85rem;
        }
      }

      @media (max-width: 780px) {
        .banner-desktop {
          display: none !important;
        }
        .banner-mobile {
          display: block !important;
        }
        .carosel-nav {
          display: none !important;
        }
        .boton-agregar-coleccion {
          font-size: 0.85rem;
        }
        .titulo-hotSpot {
          font-size: 1.5rem;
          margin: 2% auto 0;
        }
        .texto-carrusel {
          font-size: 0.68rem;
        }
        .lg-hotspot__label h4 {
          font-size: 1.2em;
        }
        .lg-hotspot_close {
          font-size: 1rem;
          padding: 3px;
        }
        .contenedor-lg-hotspot-precio {
          font-size: 1.2em;
        }
        .icon.test1 {
          left: 23%;
          top: 30%;
        }
        .icon.test2 {
          left: 51%;
          top: 79%;
        }
        .icon.test3 {
          left: 51%;
          top: 25%;
        }
        .contenedor-general {
          padding: 0;
        }
        .boton-agregar {
          font-size: 0.75rem;
        }
        .texto-total {
          font-size: 0.8rem;
        }
        .total {
          font-size: 1.6rem;
        }
        .descuento {
          font-size: 1.1rem;
        }
        .ahorro {
          font-size: 1.1rem;
        }
      }
      @media (max-width: 600px) {
        .producto-img {
          width: 80%;
        }

        .slick-slide img {
          margin: auto;
          display: block;
        }

        .contenedor-general {
          padding: 5px 0 0.5em;
        }
        .titulo-hotSpot {
          font-size: 1.2rem;
        }
        .carrusel {
          margin: 0 auto;
        }
        .carrusel-root {
          margin: 0;
        }
        .carrusel .carrusel-item {
          width: 45%;
        }
        .contenedor-boton-final {
          width: 70%;
          margin: 5px auto 0;
        }
        .contenedor-precio-boton {
          margin: 0% auto;
        }
        .contenedor-precios {
          width: 95%;
          margin: auto;
        }
        .lg-carrusel-container {
          margin: 3px auto;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
          font-size: 1.3rem;
        }
        .tile.hotspots .wrapper .front .hotspots-container .icon {
          width: 30px;
          height: 30px;
        }
        .texto-carrusel {
          font-size: 0.8rem;
        }
        .lg-hotspot__label .precio-final {
          padding: 0.2rem 10px;
        }
        .boton-ver-mas {
          width: 90%;
          margin: 5px auto;
          padding: 5px 0;
        }
        .contenedor-lg-hotspot-precio {
          font-size: 1.3em;
          width: 90%;
        }
        .msdw-hotspot-slides {
          width: 90%;
          margin: auto;
        }
        .lg-carrusel-hotspot__button,
        .lg-hotspot__button {
          height: 30px;
          width: 30px;
        }
        .linea-horizontal {
          margin: 2% auto 10%;
        }
        .boton-agregar {
          font-size: 0.65rem;
        }
        .bolsa {
          width: 16px;
          height: 16px;
          margin-left: 2px;
        }
        .total {
          font-size: 1.4rem;
        }
        .descuento,
        .ahorro {
          font-size: 0.95rem;
        }
          
        .lg-hotspot-2424631 .lg-hotspot__label {
          bottom: -140px;
        }
        .lg-hotspot-2425486 .lg-hotspot__label {
          bottom: -140px;
        }
        
      }

        
        
 @media (max-width: 780px) {
          
.lg-hotspot-pantallas {
    top: 8%;
    left: 5%;}
      

 .lg-hotspot-2424631 {
    top: 55%;
    left: 8%;
}
     
.lg-hotspot-2424631 .lg-hotspot__label {
        bottom: 24px;
        left: 24px;}

          
          
.lg-hotspot-2083709 {
    top: 50%;
    left: 30%;}
  
.lg-hotspot-2083709 .lg-hotspot__label {
        bottom: 24px;
        left: 24px;}

     
          
.lg-hotspot-2425486 {
    top: 60%;
    left: 38%;
}
            
.lg-hotspot-2425486 .lg-hotspot__label {
    left: -48px;
    bottom: 24px;}  
          
        
     
          
.lg-hotspot-2418846 {
    top: 30%;
    left: 80%;
}
        
.lg-hotspot-2418846 .lg-hotspot__label {
    right: 24px;
    bottom: -50px;}
          

 
     
.lg-hotspot-2537193 {
    top: 50%;
    left: 62%;
}
 
.lg-hotspot-2537193 .lg-hotspot__label {
        right: 24px;
        bottom: -50px;}             
          

          
         }




      @media (max-width: 430px) {
          
    .lg-hotspot-2385414 .lg-hotspot__label {
    right: 12px;
    
}
 
 .lg-hotspot-2537193 .lg-hotspot__label {
    right: 12px;
}          
        .slick-slide img {
          margin: auto;
          display: block;
        }

        .producto-img {
          width: 70%;
          margin: auto;
        }
      }

      @media (max-width: 400px) {
        .tarjeta-producto-pagos .product-name {
          font-size: 0.8em;
        }
        .boton-agregar {
          padding: 5px 0;
          font-size: 9px;
        }
        .tarjeta-producto-pagos .img-producto {
          width: 85%;
        }
        .tarjeta-producto-pagos .price-product {
          font-size: 0.6em;
        }
        .tarjeta-producto-pagos .sale-price-product {
          font-size: 0.85em;
        }
        .tarjeta-producto-pagos .discount {
          font-size: 10px;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
          font-size: 1.1rem;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy p {
          font-size: 0.85rem;
        }
        .texto-carrusel {
          font-size: 0.7rem;
        }
        .boton-ojo {
          padding: 1% 2px;
          font-size: 1rem;
        }
        .carosel .carosel-item {
          width: 28%;
        }
        .titulo-hotSpot {
          font-size: 1rem;
        }
        .bolsa {
          width: 11px;
          height: 11px;
        }
      }
      @media (max-width: 330px) {
        .texto-carrusel {
          font-size: 0.65rem;
        }
        .boton-ojo {
          padding: 2% 2px;
          font-size: 0.9rem;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy h2 {
          font-size: 0.7rem;
          margin-bottom: 5px;
        }
        .tile.hotspots .wrapper .back .hotspot-data .contain .copy p {
          font-size: 0.65rem;
        }
        .boton-agregar {
          font-size: 7px;
        }
        .total {
          font-size: 1.2rem;
        }
        .descuento,
        .ahorro {
          font-size: 0.85rem;
        }
      }
      @media (max-width: 290px) {
        .texto-carrusel {
          font-size: 0.6rem;
        }
        .boton-ojo {
          font-size: 0.7rem;
        }
        .tarjeta-producto-pagos .sale-price-product span {
          font-size: 0.5rem;
        }
        .bolsa {
          width: 8px;
          height: 8px;
        }
        .titulo-hotSpot {
          font-size: 0.95rem;
        }
      }