/* =====================================================================
   Desarrollos MCC · tokens.css
   Todo lo que define el aspecto del sitio vive acá: colores, letras,
   espaciados, radios, sombras y los tiempos de cada animación.
   Cambiar un valor acá cambia todo el sitio, sin tocar el resto.
   Dirección visual: «Aurora suave».
   ===================================================================== */

/* ---------- Fuentes (2 familias, licencia SIL OFL, servidas desde /fuentes) ----------
   1. «Plus Jakarta Sans» (variable 200–800): títulos y números grandes.
   2. «Inter» (400, 500, 600, 700): texto, botones, formularios y datos.
   Se mantienen a propósito (12/11/2026): la crítica las marca como «de moda»,
   pero cambiarlas obliga a redibujar todo el sitio y no es lo que lo hace
   parecer plantilla; el ruido se bajó por otro lado (rótulos, puntos, bandas). */
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fuentes/plus-jakarta-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fuentes/plus-jakarta-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fuentes/inter-latin-400.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fuentes/inter-latin-500.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fuentes/inter-latin-600.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fuentes/inter-latin-700.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("../fuentes/inter-latin-ext-400.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("../fuentes/inter-latin-ext-500.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("../fuentes/inter-latin-ext-600.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("../fuentes/inter-latin-ext-700.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* ---------- Letras ---------- */
  --fuente-titulos:"Plus Jakarta Sans","Inter",system-ui,sans-serif;
  --fuente-texto:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* tamaños fluidos: celular → escritorio */
  --t-mega:clamp(2rem,1.2rem + 2.6vw,3.35rem);   /* portada del inicio: 2 o 3 líneas, no 5 */
  --t-1:clamp(2.6rem,1.6rem + 4.2vw,5.5rem);       /* título de página */
  --t-2:clamp(1.9rem,1.4rem + 1.9vw,3rem);         /* título de sección */
  --t-3:clamp(1.4rem,1.2rem + .8vw,1.9rem);        /* título de tarjeta */
  --t-4:1.25rem;
  --t-cuerpo:1.0625rem;  /* 17 px: se lee bien al sol en el celular */
  --t-chico:.9375rem;    /* 15 px */
  --t-mini:.8125rem;     /* 13 px: nunca más chico que esto */
  --t-ceja:var(--t-chico); /* rótulo en minúsculas (12/11/2026: sin mayúsculas espaciadas) */
  --peso-titulo:800;
  --interlineado-titulo:1.02;
  --interlineado-texto:1.55;
  --espaciado-titulo:-.04em;

  /* ---------- Colores ---------- */
  --c-fondo:#F5F6FA;
  --c-fondo-2:#ECEFF6;
  --c-superficie:#FFFFFF;
  --c-superficie-vidrio:rgba(255,255,255,.82);
  --c-tinta:#2A3140;          /* texto principal: 12:1 sobre el fondo */
  --c-tinta-2:#5D6676;        /* texto secundario: 5,4:1 */
  --c-tinta-3:#626B7B;        /* texto terciario: 5,4:1 sobre blanco y 4,7:1 sobre el gris (AA) */
  --c-linea:rgba(42,49,64,.10);
  --c-marca:#E0444F;          /* rojo MCC suavizado: bordes, foco y detalles (no para texto chico) */
  --c-marca-logo:#E3121C;     /* el rojo del logo, tal cual (medido en logo-mcc-claro.png) */
  --c-marca-texto:#C7303B;    /* rojo para texto chico: 5,4:1 sobre blanco (AA) */
  --c-marca-suave:rgba(238,90,99,.12);
  --c-sobre-marca:#FFFFFF;
  /* Degradé de botones y bandas con texto blanco: cada punto da ≥ 5:1 con blanco (AA).
     El extremo claro se oscureció el 12/11/2026: sobre la banda daba 4,3:1. */
  --degrade-marca:linear-gradient(135deg,#C2303C 0%,#C4363F 50%,#B4403A 100%);
  /* Degradé suave decorativo (sin texto encima): bordes, anillos, luces. */
  --degrade-suave:linear-gradient(135deg,#E9505B 0%,#F07A66 55%,#F2A46F 100%);
  /* Sin degradé en el texto (11/11/2026): lo destacado va en --c-marca-texto. */
  --c-oscuro:#232A45;         /* pie y bandas oscuras */
  --c-exito:#1E8F4E;
  --c-exito-texto:#17703D;    /* verde para texto chico: el chip «Abierto ahora» daba 4,1:1 */
  --c-whatsapp:#167A41;       /* blanco encima: 5,4:1 (el #1E8F4E daba 4,1:1) */
  --c-error:#B3261E;
  --c-error-suave:rgba(179,38,30,.10);
  --c-aviso:#8A5A00;
  /* luces de fondo (aurora) */
  --aurora-1:rgba(255,196,170,.55);
  --aurora-2:rgba(170,205,250,.55);
  --aurora-3:rgba(205,190,250,.40);
  --aurora-4:rgba(180,235,210,.45);

  /* ---------- Estados de lotes y departamentos ----------
     No dependen sólo del color: cada uno tiene relleno, borde, ícono y palabra. */
  --e-disponible:#075C84;  --e-disponible-relleno:rgba(60,190,255,.46);  --e-disponible-borde:#FFFFFF;  --e-disponible-suave:rgba(10,110,156,.10);
  --e-reservado:#8A5A00;   --e-reservado-relleno:rgba(242,179,61,.92);   --e-reservado-borde:#F2B33D;  --e-reservado-suave:rgba(242,179,61,.16);
  --e-vendido:#3B4150;     --e-vendido-relleno:rgba(28,30,36,.62);       --e-vendido-borde:rgba(255,255,255,.35);  --e-vendido-suave:rgba(59,65,80,.10);
  --e-no-disponible:#535B6A; --e-no-disponible-relleno:rgba(200,205,214,.30); --e-no-disponible-borde:rgba(255,255,255,.45); --e-no-disponible-suave:rgba(110,119,135,.10);

  /* ---------- Espaciados (escala de 4 px) ---------- */
  --e-1:4px; --e-2:8px; --e-3:12px; --e-4:16px; --e-5:20px; --e-6:24px; --e-7:32px; --e-8:40px; --e-9:56px; --e-10:80px; --e-11:120px;
  --ancho-contenido:1180px;
  --margen-lateral:clamp(16px,4vw,40px);
  --alto-cabecera:64px;
  --toque-minimo:48px;  /* todo lo que se toca mide al menos esto */

  /* ---------- Radios ---------- */
  --r-chico:12px; --r-medio:20px; --r-grande:28px; --r-enorme:40px; --r-pildora:999px;

  /* ---------- Sombras ---------- */
  --sombra-1:0 2px 10px rgba(70,80,120,.06);
  --sombra-2:0 12px 40px rgba(70,80,120,.12);
  --sombra-3:0 30px 70px rgba(60,70,120,.18);
  --sombra-marca:0 12px 30px rgba(224,68,79,.28);
  --sombra-marca-alta:0 16px 40px rgba(224,68,79,.36);
  --sombra-exito:0 10px 26px rgba(30,143,78,.35);

  /* ---------- Movimiento ----------
     Todas las animaciones usan estos tiempos. Con «reducir movimiento»
     activado se apagan (ver el final de base.css). */
  --curva-salida:cubic-bezier(.16,1,.3,1);     /* entra rápido y frena suave */
  --curva-suave:cubic-bezier(.2,.7,.2,1);
  /* Sin curva con rebote (11/11/2026): lo que «salta» usa --curva-salida. */
  --d-instante:120ms;   /* color al pasar el mouse */
  --d-rapida:200ms;     /* botones, chips */
  --d-media:350ms;      /* tarjetas que se levantan, lote que se eleva */
  --d-lenta:600ms;      /* paneles, foto que hace zoom */
  --d-entrada:800ms;    /* aparición de títulos y bloques */
  --d-escalonado:90ms;  /* retraso entre elementos de una misma lista */
  --d-contador:1200ms;  /* números que cuentan hasta su valor */
  --d-aurora:28s;       /* luces del fondo (sólo si no hay «reducir movimiento») */
  --d-llave:5s;         /* borde que gira del acceso a inmobiliarias */
  /* Sin puntos que laten (12/11/2026): «en vivo» se dice con la palabra, quieta. */
  --d-envio:1100ms;     /* botón «Enviar»: girando antes del tilde */
  --d-foto-zoom:1400ms; /* zoom lento de la foto de una tarjeta */

  /* ---------- Capas ---------- */
  --z-plano-controles:4; --z-tarjeta-lote:6; --z-barra-pulgar:90; --z-cabecera:100; --z-menu:110; --z-visor:200; --z-aviso:300;
}

/* Tema oscuro automático (celular de noche). */
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]){
    --c-fondo:#0F1222; --c-fondo-2:#161A30; --c-superficie:#1A1F38; --c-superficie-vidrio:rgba(30,35,62,.86);
    --c-tinta:#E9ECF6; --c-tinta-2:#AEB5CC; --c-tinta-3:#A3ABC2; --c-linea:rgba(255,255,255,.09);
    /* El rojo del logo también de noche (12/11/2026): antes se volvía salmón.
       Para texto chico, el mismo rojo apenas más claro: 4,8:1 sobre las tarjetas y 5,4:1 sobre el fondo. */
    --c-marca:#E3121C; --c-marca-texto:#F65058; --c-marca-suave:rgba(227,18,28,.16);
    --c-exito-texto:#5FCB8D;
    /* Sin resplandores de color de noche: las sombras de los botones, neutras. */
    --sombra-marca:0 12px 30px rgba(0,0,0,.45); --sombra-marca-alta:0 16px 40px rgba(0,0,0,.55); --sombra-exito:0 10px 26px rgba(0,0,0,.45);
    --aurora-1:rgba(255,111,120,.20); --aurora-2:rgba(90,140,255,.22); --aurora-3:rgba(150,110,255,.20); --aurora-4:rgba(60,200,160,.14);
    --e-disponible:#6CCBFF; --e-reservado:#FFC76A; --e-vendido:#C9CED8; --e-no-disponible:#98A0B8;
    --sombra-2:0 12px 40px rgba(0,0,0,.35); --sombra-3:0 30px 70px rgba(0,0,0,.45);
  }
}