/* Identidad visual de Residencial La Orduña.
   Tomada del símbolo del fraccionamiento: el árbol con degradado de verde lima a verde hoja sobre blanco.
   (Las variables conservan sus nombres originales; "laton" es ahora el acento verde lima.) */
/* Fuentes alojadas en el propio sitio (no dependen de Google) */
@font-face { font-family: 'Bodoni Moda'; font-style: normal; font-display: swap; font-weight: 400 900; src: url('/compartido/fuentes/bodoni-moda-latin-opsz-normal.woff2') format('woff2-variations'); }
@font-face { font-family: 'Bodoni Moda'; font-style: italic; font-display: swap; font-weight: 400 900; src: url('/compartido/fuentes/bodoni-moda-latin-opsz-italic.woff2') format('woff2-variations'); }
@font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-display: swap; font-weight: 100 900; src: url('/compartido/fuentes/hanken-grotesk-latin-wght-normal.woff2') format('woff2-variations'); }

:root {
  --niebla: #F1F4EC;      /* fondo general */
  --papel: #F9FBF6;       /* superficies */
  --blanco: #FFFFFF;
  --bosque: #174A2D;      /* verde profundo de marca */
  --bosque-2: #21603A;
  --tinta: #1E2B22;       /* texto principal */
  --tinta-2: #4B5A4F;     /* texto secundario */
  --tinta-3: #77857A;     /* texto terciario */
  --piedra: #D3DBCC;      /* bordes */
  --piedra-2: #E4EADE;
  --musgo: #5E9E3E;
  --laton: #9AB426;       /* acento: latón */
  --laton-osc: #557214;   /* latón legible sobre claro */
  --laton-claro: #EDF3D2;
  --vino: #7D3A33;        /* adeudos y egresos */
  --vino-claro: #F1E3E0;
  --verde: #2F7A44;       /* al corriente e ingresos */
  --verde-claro: #E2EFE2;
  --ambar: #66760F;
  --ambar-claro: #F0F4D8;

  /* Degradados de marca: verde hoja con un brillo lima, como el árbol del símbolo */
  --marca-lima: #B8C72A;
  --marca-verde: #6DAE3B;
  --marca-hoja: #1E883C;
  --degradado-marca:
    radial-gradient(120% 130% at 100% 100%, rgba(184, 199, 42, .50) 0%, rgba(109, 174, 59, .22) 32%, rgba(109, 174, 59, 0) 60%),
    linear-gradient(150deg, #1E7E3B 0%, #186433 45%, #12452A 100%);
  --degradado-marca-vertical:
    radial-gradient(140% 55% at 50% 100%, rgba(184, 199, 42, .38) 0%, rgba(109, 174, 59, .14) 45%, rgba(109, 174, 59, 0) 75%),
    linear-gradient(180deg, #1A6A36 0%, #15512E 50%, #113D24 100%);

  --serif: 'Bodoni Moda', 'Didot', 'Bodoni 72', Georgia, serif;
  --sans: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --sombra: 0 1px 2px rgba(23, 74, 45, .06), 0 8px 24px -12px rgba(23, 74, 45, .18);
  --t: 160ms cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--sans); color: var(--tinta); background: var(--niebla); font-size: 16px; line-height: 1.5; font-feature-settings: 'tnum' 1, 'lnum' 1; }
img, svg { display: block; }
.ico { flex: none; }
.emblema { object-fit: contain; flex: none; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--laton); outline-offset: 2px; border-radius: 2px; }
[hidden] { display: none !important; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.num { font-variant-numeric: tabular-nums lining-nums; white-space: nowrap; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }