.site-navbar{ min-height:82px; background:rgba(53,40,63,.96); backdrop-filter:blur(12px); }
.site-navbar__inner{ max-width:1440px; padding:0 42px; }
.site-navbar__brand{ max-width:220px; min-width:180px; height:54px; }
.site-navbar__nav{ gap:28px; }
.site-navbar__nav a{ font-size:15px; line-height:1.4; transition:color .2s ease; }
.site-navbar__nav a:hover,.site-navbar__nav a:focus-visible{ color:#e64b94; }
.site-footer{ background:#2b2035; }
.footer-column h2{ font-size:16px; letter-spacing:.5px; }
.footer-brand p,.footer-column address,.footer-contact-list{ font-size:16px; line-height:1.7; }
@media(max-width:760px){.site-navbar__inner{ padding:0 20px; }
}

/* Tipografía de las piezas originales y ajustes para no afectar sus proporciones. */
.gill-regular{font-family:var(--sans);font-weight:400}
.gill-semibold{font-family:var(--sans);font-weight:600}
.gill-bold{font-family:var(--sans);font-weight:700}
.footer-column h2{font-family:var(--sans);letter-spacing:.5px}
.footer-brand__logo{height:109px}

/* Navegación y pie con tamaños de lectura mayores. */
.site-navbar__nav a{font-size:18px;line-height:1.4}
.site-navbar__nav{gap:28px}
.footer-column h2.gill-bold{font-family:var(--sans);font-weight:600;font-size:20px;line-height:1.5}
.footer-brand p,.footer-column address,.footer-contact-list{font-size:18px;line-height:1.7}
.site-footer__bottom p{font-size:18px;line-height:1.6}
@media(max-width:1180px){.site-navbar__nav{gap:20px}.site-navbar__nav a{font-size:17px}}
@media(max-width:980px){.site-navbar__nav a{font-size:18px;line-height:1.5}.footer-column h2.gill-bold{font-size:20px}}
@media(max-width:600px){.footer-brand p,.footer-column address,.footer-contact-list,.site-footer__bottom p{font-size:17px}}

/* Logo de UNISANT con mayor presencia en la navbar. */
.site-navbar__brand{width:270px;max-width:270px;min-width:240px;height:70px}
@media(max-width:1180px){.site-navbar__brand{width:240px;max-width:240px;min-width:220px;height:64px}}
@media(max-width:980px){.site-navbar__brand{width:230px;max-width:230px;min-width:0;height:58px}}
@media(max-width:620px){.site-navbar__brand{width:205px;max-width:205px;height:52px}}
@media(max-width:360px){.site-navbar__brand{width:185px;max-width:185px}}

/* Contenido del footer más discreto, conservando sus encabezados. */
.footer-brand p,.footer-column address,.footer-contact-list{font-size:16px;line-height:1.65}
.site-footer__bottom p{font-size:15px;line-height:1.6}
@media(max-width:600px){.footer-brand p,.footer-column address,.footer-contact-list{font-size:16px}.site-footer__bottom p{font-size:14px}}

/* Morado de la referencia para las piezas institucionales. */
.site-navbar,.site-footer{background-color:#5f3e89}

/* Navbar más oscura y con aire vertical alrededor del logo. */
.site-navbar{background-color:#342044}
.site-navbar__inner{padding-top:16px;padding-bottom:16px}
@media(max-width:980px){.site-navbar__inner{padding-top:18px;padding-bottom:18px}}

/* Línea rosa bajo la navegación. */
.site-navbar{border-bottom:2px solid #e64b94}