.search-container {
    display: inline-block; /* O block si quieres que ocupe toda la línea */
    width: 100%;
    max-width: 600px; /* Ajusta según el ancho deseado */
    margin: 0 auto;   /* Centrar horizontalmente si es un bloque */
  }
  
  .input-group {
    border-radius: 999px; /* Borde tipo "pill" */
    overflow: hidden;      /* Para que los hijos respeten el borde redondeado */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Sombra suave */
  }
  
  /* Quitar borde entre span y input */
  .input-group .input-group-text {
    border-radius: 0;
    border: none;
  }
  
  .search-input {
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 0;
  }
  
  /* Quitar la separación entre span y el input para que se vea integrado */
  .input-group .input-group-text.bg-white {
    background-color: #fff;
    border-right: 0;
  }
  
  /* Efecto hover/focus para el input */
  .search-input:focus {
    box-shadow: none !important;
  }
  
  .search-input::placeholder {
    color: #999;
  }