/* ---------------------------------------------------------------------------
   Pie de página común: lo cargan base/template.html (pantallas internas) y
   base/login.html, para que el pie se vea igual en todo el aplicativo.
   El contenido vive en base/templates/base/_footer.html.
   --------------------------------------------------------------------------- */

.mainfooter {
    /* Los CSS por resolución lo fijaban en 100px, que recorta el bloque de
       datos de la entidad. */
    height: auto;
    padding: 16px clamp(20px, 5vw, 80px) 14px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
}

.footer-inner {
    text-align: center;
}

.footer-line {
    display: block;
    color: rgb(204, 204, 204);
    letter-spacing: 1.4px;
    font-size: 1.4rem;
    line-height: 1.5;
}

.footer-org {
    color: #ffffff;
    font-weight: 500;
}

/* Encabeza el bloque de la dirección */
.footer-sede {
    margin-top: 7px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}

.footer-year {
    font-variant-numeric: tabular-nums;
    opacity: 0.75;
}

.footer-link {
    color: rgb(204, 204, 204);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition-property: color, border-color;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}

.footer-link:hover,
.footer-link:focus-visible {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.7);
}

.footer-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

@media (max-width: 575px) {
    .footer-line {
        font-size: 1.3rem;
        line-height: 1.45;
    }
}