/* Grupo Nosara | Libro de Marca 2025, pp. 15, 16, 18.
   Digital HEX values, not colors sampled from PDF previews.
   Shared by the public page, login, setup and dashboard. */
:root {
    --blue: #28509A;
    --yellow: #F3BF46;
    --green: #7EA34F;
    --gray: #818285;
    --white: #FFFFFF;
    --ink: #000000;
    --font-brand: "Red Hat Display", system-ui, sans-serif;
    --content: 1180px;
    --gutter: clamp(20px, 4vw, 48px);
    --line: rgba(40, 80, 154, .18);
}
*, *::before, *::after { box-sizing: border-box; }
html { margin: 0; padding: 0; scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 0;
    font-family: var(--font-brand);
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    font-synthesis: none;
    color: var(--ink);
    background: var(--white);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
/* No blanket overflow:hidden: the layout itself must fit the viewport. */
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-underline-offset: .2em; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
button { white-space: normal; }
h1, h2 { font-weight: 700; line-height: 1.15; }
h3, h4, h5, h6 { font-weight: 600; line-height: 1.25; }
strong, b { font-weight: 700; }
p, h1, h2, h3, h4, li { overflow-wrap: break-word; }
:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
[hidden] { display: none !important; }
.skip-link {
    position: absolute; top: 8px; left: 8px; z-index: 100;
    background: var(--white); color: var(--blue); padding: 12px 20px;
    transform: translateY(-160%); border: 2px solid var(--blue);
}
.skip-link:focus { transform: none; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}