/*
INICIO: ESTE ESTILO ESTA DEDICADO A LA OPCION DE BUSCAR (UN INPUT + UN BOTON)
*/
  .input-con-boton {
    display: flex;
    align-items: center;
    /*width: 300px;  Ajusta el tamaño según necesites */
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 0px;
    padding: 0px;
    overflow: hidden; /* Oculta los bordes sobrantes */
  }

  .input-con-boton input {
    flex: 1; /* Hace que el input ocupe todo el espacio restante */
    border: none;
    padding: 10px;
    margin-left: 0px;
    border-top-right-radius: 5px solid #ccc;
    border-bottom-right-radius: 5px solid #ccc;
    outline: none;
  }

  .input-con-boton button {
    background-color: #007bff;
    color: white;
    border: none;
    border-top-right-radius: 5px solid #ccc;
    border-bottom-right-radius: 5px solid #ccc;
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.3s;
  }

  .input-con-boton button:hover {
    background-color: #0056b3;
  }
/*
FIN: ESTE ESTILO ESTA DEDICADO A LA OPCION DE BUSCAR (UN INPUT + UN BOTON)
*/