/*.custom-slider-widget {
    position: relative;
    width: 100%;
    max-width: 800px;
    overflow: hidden;
}

.custom-slide {
    text-align: center;
}

.custom-slide img {
    width: 100%;
    height: auto;
}

.custom-slide-button {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.ui-autocomplete {
    position: absolute !important;
    z-index: 100002 !important;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ccc;
    list-style: none;
    padding: 5px;
    width: 100%;
}

.ui-menu-item {
    padding: 5px 10px;
    cursor: pointer;
}

.ui-menu-item:hover {
    background: #f0f0f0;
}*/

/* Contenedor del slider */
    .custom-slider-widget {
      width: 100%;
      max-width: 100%; /* Ajusta el ancho máximo si lo deseas */
      margin: auto;

      & .owl-prev {
       left: 10px;
      }

      & .owl-next {
       right: 10px;
      }
    }

    /* Ajuste de cada slide */
    .custom-slide {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 6; /* Relación de aspecto rectangular */
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden; /* Evita desbordamiento */
    }

    /* Imágenes dentro del slider */
    .custom-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* Asegura que la imagen cubra sin deformarse */
    }

    /* Botón centrado dentro del slider */
    .custom-slide-button {
 /*     position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); */
	  margin: 20px auto;
      background-color: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 15px 30px;
      font-size: 18px;
      text-decoration: none;
      border-radius: 5px;
      font-weight: bold;
      transition: background 0.3s;
    }

    .custom-slide-button:hover {
      background-color: rgba(0, 0, 0, 0.9);
    }