/* COLORES
* #cc0000 rojo ur. Uso recomendado: enlaces, botones muy visibles e iconos destacados.
* #990000 matiz oscuro 1. Uso recomendado: enlaces, botones muy visibles e iconos destacados. (botones y enlaces)
* #660000 matiz oscuro 2. Uso recomendado: enlaces, botones muy visibles e iconos destacados.
* #c1002c matiz cabecera
* #e68080 botones deshabilitados
* #c0e2e0 matiz claro verde secundario. Uso: fondos destacados.
* #a5d7d2 matiz oscuro verde secundario. Uso: fondos destacados.
* #59aca3 matiz oscuro mensajes destacados
* #ff3232 texto error
* #2d373c gris oscuro. Uso: texto, líneas finas y fondos.
* #46505a gris medio. Uso: texto, líneas y fondos.
* #6b737b gris intermedio
* #eaebec gris claro. Uso: líneas y fondos.
* #f6f6f6 gris muy claro Uso: líneas y fondos. Fondo mensajes error y cabecera de fichas
* #129fea borde campo formulario activo

*/

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url('/aurea/fonts/material-symbols-outlined-039804af38d5db4cbaf93954defdca3b.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: 300;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100%;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
}

/* Evita que siempre salga el scroll */
body > div.container-fluid {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

body > div.container-fluid > .row {
    flex: 1;
}

a {
    color: #990000;
    text-decoration: none;
}

a:hover {
    color: #660000;
    text-decoration: underline;
}

.boton-deshabilitado, .boton-deshabilitado:focus {
    color: #ffffff;
    background-color: #C46D6D !important;
    border-color: #C46D6D;
    box-shadow: none !important;
    pointer-events: none;
}

header {
    background-color: #cc0000;
    background-image: url("/aurea/images/logo_ur-75bda8cbe2af6837531887b3a8dd4c25.png");
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 5em;
    height: 80px !important;
}

@media only screen and (max-width: 600px) {
    header {
        background-image: url("/aurea/images/logo_ur_movil-b31dd2a4a112cd47035dc6dc1c9cfbd2.png");
    }
}

header h1 {
    text-align: right;
    margin: 0 1em .5em 1em;
    padding-top: 17px; /*0.5em*/;
    line-height: 0.60em;
}

@media only screen and (max-width: 202px) {
    header h1 {
        line-height: 0.9em;
    }
}

header h1 a {
    color: #fff;
    font-size: 0.7em;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1.2em;
    text-decoration: none !important;
}

header h1 a:hover {
    color: #fff;
}


.cabecera {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between; /* items are evenly distributed in the line; first item is on the start line, last item on the end line*/
}

/* Barra de navegación horizontal de entrada a la aplicación */
.nav-entrada {
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #990000;
}

.acceso {
    font-size: 1.1em;
}

.acceso input, .acceso button {
    font-size: 1em;
}

footer {
    background-color: #2d373c;
}

.obligatorio {
    color: red;
}

.encabezado {
    background-color: #eaebec;
}

.error {
    color: red;
    font-weight: bold;
}

.inactivo {
    color: #6b737b;
    font-style: italic;
}


.material-symbols-outlined {
    vertical-align: -.2em;
}

.material-symbols-outlined.entrada {
    padding-right: 0;
}

.material-symbols-outlined.error {
    font-size: 5em;
    color: red;
}

.socio-feature {
    font-size: 1em;
    align-items: center;
    margin-right: .5em;
}

p.socio-feature {
    line-height: 1.2em;
}

.imagen-firma {
    width: 596px;
    height: 90px;
}


/* modificaciones de elementos de bootstrap */

/* botones */
.btn-primary.disabled {
    background-color: #C46D6D !important;
    border-color: #C46D6D;
}

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

.btn-primary {
    background-color: #990000 !important;
    border-color: #990000;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #660000 !important;
    border-color: #660000;
}

.btn-outline-primary {
    color: #990000 !important;
    border-color: #990000;
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
    background-color: #eaebec !important;
    color: #990000;
    border-color: #990000;
}

.btn-link {
    color: #990000;
    text-decoration: none;
}

.btn-link:hover {
    color: #660000;
    text-decoration: underline;
}

.boton-sin-sombra.btn:focus {
    box-shadow: none;
}

/* forms */
.form-check-input {
    border: 1px solid rgba(0, 0, 0, .35);
}

.form-label, .form-check-label {
    font-size: small;
    margin-bottom: 0;
}

.input-group-text {
    font-size: 0.75rem;
}

.form-check-input:checked {
    background-color: #990000;
    border-color: #990000;
}

/* page-links */
.pagination {
    font-size: 0.8em;
}

.page-link, .page-link:hover {
    color: #660000;
}

.page-item.active .page-link {
    background-color: #660000;
    border-color: #660000;
}

/* cards */
.card-header {
    color: #2d373c;
    background-color: #eaebec;

}

/* tablas */
.table-hover tbody tr:hover {
    background-color: #c0e2e0;
}


/* forms */
.input-group-text {
    font-size: 0.75rem;
}

/* dropdowns */
.dropdown-item:hover {
    background-color: #2d373c;
}

.dropdown-claro.dropdown-toggle:hover, .dropdown-claro.dropdown-toggle:active, .dropdown-claro.dropdown-toggle:focus {
    text-decoration: none;
}

.dropdown-claro.dropdown-item.boton-sin-sombra, a.dropdown-claro.dropdown-item {
    color: #990000;
}

.dropdown-claro.dropdown-item:hover, .dropdown-claro.dropdown-item:active, .dropdown-claro.dropdown-item:focus {
    background-color: #f8f9fa; /* backgound por defecto de Bootstrap */
    text-decoration: none;
}

/* containers */
.container-footer {
    width: auto;
    padding: 0 15px;
    color: #eaebec;
    font-size: 0.75rem;
}

/* accordions */
.accordion-header {
    background-color: #c0e2e0;
}

.accordion-button:not(.collapsed) {
    padding: 0.5rem;
    color: #990000;
    background-color: #f6f6f6;
}

.accordion-button.collapsed {
    padding: 0.5rem;
    color: #2d373c;
    background-color: #fff;
}


.separador {
    border-right: 2px solid #cc0000;
}

/* formulario */
.badge {
    color: #990000;
    background-color: #fff;
    border: 1px solid #990000;
}

.card {
    border: 1px solid #a5d7d2;
}

/* tabla con altura máxima y scroll vertical (la cabecera queda fija al hacer scroll) */
.tabla-scroll {
    max-height: 35vh;
    overflow-y: auto;
}

.tabla-scroll thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.oculto {
    display: none;
}

.texto-importante {
    color: #990000;
}

.tooltip-title {
    cursor: pointer;
}

.misma-linea {
    white-space: nowrap;
}

.negrita {
    font-weight: bold;
}

.nav-consultor {
    background-color: #d9fbfb;
    color: #2d373c;
}

.nav-suscripcion {
    background-color: #d9fbfb;
    color: #2d373c;
}

.nav-suscripcion .material-symbols-outlined {
    color: #2d373c;
}

.aviso {
    background-color: red;
}

.texto-grande {
    font-size: 24px;
}

/* paginadores */
/* Por defecto: tamaño normal */
.custom-pagination .page-link {
    font-size: 1rem;
}

/* En móviles (<768px) usamos versión pequeña */
@media (max-width: 767.98px) {
    .custom-pagination .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
    }
}