/**********CATEGORIAS***************************/
.container_categorias{
  display: grid;
  grid-template-columns: 40% 60%;
  padding:.25rem 0 ;
}
@media (max-width: 991px) {
  .container_categorias{
  display: flex;
flex-direction: column;
}
}


/****************MARCAS*****************/
.section-marcas{
  /* background-image: url('./images/soluciones-y-marcas-confiables.webp');
  background-position: center;
  background-size: cover; */
}
.container_marcas{
  display: grid;
  grid-template-columns: 42% 51%;
  padding:8.13rem 0 9.5rem 0;
  justify-content: space-between;
}
.text-container_marcas {
  padding-right: 2rem;
}
.text-container_marcas h2{
padding-bottom: 3.75rem;
}
.text-container_marcas p{

padding-bottom: 1.25rem
}

@media (max-width: 1200px) {
  .container_marcas{
  display: grid;
  grid-template-columns: 50% 50%;
}
.text-container_marcas h2{
padding-bottom:2.75rem;
}
}

@media (max-width: 991px) {
  .container_marcas{
  display: flex;
flex-direction: column;
  row-gap: 4rem;
  padding:4rem 0 ;
}
.text-container_marcas{
  padding-right: 0;
}
}
/*********************/

.container-mbanner{
  border: 2px solid white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 2rem;
  padding: 3rem;
}
.home_section-container-mbanner h2{  
  font-size: 48px;
  color: #ffffff;
  font-family: Font-Semibold;
}
.text-container-mini-banner{
  max-width: 40.6rem;
}
.img-container-mini-banner{
  width: 80%;
  max-width: 15.6rem;
}

@media (max-width:1024px){
  .text-container-mini-banner h2{  
  font-size: 40px;
  line-height: 46px;
}
}


@media (max-width:991px){
.container-mbanner{
  flex-direction: column;
  row-gap: 2rem;
  padding: 1rem;

}
.home_section-container-mbanner{
  padding: 2.5rem;
  margin: 4rem auto 5rem auto;
}
  .text-container-mini-banner h2{ 
    text-align: center;
    padding-top: 2rem;
  }
}

@media (max-width:610px){
  .text-container-mini-banner h2, .home_section-container-mbanner h2, #soluciones_section-container-mbanner .text-container-mini-banner h2{ 
 font-size: 24px;
 line-height: 32px;
   }
   .container-mbanner{
    border-radius:1.5rem ;
   }
   .home_section-container-mbanner{
     padding: 1.5rem;
    margin: 1rem auto 3rem auto;
   
   }
   .img-container-mini-banner{
    max-width: 150px;
   }
}



/********ACORDEON CONOCENOS Y CONTACTANOS******************/
 
   .accordion {     
            margin: 0px 2rem;         
            overflow: hidden;
        }

        .accordion-item {
            border-bottom: 1px solid #7A7A7A;
          /* padding: 1.5rem 1rem; */
           transition: background-color 0.3s ease;
        }

        .accordion-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
              /* padding: 2rem 1rem; */
            cursor: pointer;
            background-color: #ffffff;
            transition: background-color 0.3s ease;
            padding:3rem  1rem;
            column-gap: 1rem;
        }
        .accordion-title{
            font-size: 28px;
            line-height: 36px;
             font-family: Font-Semibold;
        }
        

       
    .accordion-header.open + .accordion-content {
    padding-bottom: 2rem;
    }

    

        .accordion-header .icon img{          
             width: 54px;
            height: 54px;
            transition: transform 0.3s ease;
          
             transform: rotate(90deg);
        }

        .accordion-header.open .icon img{
            transform: rotate(0deg);
        }

        .accordion-content {
            padding: 0 16px;
            background-color: #ffffff;
            font-size: 14px;
            color: #555;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
             
        }

     @media (max-width: 1024px) {
          .accordion-header {
                 padding:1.9rem  1rem;
            }
             .accordion {
                margin: 3rem 0 0 0px;
            }
              .accordion-title{
            font-size: 26px;
            line-height: 36px;             
        }
         .accordion-header .icon img{          
             width: 44px;
            height: 44px;
          }
        }

        @media (max-width: 768px) {
             .accordion-title{
            font-size: 20px;
            line-height: 32px;             
        }

         .accordion-header .icon img{          
             width: 34px;
            height: 34px;
          }
           
        }

/*********END ACORDEON***********/