/**************************************************************************
    FORMULARIOS
**************************************************************************/

.cdc-filtros {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 20px;
}

.cdc-busqueda {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
}

.cdc-busqueda input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--cdc-color-borde);
    border-radius: var(--cdc-radio) 0 0 var(--cdc-radio);
    font-family: var(--cdc-font);
    font-size: var(--cdc-font-sm);
}

.cdc-boton-buscar {
    flex: 0 0 46px;
    background: var(--cdc-color-principal);
    color: var(--cdc-color-blanco);
    border: none;
    cursor: pointer;
    border-radius: 0 var(--cdc-radio) var(--cdc-radio) 0;
    transition: .25s;
}

.cdc-boton-buscar:hover,
.cdc-boton-buscar:focus {
    background: var(--cdc-color-principal-hover);
    color: var(--cdc-color-blanco);
}

.cdc-filtro-select {
    flex: 0 0 180px;
    padding: 10px;
    border: 1px solid var(--cdc-color-borde);
    border-radius: var(--cdc-radio);
    font-family: var(--cdc-font);
    font-size: var(--cdc-font-sm);
}