/* Marca de Distrito Médico. ÚNICA fuente de colores, tipografías y medidas: el resto del código solo usa var(--…).
   Lujo sobrio: carbón profundo, champaña y piedra cálida, como el video. El sitio va en tema oscuro (.oscuro);
   las apps del equipo en claro, para leerse a pleno sol. */
@font-face{font-family:'Cormorant Garamond';src:url(fonts/Cormorant.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Jost';src:url(fonts/Jost.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
:root{
  /* Marca */
  --marca:#C2A36B;            /* champaña: botones principales, selección, detalles (texto encima: --sobre-marca) */
  --marca-hover:#D4B783;      /* champaña más clara al pasar o tocar */
  --marca-texto:#7A5E2E;      /* champaña oscura para TEXTO sobre fondos claros (≥ 5.5:1 sobre --fondo) */
  --marca-suave:color-mix(in srgb,var(--marca) 16%,var(--fondo)); /* chips y avisos de la marca */
  --sobre-marca:#16130F;      /* texto encima de --marca (≥ 7:1) */
  --acento:#8FA89A;           /* salvia: detalle puntual (vida, jardín vertical). Nunca texto largo */
  /* Neutros (tema claro: apps del equipo) */
  --fondo:#F7F3EC;            /* marfil cálido de fondo */
  --superficie:#FFFFFF;       /* tarjetas, diálogos */
  --superficie-2:#EFE9DF;     /* campos, filas alternas */
  --tinta:#1E1B18;            /* texto principal (≥ 14:1) */
  --tinta-2:#5E574E;          /* texto secundario (≥ 6:1 sobre --fondo) */
  --linea:#DED5C6;            /* bordes y divisores */
  /* Tema oscuro (sitio, portal del comprador) */
  --noche:#0E0C0A;            /* fondo del sitio */
  --noche-2:#171410;          /* secciones alternas */
  --noche-3:#221E19;          /* tarjetas sobre la noche */
  --marfil:#F3EBD8;           /* texto principal sobre la noche (≥ 15:1) */
  --marfil-2:#C9BFAE;         /* texto secundario sobre la noche (≥ 9:1) */
  --linea-noche:#3A342C;      /* bordes sobre la noche */
  /* Estados del plano y avisos */
  --disponible:#C2A36B;       /* consultorio libre */
  --apartado:#D08B3E;         /* apartado: ámbar */
  --vendido:#5E574E;          /* vendido: piedra apagada */
  --ok:#2F7A4B;               /* éxito */
  --aviso:#A35A12;            /* atención */
  --error:#B3261E;            /* error */
  --info:#2F5E8C;             /* información */
  /* Tipografía: 2 familias, ambas OFL y servidas desde el propio sitio */
  --display:'Cormorant Garamond',Georgia,serif;
  --sans:'Jost',system-ui,sans-serif;
  --t-hero:clamp(2.6rem,7vw,5.2rem); --t-1:clamp(2rem,4.6vw,3.3rem); --t-2:clamp(1.5rem,3vw,2.1rem); --t-3:1.25rem; --t-texto:1rem; --t-chico:.875rem;
  /* Forma */
  --radio:16px; --radio-chico:10px;
  --sombra:0 1px 2px color-mix(in srgb,var(--tinta) 8%,transparent),0 12px 32px -14px color-mix(in srgb,var(--tinta) 30%,transparent);
  --sombra-noche:0 20px 60px -20px #000;
  --curva:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:var(--fondo);color:var(--tinta);font:400 var(--t-texto)/1.55 var(--sans);touch-action:manipulation;-webkit-font-smoothing:antialiased}
body.oscuro{background:var(--noche);color:var(--marfil)}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
@media (pointer:coarse){input,select,textarea{font-size:16px}}
:focus-visible{outline:2px solid var(--marca);outline-offset:3px}
img{max-width:100%;height:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}