/* America Project — tokens copiados de 'America Project Design System' (tokens/*.css). No editar a mano: actualizar desde el sistema. */
:root{
/* --- Base metal ramp (from the logo) --- */
--ap-black:#0B0B0C;
--ap-black-deep:#060607;
--ap-graphite:#1C1D1F;
--ap-graphite-raised:#26282B;
--ap-steel:#5E6166;
--ap-steel-light:#8C9096;
--ap-silver:#B8BBC0;
--ap-silver-light:#E6E7E9;
--ap-silver-lighter:#F3F4F5;
--ap-white:#FFFFFF;
/* Bronze accent — minimal use: rules, seals, single icons. Never a large fill. */
--ap-bronze:#C9A063;
--ap-bronze-deep:#8E6B2E;
/* Utility (WhatsApp brand green — only for the WhatsApp affordance) */
--ap-whatsapp:#25D366;
--ap-whatsapp-press:#1DA851;

/* --- Semantic surfaces --- */
--surface-page:var(--ap-black);
--surface-sunken:var(--ap-black-deep);
--surface-raised:var(--ap-graphite);
--surface-raised-2:var(--ap-graphite-raised);
--surface-light:var(--ap-silver-light);
--surface-light-raised:var(--ap-white);
--surface-light-sunken:#D9DBDE;

/* --- Semantic text --- */
--text-primary:var(--ap-white);
--text-secondary:var(--ap-silver);
--text-muted:var(--ap-steel-light);
--text-on-light:var(--ap-black);
--text-on-light-secondary:#4A4D52;
--text-accent:var(--ap-bronze);
--text-accent-on-light:var(--ap-bronze-deep);

/* --- Semantic lines --- */
--border-hairline:rgba(184,187,192,.18);
--border-hairline-strong:rgba(184,187,192,.32);
--border-steel:var(--ap-steel);
--border-on-light:#C3C6CA;
--border-accent:var(--ap-bronze);

/* --- Controls --- */
--btn-primary-bg:var(--ap-white);
--btn-primary-fg:var(--ap-black);
--btn-primary-bg-hover:var(--ap-silver-light);
--btn-primary-bg-press:var(--ap-silver);
--btn-secondary-fg:var(--ap-white);
--btn-secondary-border:var(--ap-steel);
--btn-secondary-bg-hover:rgba(184,187,192,.10);
--btn-ghost-fg:var(--ap-silver);
--focus-ring:var(--ap-bronze);
--overlay-scrim:rgba(6,6,7,.72);
}

:root{
/* Display — Michroma, uppercase, wide tracking. H1/H2 only, short strings. */
--type-display-1-size:clamp(2rem,7vw,4.25rem);
--type-display-1-lh:1.04;
--type-display-1-ls:.06em;
--type-display-2-size:clamp(1.5rem,4.2vw,2.5rem);
--type-display-2-lh:1.1;
--type-display-2-ls:.07em;
--type-display-3-size:clamp(1.0625rem,2.2vw,1.375rem);
--type-display-3-lh:1.2;
--type-display-3-ls:.12em;
/* Body — Manrope */
--type-lead-size:clamp(1.0625rem,1.6vw,1.3125rem);
--type-lead-lh:1.5;
--type-body-size:1rem;
--type-body-lh:1.65;
--type-small-size:.875rem;
--type-small-lh:1.55;
--type-caption-size:.75rem;
--type-caption-lh:1.4;
/* Eyebrow / label — Manrope 600, uppercase, wide */
--type-eyebrow-size:.6875rem;
--type-eyebrow-ls:.22em;
--type-label-size:.8125rem;
--type-label-ls:.08em;
/* Weights */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */
--fw-extrabold:800; /* @kind font */
}

:root{
--space-0:0;
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;
/* Layout */
--gutter:20px;
--gutter-lg:40px;
--container:1240px;
--container-narrow:760px;
--section-y:clamp(56px,9vw,128px); /* @kind spacing */
--section-y-tight:clamp(40px,6vw,80px); /* @kind spacing */
/* Touch */
--tap-min:48px;
--header-h:72px;
--whatsapp-bar-h:64px;
}

:root{
/* Industrial: square or near-square. 4px is the maximum radius in this system. */
--radius-none:0;
--radius-xs:2px;
--radius-sm:3px;
--radius-md:4px;
--radius-pill:999px; /* WhatsApp floating affordance only */
--border-width:1px; /* @kind other */
--border-width-thick:2px; /* @kind other */
--hairline:1px solid var(--border-hairline); /* @kind other */
--hairline-strong:1px solid var(--border-hairline-strong); /* @kind other */
--hairline-light:1px solid var(--border-on-light); /* @kind other */
}

:root{
/* Brushed-metal gradient. Logo, hero ground and at most one featured headline. */
--metal-brushed:linear-gradient(100deg,#D2D4D7 0%,#FFFFFF 16%,#A9ACB1 32%,#FFFFFF 50%,#C6C8CC 66%,#EDEEEF 82%,#FFFFFF 100%); /* @kind other */
--metal-brushed-soft:linear-gradient(100deg,#2A2C2F 0%,#4C4F54 30%,#3A3C40 52%,#5E6166 74%,#2A2C2F 100%); /* @kind other */
--metal-bronze:linear-gradient(100deg,#8E6B2E 0%,#E3C48C 30%,#C9A063 55%,#F0DCB4 72%,#A8823F 100%); /* @kind other */
/* Photo scrims — keep headline text at full opacity over images */
--scrim-hero:linear-gradient(180deg,rgba(6,6,7,.9) 0%,rgba(6,6,7,.66) 34%,rgba(6,6,7,.86) 62%,rgba(6,6,7,.96) 100%); /* @kind other */
--scrim-card:linear-gradient(180deg,rgba(6,6,7,0) 40%,rgba(6,6,7,.88) 100%); /* @kind other */
/* Shadows — restrained; depth comes from hairlines, not glow */
--shadow-none:none; /* @kind other */
--shadow-card:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px rgba(0,0,0,.45);
--shadow-raised:0 16px 48px rgba(0,0,0,.55);
--shadow-on-light:0 1px 2px rgba(11,11,12,.08),0 8px 24px rgba(11,11,12,.08);
--shadow-focus:0 0 0 2px var(--ap-black),0 0 0 4px var(--focus-ring);
/* Blur — only over photography, never over flat colour */
--blur-glass:saturate(120%) blur(12px); /* @kind other */
}

:root{
--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:360ms; /* @kind other */
--ease-out:cubic-bezier(.2,.6,.2,1); /* @kind other */
--ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
/* No bounce, no spring: the brand moves like a heavy door — short, damped, linear-ish. */
--transition-control:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out); /* @kind other */
--transition-media:transform var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out); /* @kind other */
}

:root{--font-display:"Michroma","Eurostile","Arial Narrow",sans-serif;--font-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif}