/** Adaptador Bootstrap de la aplicación. */

:root {
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: none;
    --bs-link-hover-color: #0a53be;
    --bs-link-hover-color-rgb: 10, 83, 190;
    --bs-link-hover-decoration: underline;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    --bs-body-font-size: .9rem;
    --bs-body-line-height: 1.4;
    --bs-body-color: #343a40;
    --bs-body-color-rgb: 52, 58, 64;
    --bs-border-color: #dee2e6;
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --app-muted-bg: #e9ecef;
    --app-panel-bg: #f4f4f4;
    --app-warning-bg: #fff5d6;
    --app-highlight-bg: #fcf3cf;
}

body {
    font-size: .9rem;
    line-height: 1.4;
    color: #343a40;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

hr {
    border-top: 1px solid #adb5bd;
    opacity: 1;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: calc(1.269rem + .228vw);
}

h2,
.h2 {
    font-size: calc(1.251rem + .012vw);
}

h3,
.h3 {
    font-size: 1.08rem;
}

h4,
.h4 {
    font-size: .9rem;
}

h5,
.h5 {
    font-size: .72rem;
}

h6,
.h6 {
    font-size: .54rem;
}

p {
    margin-top: 0;
    margin-bottom: .5rem;
}

.figure-img {
    margin-bottom: .25rem;
}

.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif;
    --bs-btn-font-size: .95rem;
    --bs-btn-line-height: 1.6;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 100px;
}

.btn:hover {
    text-decoration: none;
}

.btn-link {
    text-decoration: none;
}

.dropdown-menu {
    --bs-dropdown-min-width: 11rem;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-font-size: .95rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: #adb5bd;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: -1px;
    --bs-dropdown-divider-bg: #adb5bd;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #000;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #212529;
    --bs-dropdown-link-active-bg: #fff;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: .625rem;
    --bs-dropdown-item-padding-y: .625rem;
}

.nav {
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: #212529;
    --bs-nav-link-hover-color: #000;
    --bs-nav-link-disabled-color: #6c757d;
}

.navbar {
    --bs-navbar-padding-y: .625rem;
    --bs-navbar-color: #0d6efd;
    --bs-navbar-hover-color: #0d6efd;
    --bs-navbar-disabled-color: #0d6efd;
    --bs-navbar-active-color: #0d6efd;
    --bs-navbar-brand-padding-y: .5rem;
    --bs-navbar-brand-margin-end: .5rem;
    --bs-navbar-brand-font-size: 1rem;
    --bs-navbar-brand-color: #0d6efd;
    --bs-navbar-brand-hover-color: #0d6efd;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230d6efd' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: #0d6efd;
    --bs-navbar-toggler-border-radius: .375rem;
    --bs-navbar-toggler-focus-width: .15rem;
}

.navbar-nav {
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 400;
}

.accordion-button {
    font-size: .9rem;
}

.page-link:hover {
    text-decoration: none;
}

.tooltip,
.popover {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    line-height: 1.4;
}

@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 1.44rem;
    }

    h2,
    .h2 {
        font-size: 1.26rem;
    }
}

/** Alias heredados de Bootstrap 4. */

.text-start { text-align: left !important; }
.text-end { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.text-upper { text-transform: uppercase !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 10px !important; }
.m-2 { margin: 20px !important; }
.m-3 { margin: 30px !important; }
.m-4 { margin: 40px !important; }
.m-5 { margin: 50px !important; }
.m-auto { margin: auto !important; }

.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 10px !important; margin-left: 10px !important; }
.mx-2 { margin-right: 20px !important; margin-left: 20px !important; }
.mx-3 { margin-right: 30px !important; margin-left: 30px !important; }
.mx-4 { margin-right: 40px !important; margin-left: 40px !important; }
.mx-5 { margin-right: 50px !important; margin-left: 50px !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 10px !important; margin-bottom: 10px !important; }
.my-2 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-3 { margin-top: 30px !important; margin-bottom: 30px !important; }
.my-4 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-5 { margin-top: 50px !important; margin-bottom: 50px !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 10px !important; }
.mt-2 { margin-top: 20px !important; }
.mt-3 { margin-top: 30px !important; }
.mt-4 { margin-top: 40px !important; }
.mt-5 { margin-top: 50px !important; }
.mt-auto { margin-top: auto !important; }

.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 10px !important; }
.ms-2 { margin-left: 20px !important; }
.ms-3 { margin-left: 30px !important; }
.ms-4 { margin-left: 40px !important; }
.ms-5 { margin-left: 50px !important; }
.ml-auto { margin-left: auto !important; }

.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 10px !important; }
.me-2 { margin-right: 20px !important; }
.me-3 { margin-right: 30px !important; }
.me-4 { margin-right: 40px !important; }
.me-5 { margin-right: 50px !important; }
.mr-auto { margin-right: auto !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 10px !important; }
.mb-2 { margin-bottom: 20px !important; }
.mb-3 { margin-bottom: 30px !important; }
.mb-4 { margin-bottom: 40px !important; }
.mb-5 { margin-bottom: 50px !important; }
.mb-auto { margin-bottom: auto !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 10px !important; }
.p-2 { padding: 20px !important; }
.p-3 { padding: 30px !important; }
.p-4 { padding: 40px !important; }
.p-5 { padding: 50px !important; }

.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.px-1 { padding-right: 10px !important; padding-left: 10px !important; }
.px-2 { padding-right: 20px !important; padding-left: 20px !important; }
.px-3 { padding-right: 30px !important; padding-left: 30px !important; }
.px-4 { padding-right: 40px !important; padding-left: 40px !important; }
.px-5 { padding-right: 50px !important; padding-left: 50px !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 10px !important; padding-bottom: 10px !important; }
.py-2 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-3 { padding-top: 30px !important; padding-bottom: 30px !important; }
.py-4 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py-5 { padding-top: 50px !important; padding-bottom: 50px !important; }

.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 10px !important; }
.pt-2 { padding-top: 20px !important; }
.pt-3 { padding-top: 30px !important; }
.pt-4 { padding-top: 40px !important; }
.pt-5 { padding-top: 50px !important; }

.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 10px !important; }
.ps-2 { padding-left: 20px !important; }
.ps-3 { padding-left: 30px !important; }
.ps-4 { padding-left: 40px !important; }
.ps-5 { padding-left: 50px !important; }

.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 10px !important; }
.pe-2 { padding-right: 20px !important; }
.pe-3 { padding-right: 30px !important; }
.pe-4 { padding-right: 40px !important; }
.pe-5 { padding-right: 50px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 10px !important; }
.pb-2 { padding-bottom: 20px !important; }
.pb-3 { padding-bottom: 30px !important; }
.pb-4 { padding-bottom: 40px !important; }
.pb-5 { padding-bottom: 50px !important; }

@media (max-width: 767px) {
    .hidden-phone { display: none !important; }
}

@media (max-width: 991px) {
    .hidden-tablet { display: none !important; }
}

/** Base de la aplicación. */

.container {
    padding-left: 15px;
    padding-right: 15px;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 1630px;
    }
}

@media (min-width: 768px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 1630px;
    }
}

@media (min-width: 992px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 1630px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1630px;
    }
}

@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1630px;
    }
}

.row {
    --bs-gutter-x: .5rem;
    --bs-gutter-y: 0;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    margin-bottom: 15px;
}

.badge {
    font-size: .78rem;
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 5px;
    --bs-breadcrumb-margin-bottom: 5px;
}

/** Iconos de la aplicación. */

.app-icon {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-style: normal;
    font-weight: 700;
}

.dashicons-sort {
    color: #555;
    cursor: grab;
}

.dashicons-testimonial {
    color: #c0392b;
}

/** Paginación. */

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page-numbers {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: 5px;
    line-height: 1.25;
    color: var(--bs-link-color);
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-numbers:hover {
    z-index: 2;
    color: var(--bs-link-hover-color);
    text-decoration: none;
    background-color: var(--app-muted-bg);
    border-color: #dee2e6;
}

.page-numbers:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.page-numbers.current {
    z-index: 3;
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/** Compatibilidad de rejilla para impresión. */

@media print {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
        margin-bottom: 5px;
    }

    .col-sm-1,
    .col-md-1,
    .col-lg-1 { width: 8.3333333333%; }
    .col-sm-2,
    .col-md-2,
    .col-lg-2 { width: 16.6666666667%; }
    .col-sm-3,
    .col-md-3,
    .col-lg-3 { width: 25%; }
    .col-sm-4,
    .col-md-4,
    .col-lg-4 { width: 33.3333333333%; }
    .col-sm-5,
    .col-md-5,
    .col-lg-5 { width: 41.6666666667%; }
    .col-sm-6,
    .col-md-6,
    .col-lg-6 { width: 50%; }
    .col-sm-7,
    .col-md-7,
    .col-lg-7 { width: 58.3333333333%; }
    .col-sm-8,
    .col-md-8,
    .col-lg-8 { width: 66.6666666667%; }
    .col-sm-9,
    .col-md-9,
    .col-lg-9 { width: 75%; }
    .col-sm-10,
    .col-md-10,
    .col-lg-10 { width: 83.3333333333%; }
    .col-sm-11,
    .col-md-11,
    .col-lg-11 { width: 91.6666666667%; }
    .col-sm-12,
    .col-md-12,
    .col-lg-12 { width: 100%; }
}