/* empieza interlandings*/
    .wrapper{background: #fff !important;}
    .banner-principal{
        width: 100%;
        margin: auto;
    }
   
    .contenedor-carrousel-categorias {
        width: 90%;
        max-width: 1480px;
        margin: 1% auto;
        position: relative;
        font-family: 'mulish', sans-serif;
    }
    
    .carrousel-categorias {
        flex-shrink: 0;
        display: flex;
        flex-direction: row;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
        -ms-overflow-style: none;
    }
    
    .carrousel-title-categorias {
        font-size: 20px !important;
        text-transform: uppercase;
        color: #000;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        font-weight: 700;
        border-bottom: 2px solid #eb0028;
        margin-bottom: 20px;
    }
    
    .carrousel-categorias::-webkit-scrollbar {
        display: none;
    }
    
    .carrousel-categorias-contenedor {
        width: 4500px;
        display: flex;
        flex-direction: row;
        position: relative;
        padding: 1% 0;
    }
    
			
			.carosel-nav-left {
    left: 3px;
    display: block;
}
			
			.carosel-nav-right{
				right: 3px;
				display: block;
			}			
			
    .carrousel-categorias-contenedor a {
        display: contents;
        text-decoration: none;
        color: black;
    }
    .carrousel-button-prev-categorias,
    .carrousel-button-next-categorias {
        position: absolute;
        width: 50px;
        height: 60px;
        background-color: gray;
        z-index: 10;
        top: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: all 0.5s ease-out;
        cursor: pointer;
        border-radius: 5px;
        display: none;
    }
    
    .contenedor-carrousel-categorias:hover .carrousel-button-prev-categorias,
    .contenedor-carrousel-categorias:hover .carrousel-button-next-categorias {
        opacity: 0.8;
    }
    
    .carrousel-button-prev-categorias {
        left: -4%;
    }
    
    .carrousel-button-next-categorias {
        right: -4%;
    }
    
    .prev-categorias,
    .next-categorias {
        position: absolute;
        width: 26px;
        height: 26px;
        border: solid white;
        transform: rotate(45deg);
    }
    
    .prev-categorias {
        left: 17px;
        border-width: 0px 0px 5px 5px;
    }
    
    .next-categorias {
        left: 5px;
        border-width: 5px 5px 0px 0px;
    }

    .category-button {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        background-color: #fff;
        color: #333;
        padding: 5px 5px;
        display: inline-block;
        cursor: pointer;
        user-select: none;
        width: 18%;
        margin: auto;
        line-height: 1.2;
        border-bottom: solid 1px #333;
    }
    .category-button.active{
        color: #ff3c3c;
        border-bottom: solid 5px #ff3c3c;
    }
    p.active{
        color: #ff3c3c;
    }
            
    .category-button img{
        width: 50%;
    }
    .data-text {
        display: none;
    }
    .data-text.active{
        display: block;
    }
    .data-text h6{
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 8px;
        font-weight: 700;
        text-align: center;
    }
    .data-text p{
        margin-bottom: 0;
    }
     /* termina interlandings*/
           
            
            .carosel-root{
              
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 99%;
            }
            
     
            
    
/* empieza carrusel de marcas-LOGO*/         
    .banner-mobile{display:none}
            .contenedor-general-carrusel{background: #fff;margin: auto;padding: 2% 0 1%;}
            .contenedor-carrusel{
                display: flex;
                flex-wrap: wrap;
                width: 80%;
                margin: auto;
            }
            .imagen-carrusel{
                width: 95%;
                margin: auto;
            }
            .imagen-carrusel img{
                width: 100%;
                border-radius: 50%;
                background: #fff;
                border: 1px solid #c2cbce;
				
            }        
/* termina carrusel de marcas-LOGO*/                 
            
 .titulo-contenedores-google-sheet{
                width:90%;margin:0% auto;align-items:center;color:black;padding:1%;
     font-size:3rem;
     width:98%;font-family: 'mulish', sans-serif;
                font-weight: 500; text-align:center}
  
   /* empieza carrusel*/          
        .swiper-container {
              width: 100%;
              
              text-align: center;
              overflow-y:hidden;
             overflow-x:hidden;
            margin-top: 15px;
            }
            
             .swiper-container ::-webkit-scrollbar {
        display: none;
    }
            
            .swiper-container img {
              width: 95%;
              
              border-radius: 10px;
              margin: auto;
				 border: 0.5px solid #f7f5f5;
			
	}
           
            .text {
                color: #fff;
    font-size: 15px;
    padding: 30px 170px 0px;
    top: 0;
    position: absolute;
    width: 35%;
    text-align: center;
    height: 100%;
    opacity: 1;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    left: 2.5%;
    font-family: sans-serif;
            }
        
            

            .swiper-pagination-bullet {
              width: 12px;
              height: 12px;
              opacity: 0.8;
            }
            .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
                bottom: inherit !important;
                margin-top: -1.5%;
            }
            .swiper-button-next, .swiper-button-prev {
                margin-top: -16.5%;
                color: #fff;
                top: auto;
            }
            .swiper-button-next, .swiper-rtl .swiper-button-prev {
                right: calc(2.5% + 10px);
            }
            .swiper-button-prev, .swiper-rtl .swiper-button-next {
                left: calc(10px + 2.5%);
            }
            .swiper-pagination-bullet-active { opacity: .8;
    background:#dedede;}
  /* termina carrusel*/ 

   
            
  @media (max-width: 1340px) {
      
            }
            
    @media screen and (max-width: 1023px) {
        .carrousel-categorias {
            overflow: scroll;
        }
        .carrousel-button-prev-categorias,
        .carrousel-button-next-categorias {
            display: none;
        }
        .prev-categorias,
        .next-categorias {
            display: none;
        }
        .category-button {
            font-size: 13px;
        }
           
      
         .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
                    margin-top: -2.5%;
                }
                .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
                    font-size: 2rem;
                }
                .swiper-button-next, .swiper-button-prev {
                    margin-top: -14.5%;
                }
                .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
                    font-size: 1.5rem;
                }
                .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
                    margin-top: -3.5%;
                }
}
    
			
		@media screen and (max-width: 1400px) {	
			
			}
			
			
			
				@media screen and (max-width: 1300px) {	
	
            }
					
	@media screen and (max-width: 1050px) {	
	
                    }
			
    @media screen and (max-width: 780px) {
     
/* empieza carrusel de marcas-LOGO*/         
        .contenedor-carrusel{
                    flex-wrap:nowrap;
                    overflow-x:auto;
                    width: 99%;
                    margin: 1% auto 3%;
                }
 /* termina carrusel de marcas-LOGO*/ 
        
      
        
    }
      
    @media screen and (max-width: 600px) {
     
        .banner-desktop{display:none}
                .banner-mobile{display:block} 
    .swiper-button-next, .swiper-button-prev {
                    display: none;
                }
            .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
                    margin-top: -3.5%;
                }  

    }

    @media (max-width: 575px){
        .category-lists-slider{
            margin-top: 40px;
        }
        .category-button{
            font-size: 12px;
            padding: 4px 7px;
        }
        
    }
      
     @media (max-width: 400px) {   
           
		 
		 	.carosel-nav-left {
    display: none;}
			
.carosel-nav-right{
				
display: none;}
	
		 .text {
    padding: 25px 5px 0px;
}
         
      } 
            
            
        @media (max-width: 320px) {        
           
}