/* MRA portal layout adjustments */
:root { --mra-page: 86rem; }
html { scroll-padding-top: 5.5rem; }
body { line-height: 1.58; }
#root > .bg-ambient > header { width: 100% !important; max-width: none !important; }
#root > .bg-ambient > header > div { width: min(100%, var(--mra-page)); max-width: none; margin-inline: auto; }
#root > .bg-ambient > footer { width: 100% !important; max-width: none !important; }
#root > .bg-ambient > footer > div { width: min(100%, var(--mra-page)); max-width: none; margin-inline: auto; }
#root > .bg-ambient > main { display: flex; flex-direction: column; gap: clamp(1.1rem,2vw,1.7rem); }
#root > .bg-ambient > main > section { width: min(100%, var(--mra-page)); max-width: none !important; margin-inline: auto; padding-block: clamp(1rem,1.8vw,1.5rem); scroll-margin-top: 5.5rem; }
#root > .bg-ambient > header nav { gap: .3rem; }
#root > .bg-ambient > header nav a { padding: .55rem .8rem; border-radius: .75rem; transition: background .18s ease,color .18s ease; }
#root > .bg-ambient > header nav a:hover,#root > .bg-ambient > header nav a:focus-visible { background: #111d31; color: #e7edf6; }
#root > .bg-ambient > main > section h1 { line-height: 1.08; letter-spacing: -.035em; }
#root > .bg-ambient > main > section h2 { line-height: 1.2; letter-spacing: -.025em; }
#root > .bg-ambient > main > section .glass { box-shadow: 0 18px 55px #00000018; }
#root > .bg-ambient > main > section .rounded-3xl { border-radius: 1.15rem; }
#root > .bg-ambient > main > section .grid { align-items: stretch; }
#root > .bg-ambient > main > section .gap-6 { gap: 1.15rem; }
#root > .bg-ambient > main > section button,#root > .bg-ambient > main > section a { transition: transform .16s ease,border-color .16s ease,background-color .16s ease; }
#root > .bg-ambient > main > section button:hover,#root > .bg-ambient > main > section a:hover { transform: translateY(-1px); }
#root > .bg-ambient > main > section button:focus-visible,#root > .bg-ambient > main > section a:focus-visible { outline: 2px solid #6ddb72; outline-offset: 3px; }
#mrx-mods { width: min(calc(100% - 2rem), var(--mra-page)) !important; max-width: none !important; margin: .5rem auto 0 !important; padding: clamp(1.2rem,2.2vw,2rem) !important; border: 1px solid #1c2b42; border-radius: 1.2rem; background: linear-gradient(150deg,#0c1524d9,#080d15c9); }
#mrx-mods .mrx-editor,#mrx-mods .mrx-table { border-radius: .9rem; }
#descargas .glass { border-radius: 1.15rem; }
#descargas ol { max-width: 68rem; }
#descargas li { line-height: 1.65; }
#descargas code { overflow-wrap: anywhere; }
@media (max-width: 48rem) {
 #root > .bg-ambient > header > div { padding-inline: 1rem; }
 #root > .bg-ambient > header nav { gap: .1rem; }
 #root > .bg-ambient > header nav a { padding: .45rem .55rem; font-size: .82rem; }
 #root > .bg-ambient > main > section { padding-inline: 1rem; }
 #root > .bg-ambient > main > section .glass > div { padding: 1.15rem; }
 #mrx-mods { width: calc(100% - 1.25rem) !important; padding: 1rem !important; }
 #mrx-mods .mrx-td { padding: .85rem .7rem; }
}