/*
============================================================
SISTEMA DE CONCURSO DE BANDAS
CSS GENERAL
============================================================
*/

:root {

    --app-primary: #243447;
    --app-primary-dark: #1a2633;
    --app-secondary: #52677a;

    --app-background: #f4f6f9;
    --app-surface: #ffffff;

    --app-text: #25313c;
    --app-text-muted: #6c757d;

    --app-border: #dee2e6;

    --app-radius: 12px;

    --app-shadow:
        0 8px 24px rgba(0, 0, 0, 0.08);
}


/*
|--------------------------------------------------------------------------
| General
|--------------------------------------------------------------------------
*/

html,
body {

    min-height: 100%;

}


body {

    margin: 0;

    font-family:
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;

    color: var(--app-text);

    background-color:
        var(--app-background);

}


/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a {

    color: inherit;

    text-decoration: none;

}


/*
|--------------------------------------------------------------------------
| Botones
|--------------------------------------------------------------------------
*/

.btn {

    border-radius: 8px;

    font-weight: 500;

}


.btn-primary {

    background-color:
        var(--app-primary);

    border-color:
        var(--app-primary);

}


.btn-primary:hover {

    background-color:
        var(--app-primary-dark);

    border-color:
        var(--app-primary-dark);

}


/*
|--------------------------------------------------------------------------
| Formularios
|--------------------------------------------------------------------------
*/

.form-control,
.form-select {

    min-height: 44px;

    border-color:
        var(--app-border);

    border-radius: 8px;

}


.form-control:focus,
.form-select:focus {

    border-color:
        var(--app-secondary);

    box-shadow:
        0 0 0 0.2rem rgba(82, 103, 122, 0.15);

}


.form-label {

    font-weight: 600;

    margin-bottom: 7px;

}


/*
|--------------------------------------------------------------------------
| Iconos
|--------------------------------------------------------------------------
*/

.bi {

    vertical-align: -0.1em;

}