img{width:100%;height:auto}
            a{text-decoration: none;}
            strong{font-weight: bold !important;}
            .banner-principal{
                width: 100%;
            }
            .carosel-root.principal {
                margin: 0 0 10px;
                background: #fc3c3b;
            }
            .carosel-root.principal .card-carrusel {
                background-color: transparent;
            }
            .carosel-root.principal .imagen-carrusel {
                background: transparent;
            }
            .carosel-root.principal .imagen-carrusel img {
                background: #fff;
                border: 0;
                border-radius: 5px;
                -webkit-box-shadow: 10px 10px 0px 0px rgb(184 3 4);
                -moz-box-shadow: 10px 10px 0px 0px rgba(184,3,4,1);
                box-shadow: 10px 10px 0px 0px rgb(184 3 4);
                width: calc(95% - 10px);
            }
            .carosel-root.principal .texto-carrusel {
                font-family: 'Bebas Neue', sans-serif;
                color: #fff;
                line-height: 1;
                margin: 10px 0 5px;
            }
            .banner-mobile{display:none !important}
            .banner-hasta {font-size: 2rem;margin-top: 10% !important;}
            .banner-descuento {font-size: 8rem;}
            .banner-categoria {font-size: 3rem;}
            
            .descuento-carrusel {
                font-size: 0.5rem;
                font-weight: 100;
                margin-top: 5px;
            }
            .texto-carrusel span{
                font-size: 2.5rem;
            }
            .texto-carrusel .linea{
                background-color: #793241;
                height: 3px;
            }
            .contenedor-productos-google-sheet {
                margin-top: 5px;
                border: 0px;
            }
            .contenedor-grid{
                display: flex;
                flex-wrap: wrap;
            }
            .grid-container {
                margin: 10px auto;
                width: 98%;
                height: auto;
                padding: 1%;
               
               background: #EB0028;
                display: grid;
                grid-auto-columns: 1fr;
                gap: 0.5em;
                grid-template-areas: 
                    'a1 a1 c1 d1 d1 e1 e1'
                    'b1 b1 c1 f1 g1 g1 h1'
                    'i1 j1 l1 l1 m1 n1 o1'
                    'i1 k1 p1 q1 m1 r1 o1'
                    's1 s1 t1 q1 u1 u1 v1'
                    'w1 w1 x1 x1 y1 y1 v1'
                    'z1 a2 c2 d2 f2 g2 i2'
                    'z1 b2 c2 e2 f2 h2 i2'
                        
               
            }

            .grid-item {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                align-items: center;
                color: #000;
                padding: 5px 0;
                background: #fff;
                padding-right: 1%; 
                border: 1px solid #cccccc;
                border-radius: 5px;
            }

            .grid-item:nth-child(1) {
                grid-area: a1;
            }
            .grid-item:nth-child(2) {
                grid-area: b1;
            }
            .grid-item:nth-child(3) {
                grid-area: c1;
            }
            .grid-item:nth-child(4) {
                grid-area: d1;
            }
            .grid-item:nth-child(5) {
                grid-area: e1;
            }
            .grid-item:nth-child(6) {
                grid-area: f1;
            }
            .grid-item:nth-child(7) {
                grid-area: g1;
            }
            .grid-item:nth-child(8) {
                grid-area: h1;
            }
            .grid-item:nth-child(9) {
                grid-area: i1;
            }
            .grid-item:nth-child(10) {
                grid-area: j1;
            }
            .grid-item:nth-child(11) {
                grid-area: k1;
            }
            .grid-item:nth-child(12) {
                grid-area: l1;
            }
            .grid-item:nth-child(13) {
                grid-area: m1;
            }
            .grid-item:nth-child(14) {
                grid-area: n1;
            }
            .grid-item:nth-child(15) {
                grid-area: o1;
            }
            .grid-item:nth-child(16) {
                grid-area: p1;
            }
            .grid-item:nth-child(17) {
                grid-area: q1;
            }
            .grid-item:nth-child(18) {
                grid-area: r1;
            }
            .grid-item:nth-child(19) {
                grid-area: s1;
            }
            .grid-item:nth-child(20) {
                grid-area: t1;
            }
            .grid-item:nth-child(21) {
                grid-area: u1;
            }
            .grid-item:nth-child(22) {
                grid-area: v1;
            }
            .grid-item:nth-child(23) {
                grid-area: w1;
            }
            .grid-item:nth-child(24) {
                grid-area: x1;
            }
            .grid-item:nth-child(25) {
                grid-area: y1;
            }
            .grid-item:nth-child(26) {
                grid-area: z1;
            }
            .grid-item:nth-child(27) {
                grid-area: a2;
            }
            .grid-item:nth-child(28) {
                grid-area: b2;
            }
            .grid-item:nth-child(29) {
                grid-area: c2;
            }
            .grid-item:nth-child(30) {
                grid-area: d2;
            }
            .grid-item:nth-child(31) {
                grid-area: e2;
            }
            .grid-item:nth-child(32) {
                grid-area: f2;
            }
            .grid-item:nth-child(33) {
                grid-area: g2;
            }
            .grid-item:nth-child(34) {
                grid-area: h2;
            }
            .grid-item:nth-child(35) {
                grid-area: i2;
            }

            .dosXuna .informacion-catego{
    width: auto;
    margin: auto 5px;
            }
            .dosXuna .catego-img{
                width: 48%;
                margin: auto;
            }
            .tresXuna .informacion-catego{
                width: auto;
                margin: auto;
            }
            .tresXuna .catego-img{
                width: 58%;
                margin: auto;
            }

            .unaXuna .catego-img{
                margin: 0 0 0 auto;
                width: 60%;
                margin-top: -30%;
            }
            .unaXuna .informacion-catego{
                width: 95%;
                margin: auto;
                
            }

            .informacion-catego{
                 font-family: 'Roboto',sans-serif;
                font-size: 15px;
                z-index: 2;
            }
            .catego{
                 font-family: 'Roboto',sans-serif;
                font-size: 1.5rem;
                font-weight: bold;
                margin-bottom: 5px;
            }
            .catego-descuento{
                font-size: 2.5rem;
                font-weight: 100;
                font-family: 'Bebas Neue';
                line-height: 0.0;
            }
           .contenedor-descuento {
    font-family: 'Roboto',sans-serif;
    display: flex;
    flex-direction: column;
}
                
            .hasta-desc{
                 font-family: 'Roboto',sans-serif;
                margin: auto 1px;
                
            }
            .hasta-desc p:nth-child(1) {
                 font-family: 'Roboto',sans-serif;
                font-size: 1rem;
                margin: auto;
                padding-top: 1.5%;
                padding-bottom: 1%;}


 .numero-descuento{
      font-size: 1.8rem;  
    }    
            .hasta-desc p:nth-child(2) {
                 font-family: 'Roboto',sans-serif;
                font-weight: bold;
                font-size: 1.5rem;
            }
            .linea {
                width: 20px;
                height: 1px;
                background-color: #793241;
                margin: 4px 0 1px;
            }
            .carosel-nav-right-marcas {
                right: 3px;
            }
            .carosel-nav-left-marcas {
                left: 3px;
            }
            .carosel-marcas {
                width: 95%;
                margin: auto;
            }
            


.contenedor-general-marcas{
            display: flex;
            flex-wrap: wrap;
            width: 98%;
            margin: auto;
            background: #dc91a0;
        }
        .contenedor-marcas{
            display: flex;
            flex-wrap: wrap;
            width: 65%;
            margin: auto;
            padding: 10px 0.5%;
        }
        .titulo-marcas{
            width: 95%;
            text-align: center;
            margin: 10px auto;
            color: #fff;
            font-size: 2rem;
        }
        .card-marca {
    width: 15%;
    margin: 5px auto;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

            .etiqueta-banner {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                padding: 10px 0 5px;
                background: #169868;
                color: white;
                margin: auto;
            }
            .etiqueta-banner p {
                font-size: 3rem;
                margin: auto 5px auto auto;
                font-family: 'Bebas Neue', sans-serif;
                font-weight: 500;
            }
            .imagen-express-banner {
                width: 10%;
                margin: auto auto auto 5px;
            }
            .contenedor-seo strong{
                font-weight: bold;
            }
            .contenedor-banners{
                display: flex;
                flex-wrap: wrap;
                width: 100%;
                margin: auto;
            }
            .banner-informativo{
                width: 32%;
                margin: 1% auto;
                display: flex;
                flex-wrap: wrap;
                border: solid #ddd 1px;
                border-radius: 5px;
                color: #000;
                text-decoration: none;
            }
            .texto-banner-informativo{
                width: 50%;
                margin: auto;
                display: flex;
                flex-wrap: wrap;
                line-height: 1.2;
            }
            .texto-banner-informativo.envios-24{
                width: 60%;
            }
            .texto-banner-informativo strong{font-size: 1.5rem;}
            .texto-banner-informativo.telmex{width: 70%;}
            .texto-banner-informativo p {
                width: 90%;
                margin: auto;
            }
            .imagen-banner-informativo{
                width: 50%;
                margin: auto;
            }
            .imagen-banner-informativo.telmex{width: 29%;}
            .imagen-banner-informativo.envios-24{width: 35%;}
            .imagen-banner-informativo img{width: 100%;}
            .etiqueta-banner-informativo{
                width: 40%;
                margin: auto 0;
            }
            .etiqueta-banner-informativo img{width: 100%;}
            .tarjeta-producto-pagos .discount {
                    color: #fff;
                    margin: auto;
                    background-image: url(img/iconos-oficial/LLAMITA-04.svg) !important;
                    background-repeat: no-repeat !important;
                    background-size: 100% !important;
                    position: absolute;
                    z-index: 2;
                    margin-left: calc(10% - 15px);
                    margin-top: 5px;
                    padding: 22px 10px;
                    width: 40px;
            }

            @media (max-width: 1590px){
                .grid-item:nth-child(20) .catego {
                    font-size: 1.4rem;
                }
                .texto-banner-informativo strong {
                    font-size: 1.4rem;
                }
                .texto-carrusel span {
                    font-size: 2.45rem;
                }
            }

            @media (max-width: 1490px){
                .catego {
                    font-size: 1.35rem;
                }
                .grid-item:nth-child(20) .catego {
                    font-size: 1.25rem;
                }
                .texto-banner-informativo strong {
                    font-size: 1.3rem;
                }
                .texto-banner-informativo p {
                    font-size: 14px;
                }
                .texto-carrusel span {
                    font-size: 2.2rem;
                }
            }


            @media (max-width: 1340px){
                .banner-hasta {font-size: 2rem;margin-top: 10% !important;}
                .banner-descuento {font-size: 7.5rem;}
                .banner-categoria {font-size: 3.5rem;}
                .nombre-categorias {
                    line-height: 1;
                    font-weight: bold;
                    font-size: 1.2rem;
                }
                .texto-carrusel {
                    font-size: 1.1rem;
                }
                .texto-carrusel span {
                    font-size: 2rem;
                }
                .grid-item:nth-child(20) .catego {
                    font-size: 1.15rem;
                }
                .texto-banner-informativo strong {
                    font-size: 1.2rem;
                }
                .texto-banner-informativo p {
                    font-size: 13px;
                }
            }


            @media (max-width: 1240px){
                .texto-carrusel {
                    font-size: 0.9rem;
                }
                .texto-carrusel span {
                    font-size: 1.5rem;
                }
                .banner-hasta {font-size: 2rem;margin-top: 10% !important;}
                .banner-descuento {font-size: 6rem;}
                .banner-categoria {font-size: 2.2rem;}
                
                .etiqueta-banner p {
                    font-size: 2rem;
                }
                .informacion-catego {
                    font-size: 11px;
                    line-height: 1.1;
                }
                .texto-banner-informativo strong {
                    font-size: 1rem;
                }
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(13% - 10px);
                    padding: 20px 5px 10px;
                }
            }

            @media (max-width: 1024px){
                .grid-container {
                    grid-template-areas: 
                        'a1 a1 c1 d1 d1'
                        'b1 b1 c1 f1 i1'
                        'o1 j1 l1 l1 i1'
                        'o1 e1 e1 m1 n1'
                        'g1 g1 h1 m1 r1'
                        'k1 q1 t1 u1 u1'
                        'p1 q1 s1 s1 v1'
                        'w1 w1 a2 z1 v1'
                        'c2 d2 b2 z1 f2'
                        'c2 e2 i2 g2 f2'
                        'x1 x1 i2 h2 y1'                      
                }
                .catego {
                    font-size: 1.4rem;
                }
                .informacion-catego {
                    font-size: 12px;
                    line-height: 1;
                }
                .grid-item:nth-child(20) .catego {
                    font-size: 1rem;
                }
                .banner-hasta {font-size: 1.5rem;margin-top: 7% !important;}
                .banner-descuento {font-size: 5rem;}
                .banner-categoria {font-size: 2rem;}
                .texto-carrusel {
                    font-size: 0.9rem;
                }
                .texto-carrusel span {
                    font-size: 1.5rem;
                }
                .descuento-carrusel {
                    margin-top: 3px;
                }
                .texto-banner-informativo strong {
                    font-size: 0.78rem;
                }
                .texto-banner-informativo p {
                    font-size: 10px;
                }
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(12% - 10px);
                }
            }


            @media (max-width: 780px) {
                .texto-carrusel span {
                    font-size: 1.3rem;
                }
                .descuento-carrusel {
                    font-size: 0.7rem;
                }
                .banner-desktop{display:none !important}
                .banner-mobile{display:block !important}
                .carosel-nav {display: none !important;}
                .banner-hasta {font-size: 1.7rem;margin-top: 25% !important;}
                .banner-descuento {font-size: 6.5rem;}
                .banner-categoria {font-size: 2rem;}
                .informacion-catego {
                    font-size: 10px;
                }
                .catego {
                    font-size: 1.1rem;
                }
                .grid-item:nth-child(20) .catego {
                    font-size: 0.75rem;
                }
                .catego-descuento {
                    font-size: 2.5rem;
                }
                .contenedor-marcas {
                    width: calc(95% - 10px);
                    margin: 5px auto;
                    padding: 10px;
                }
                .titulo-marcas{
                    font-size: 1.5rem;
                }
                .etiqueta-banner p {
                    font-size: 1.2rem;
                }
                .texto-carrusel {
                    width: 100%;
                    text-align: center;
                    margin: 5px auto;
                }
                .texto-carrusel .linea {
                    display: none;
                }
                .imagen-carrusel {
                    margin-right: auto;
                }
                .carosel-root.principal .carosel .carosel-item {
                    background-size: 100%;
                }
                .card-marca {
                    width: 13%;
                    margin: 5px auto;
                }
                .banner-informativo {
                    width: 95%;
                }
                .texto-banner-informativo strong {
                    font-size: 1.5rem;
                }
                .texto-banner-informativo p {
                    font-size: 17px;
                }
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(21% - 5px);
                }
            }


            @media (max-width: 600px) {
                .texto-carrusel span {
                    font-size: 1.25rem;
                }
                .descuento-carrusel {
                    font-size: 0.65rem;
                }
                .banner-hasta {font-size: 1rem;margin-top: 34% !important;}
                .banner-descuento {font-size: 3.5rem;}
                .banner-categoria {font-size: 1.3rem;}
                .grid-container {
                    grid-template-areas: 
                    'a1 a1 a1'
                    'c1 f1 f1'
                    'c1 h1 h1'
                    'l1 l1 l1'
                    'j1 j1 m1'
                    'k1 k1 m1'
                    'b1 b1 b1'
                    'o1 n1 n1'
                    'o1 p1 p1'
                    'e1 e1 e1'
                    'r1 r1 q1'
                    't1 t1 q1'
                    'd1 d1 d1'
                    'v1 a2 a2'
                    'v1 b2 b2'
                    'g1 g1 g1'
                    'g2 g2 i2'
                    'h2 h2 i2'
                    's1 s1 s1'
                    'u1 u1 i1'
                    'z1 d2 i1'
                    'z1 w1 w1'
                    'x1 x1 c2'
                    'f2 e2 c2'
                    'f2 y1 y1'
                }
                .carosel-root.principal .carosel{
                    margin: 0;
                }
                .carosel-marcas {
                    display: flex;
                    flex-wrap: nowrap;
                    overflow-x: auto;
                    margin: 1% auto 3%;
                    width: 100%;
                }
                .carosel-marcas .carosel-item {
                    line-height: 1.2;
                    width: 23%;
                    margin: 0 1% 0 auto;
                    flex: 0 0 auto;
                }
                .card-marca {
                    width: 29%;
                    margin: 5px auto;
                }
                .imagen-express-banner {
                    width: 15%;
                    margin: auto auto auto 5px;
                }
                .dosXunaMob .informacion-catego{
                    width: auto !important;
                    margin: auto !important;
                }
                .dosXunaMob .catego-img{
                    width: 48% !important;
                    margin: auto !important;
                }
                .carosel-root.principal .carosel .carosel-item {
                    width: 23%;
                }
                .carosel-root.principal .imagen-carrusel img {
                    -webkit-box-shadow: 7px 7px 0px 0px rgb(184 3 4);
                    -moz-box-shadow: 7px 7px 0px 0px rgba(184,3,4,1);
                    box-shadow: 7px 7px 0px 0px rgb(184 3 4);
                    width: calc(98% - 7px);
                }
                .dosXuna .informacion-catego{
                    width: auto;
                    margin: auto;
                }
                .dosXuna .catego-img{
                    width: 58%;
                    margin: auto;
                }

                .unaXuna .catego-img{
                    width: 45%;
                    margin: auto;
                }
                .unaXuna .informacion-catego{
                    width: 48%;
                    margin: auto;
                }
                .unaXuna.unaXunaMobile .catego-img {
                    margin: 0 0 0 auto;
                    width: 60%;
                    margin-top: -25%;
                }
                .unaXuna.unaXunaMobile .informacion-catego {
                    width: 95%;
                    margin: auto;
                }
                .grid-item:nth-child(21) {
                    flex-direction: row;
                    flex-wrap: nowrap;
                }
                .catego {
                    font-size: 1.3rem;
                }
                .catego-descuento {
                    font-size: 2.5rem;
                }
                .informacion-catego {
                    font-size: 11px;
                }
                .titulo-marcas {
                    font-size: 1.45rem;
                }
                .texto-banner-informativo strong {
                    font-size: 1.15rem;
                }
                .texto-banner-informativo p {
                    font-size: 14px;
                }
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(35% - 5px);
                    padding: 15px 5px 6px;
                    width: 30px;
                }
            }



@media (max-width: 430px) {

.catego {
    font-size: 1.1rem;
}    
 
.hasta-desc p:nth-child(1) {
    font-family: 'Roboto',sans-serif;
    font-size: 0.85rem;
    margin: auto;
    padding-top: 2%;
    padding-bottom: 20%;
}     
    

    .numero-descuento{
      font-size: 1.25rem;  
    }    
    
    
 .informacion-catego {
    font-size: 13px;
     
}
    
 .grid-container {
                margin: 10px auto;
                width: 96%;
                height: auto;
                padding: 1%;
               
               background:#EB0028;
                display: grid;
                grid-auto-columns: 1fr;
                gap: 0.2em;}
            }  


 @media (max-width: 410px) {   
.grid-container {
   padding-top: 2%;
     padding-bottom: 2%;
     width: 98%;}
    
}

  
   
            @media (max-width: 400px) {
                .descuento-carrusel {
                    font-size: 0.55rem;
                }
                .texto-carrusel {
                    font-size: 0.8rem;
                }
                .texto-carrusel span {
                    font-size: 1rem;
                }
                .banner-hasta {font-size: 0.9rem;}
                .banner-descuento {font-size: 3rem;}
                .banner-categoria {font-size: 1.1rem;}
   .informacion-catego {
    font-size: 10px;
    line-height: 1.1;
    padding: 0% 0%;
}
                .catego {
                    font-size: 1.1rem;
                }
                .catego-descuento {
                    font-size: 2rem;
                }
                .etiqueta-banner p {
                    font-size: 1rem;
                }
                .texto-banner-informativo strong {
                    font-size: 0.95rem;
                }
                .texto-banner-informativo p {
                    font-size: 12px;
                }
                .titulo-marcas {
                    font-size: 1.4rem;
                }
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(32% - 5px);
                    padding: 18px 5px 6px;
                    width: 35px;
                }
            }
     
     
     @media (max-width: 345px) { 
      .grid-container {
          margin:-1%;
      
          padding-top: 2%;
          padding-bottom: 2%;
background: #eb0028;
                display: grid;
                grid-auto-columns: 1fr;
                gap: 0.15em;}
}
     
            @media (max-width: 330px) {
                .descuento-carrusel {
                    font-size: 0.45rem;
                }
                .texto-carrusel span {
                    font-size: 0.9rem;
                }
                .banner-hasta {font-size: 0.7rem;}
                .banner-descuento {font-size: 2.5rem;}
                .banner-categoria {font-size: 1rem;}
                .catego {
                    font-size: 1rem;
                }
                .catego-descuento {
                    font-size: 1.5rem;
                }
                .informacion-catego {
                    font-size: 8px;
                }
                .titulo-marcas {
                    font-size: 1.3rem;
                }
                .texto-banner-informativo strong {
                    font-size: 0.85rem;
                }
                .texto-banner-informativo p {
                    font-size: 10px;
                }
                .hasta-desc p:nth-child(1) {
                    font-size: 4px;
                }
                .hasta-desc p:nth-child(2) {
                    font-size: 1rem;
                }
                .tarjeta-producto-pagos .discount {
                    padding: 15px 5px 6px;
                    width: 30px;
                }
            }
            @media (max-width: 290px) {
                .tarjeta-producto-pagos .discount {
                    margin-left: calc(30% - 5px);
                }
                .descuento-carrusel {
                    font-size: 0.5rem;
                }
                .texto-carrusel span {
                    font-size: 1.3rem;
                }
                .banner-hasta {font-size: 0.5rem;margin-top: 24% !important;}
                .banner-descuento {font-size: 2.5rem;}
                .banner-categoria {font-size: 0.8rem;}
                .catego {
                    font-size: 0.85rem;
                }
                .etiqueta-banner p {
                    font-size: 0.8rem;
                }
                .titulo-marcas {
                    font-size: 1.2rem;
                }

                .texto-banner-informativo strong {
                    font-size: 0.7rem;
                }
                .texto-banner-informativo p {
                    font-size: 9px;
                }
            }