/* Personalizaciones del sitio sobre Bootstrap 5.3.8. Cargar antes del tema de cada página. */
:root {
    --bs-body-font-family: "Open Sans", sans-serif;
    --bs-body-font-size: 1.25rem;
    --bs-body-font-weight: 300;
    --bs-body-line-height: 1.444;
    --bs-body-color: #000;
    --bs-heading-color: inherit;
    --bs-primary: #f05a60;
    --bs-primary-rgb: 240, 90, 96;
    --bs-secondary: #111921;
    --bs-secondary-rgb: 17, 25, 33;
    --bs-success-rgb: 40, 167, 69;
    --bs-info-rgb: 23, 162, 184;
    --bs-light: #f7f7f9;
    --bs-light-rgb: 247, 247, 249;
    --bs-dark: #111921;
    --bs-dark-rgb: 17, 25, 33;
    --bs-link-color: #007bff;
    --bs-link-color-rgb: 0, 123, 255;
    --bs-link-hover-color: #0056b3;
    --bs-link-hover-color-rgb: 0, 86, 179;
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .2rem;
    --bs-border-radius-lg: .3rem;
}

body {
    text-align: left;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:not([href]) {
    color: inherit;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.form-check-label {
    margin-bottom: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* Conservar la rejilla de 30px y el ancho aprobado también en pantallas XXL. */
.container, .container-fluid, .row {
    --bs-gutter-x: 30px;
}

.row.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.btn {
    --bs-btn-font-weight: 700;
    --bs-btn-border-radius: .25rem;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f05a60;
    --bs-btn-border-color: #f05a60;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ed373e;
    --bs-btn-hover-border-color: #ec2b33;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ec2b33;
    --bs-btn-active-border-color: #eb2028;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f05a60;
    --bs-btn-disabled-border-color: #f05a60;
    --bs-btn-focus-shadow-rgb: 242, 115, 120;
}

.btn-secondary, .btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #111921;
    --bs-btn-border-color: #111921;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #040608;
    --bs-btn-hover-border-color: #000;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #111921;
    --bs-btn-disabled-border-color: #111921;
    --bs-btn-focus-shadow-rgb: 53, 60, 66;
}

.btn-outline-primary {
    --bs-btn-color: #f05a60;
    --bs-btn-border-color: #f05a60;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f05a60;
    --bs-btn-hover-border-color: #f05a60;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f05a60;
    --bs-btn-active-border-color: #f05a60;
    --bs-btn-disabled-color: #f05a60;
    --bs-btn-disabled-border-color: #f05a60;
    --bs-btn-focus-shadow-rgb: 240, 90, 96;
}

.btn-outline-secondary, .btn-outline-dark {
    --bs-btn-color: #111921;
    --bs-btn-border-color: #111921;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #111921;
    --bs-btn-hover-border-color: #111921;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #111921;
    --bs-btn-active-border-color: #111921;
    --bs-btn-disabled-color: #111921;
    --bs-btn-disabled-border-color: #111921;
    --bs-btn-focus-shadow-rgb: 17, 25, 33;
}

.btn-outline-light {
    --bs-btn-color: #f7f7f9;
    --bs-btn-border-color: #f7f7f9;
    --bs-btn-hover-color: #212529;
    --bs-btn-hover-bg: #f7f7f9;
    --bs-btn-hover-border-color: #f7f7f9;
    --bs-btn-active-color: #212529;
    --bs-btn-active-bg: #f7f7f9;
    --bs-btn-active-border-color: #f7f7f9;
    --bs-btn-disabled-color: #f7f7f9;
    --bs-btn-disabled-border-color: #f7f7f9;
    --bs-btn-focus-shadow-rgb: 247, 247, 249;
}

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-border-radius: .3rem;
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-border-radius: .2rem;
}

.form-control, .form-select {
    border-color: #d8d8d8;
}

hr {
    opacity: 1;
}
