input,
select,
textarea {
    background: var(--fondo);
    border: 1px solid var(--borde_tarjeta_interna);
    border-radius: 0.6rem;
    padding: 0.7rem 0.75rem;
    font: 400 0.85rem "Ubuntu", sans-serif;
    color: var(--texto);
    text-align: left;
}

/* Sin esto, el foco usa el outline azul/blanco por defecto del navegador,
   que no respeta el border-radius del input y se ve como una franja recta
   asomando arriba/abajo del borde redondeado. Se reemplaza por un anillo
   propio, en el color principal, que sí sigue la forma del input. */
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--base);
    box-shadow: 0 0 0 3px var(--base_clara_transparente);
}

/* Sin esto, un <select> dentro de un flex row (ej. .filtro) se estira a
   casi todo el ancho del contenedor en vez de ajustarse a su contenido como
   ya hacen los <input> - empuja el resto de los controles a líneas nuevas,
   desordenando cualquier fila de filtros con más de un select. */
select {
    width: fit-content;
}

input::placeholder,
textarea::placeholder {
    color: var(--texto_menor_enfasis);
}

.checkbox {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.checkbox_input {
    width: auto !important;
}

.checkbox_descripcion {
    font-size: .85rem;
}