.inputSearch-cont {
      position: relative;
      width: 400px;
    }

    #txt_busq {
      width: 100%;
      padding: 10px 50px 10px 20px; /* Padding for text and icon spacing */
      border-radius: 50px; /* Makes the corners fully rounded */
      border: 2px solid #2c2349; /* Border color similar to the image */
      font-size: 16px;
      outline: none;
      background-color: transparent;
      color: #2c2349; /* Text color */
      box-shadow: none;
    }

    #txt_busq::placeholder {
      color: #2c2349; /* Placeholder color similar to the text */
      font-family: 'Arial', sans-serif; /* Optional: match your font family */
    }

    .inputSearch-cont i {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
      color: #2c2349; /* Icon color */
      font-size: 18px;
      pointer-events: none;
    }
    
    

.menuSubCatego {
    display: none;
    position: absolute;
    top: 100%; /* Position menu below the div */
    left: 40%;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    width:100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    font-size:1em;
    z-index: 1000;
}

.menuSubCatego ul {
    list-style-type: none;
}

.menuSubCatego li {
    margin-bottom: 10px;
}

.menuSubCatego li:last-child {
    margin-bottom: 0;
}

.menuSubCatego li a {
    text-decoration: none;
    
}



/* Show menu on hover */
.ChacesCat-div:hover .menuSubCatego {
    display: block;
}





.slider-container {
  
  text-align: center;
}

.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: calc(100% / 3); /* Adjust this value to show multiple slides at once */
  
  
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  margin: 10px;
  font-size: 1.5rem;
}

.nav-button {
  
  border: none;
  cursor: pointer;
  
}


 .accordion-header {
            border-radius:10px; 
            background-color:#eee6f2; 
            font-weight:bold; 
            color:#000;
            cursor: pointer;
            padding: 3%;
            
            position: relative;
        }

/* Estilo del icono */
.accordion-header i {
            position: absolute;
            right: 10px;
            transition: transform 0.3s ease;
}

        /* Rotar icono cuando está activo */
        .active i {
            transform: rotate(180deg);
        }

        .accordion-content {
            display: none;
            padding: 10px;
            border-top: 1px solid #ccc;
        }



/* Media query for vertical (portrait) phones */
    @media screen and (max-width: 480px) and (orientation: portrait) {
      .headTuChance{
        height:400px; margin-top:13%;  
        
      }
      .headerSearchB{
        margin-top:10%;
      }
      .nextArrowMainSlide{
        font-size:15px;
      }
      
      .prevArrowMainSlide{
        font-size:15px;
      }
      
    }
    
    /* Media query for vertical (portrait) phones */
    @media screen and (min-width: 540px) and (orientation: portrait) {
      .headTuChance{
        height:400px; margin-top:13%;  
        
      }
      .headerSearchB{
        margin-top:10%;
      }
      
      
      .nextArrowMainSlide{
        font-size:15px;
      }
      
      .prevArrowMainSlide{
        font-size:15px;
      }
      
    }

/* Media Queries for Tablet Screens (768px and above) */
    @media screen and (min-width: 768px) {
      .headTuChance{
        height:312px; margin-top:10%; 
      }
       .headerSearchB{
        margin-top:10%;
      }
      .nextArrowMainSlide{
        font-size:50px;
      }
      
      .prevArrowMainSlide{
        font-size:50px;
      }
     
    }

    /* Media Queries for Desktop Screens (1024px and above) */
    @media screen and (min-width: 1024px) {
    .headTuChance{
        height:100px; margin-top:10%; 
      }
      .headerSearchB{
        margin-top:10%;
      }
      .nextArrowMainSlide{
        font-size:50px;
      }
      .prevArrowMainSlide{
        font-size:50px;
      }
      
      
    }
    
     /* Media Queries for Desktop Screens (1024px and above) */
    @media screen and (min-width: 1024px) and (orientation: landscape){
    .headTuChance{
        height:300px; margin-top:4%; 
      }
      .headerSearchB{
        margin-top:5%;
      }
      .nextArrowMainSlide{
        font-size:50px;
      }
     .prevArrowMainSlide{
        font-size:50px;
      }
      
    }

    /* Media Queries for Large Screens (1440px and above) */
    @media screen and (min-width: 1440px) {
    .headTuChance{
        height:312px; margin-top:4%; 
      }
      .nextArrowMainSlide{
        font-size:50px;
      }
      .prevArrowMainSlide{
        font-size:50px;
      }
      
    }