/* =========================================================
   García Recta Design — base.css
   Reset, tipografía base, utilidades transversales.
   ========================================================= */
* { margin:0; padding:0; box-sizing:border-box; }

html {
    scroll-behavior: smooth;
    background: var(--black);
    max-width: 100vw;
    overflow-x: clip;
}

html { scroll-padding-top: env(safe-area-inset-top, 0px); }

body {
    font-family: var(--font-body);
    background: var(--black);
    color: var(--white);
    line-height: 1.6;
    max-width: 100vw;
    overflow-x: clip;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.loading { overflow: hidden; }

img, video { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

::selection { background: var(--red); color: #fff; }

.container {
    width: 100%;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-pad);
}

.bg-cover {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: center;
    background-color: var(--charcoal);
}

/* Foco accesible visible (teclado) */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--red);
    outline-offset: 3px;
}

/* Etiqueta gráfica tipo "coordenada" — GRD / 001, CORDOBA / ARG, etc.
   Recurso decorativo puramente tipográfico, nunca información inventada. */
.coord-label {
    font-family: var(--font-body);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(245,245,243,.38);
    white-space: nowrap;
}

section[id] { scroll-margin-top: 90px; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}