/* Transición webfonts.
   - Rift (LA fuente de marca, condensada — coincide con el wordmark): kit Adobe Typekit oct3gtu (https://use.typekit.net/oct3gtu.css), reglas @font-face inlineadas abajo con sus src remotos de Adobe. Kits de Typekit son restringidos por dominio: si Rift no carga en un dominio nuevo, agrégalo en la configuración del kit en Adobe Fonts.
   - Host Grotesk (fuente de apoyo: subheads, cuerpo, captions, formularios) — SOLO pesos light 300 y regular 400. Servida desde Google Fonts (misma familia que la iglesia agregó a su web). */
@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300;0,400;1,300;1,400&display=swap');
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/3b72d1/00000000000000007735b213/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/3b72d1/00000000000000007735b213/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff");font-display:auto;font-style:normal;font-weight:300;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/242096/00000000000000007735b217/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/242096/00000000000000007735b217/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff");font-display:auto;font-style:italic;font-weight:300;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/25e1cc/00000000000000007735b21d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/25e1cc/00000000000000007735b21d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff");font-display:auto;font-style:normal;font-weight:400;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/4945a9/00000000000000007735b21f/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/4945a9/00000000000000007735b21f/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff");font-display:auto;font-style:italic;font-weight:400;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/687fc3/00000000000000007735b221/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/687fc3/00000000000000007735b221/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff");font-display:auto;font-style:normal;font-weight:500;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/fd5cbb/00000000000000007735b223/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"),url("https://use.typekit.net/af/fd5cbb/00000000000000007735b223/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff");font-display:auto;font-style:italic;font-weight:500;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/75f68e/00000000000000007735b225/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/75f68e/00000000000000007735b225/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff");font-display:auto;font-style:normal;font-weight:600;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/97f455/00000000000000007735b21a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/97f455/00000000000000007735b21a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff");font-display:auto;font-style:italic;font-weight:600;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/f5e7d7/00000000000000007735b228/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/f5e7d7/00000000000000007735b228/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff");font-display:auto;font-style:normal;font-weight:700;font-stretch:normal}
@font-face{font-family:"rift";src:url("https://use.typekit.net/af/b75a97/00000000000000007735b227/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/b75a97/00000000000000007735b227/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff");font-display:auto;font-style:italic;font-weight:700;font-stretch:normal}

/* Transición — color tokens. Paleta de marca: amarillo · teal · azul · off-black · off-white (los off-* son la tinta real del logo). */
:root{
/* Superficies (el negro ES el lienzo; la elevación es cambio de superficie, nunca sombra) */
--canvas:#000000;--surface-1:#15181e;--surface-2:#1f232b;--surface-3:#3b3d45;
--hairline:#3b3d45;--hairline-soft:#252830;--hairline-translucent:rgba(178,182,189,0.1);
--inverse-canvas:#ffffff;--inverse-ink:#000000;
/* Tinta */
--ink:#ffffff;--ink-muted:#b2b6bd;--ink-subtle:#656a76;
/* Paleta de marca — jerarquía: amarillo = acento principal (con moderación); teal y azul aún menos. Un acento por contexto. */
--accent-yellow:#ffcf25;--accent-teal:#14c6cb;--accent-blue:#2b89ff;
--off-black:#161616;--off-white:#e5e5e5;
--accent:var(--accent-yellow);
--logo-ink:var(--off-black);--logo-light:var(--off-white);
/* Semánticos — success/warning derivan de la paleta; error es rojo FUNCIONAL (solo formularios), fuera de la paleta */
--success:var(--accent-teal);--warning:var(--accent-yellow);--error:#e62b1e;
--link:var(--accent-yellow);--link-visited:var(--link);
/* Alias semánticos */
--text-body:var(--ink);--text-muted:var(--ink-muted);--text-subtle:var(--ink-subtle);
--surface-card:var(--surface-1);--surface-raised:var(--surface-2);--surface-chip:var(--surface-3);
--border-card:var(--hairline-translucent);--border-divider:var(--hairline-soft);
}

/* Transición — tipografía. Rift (condensada, MAYÚSCULAS) = fuente de marca: display, títulos, botones, eyebrows, nav. Host Grotesk = fuente de apoyo (subhead, cuerpo, captions) SOLO en light 300 y regular 400. Display apretado vs cuerpo relajado: ese contraste ES la voz. */
:root{
--font-sans:'Host Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',helvetica,arial,sans-serif;
--font-display:'rift','Host Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',helvetica,arial,sans-serif;
/* display */
--display-xl-size:80px;--display-xl-weight:700;--display-xl-leading:1.05;--display-xl-tracking:0.02em;
--display-lg-size:56px;--display-lg-weight:700;--display-lg-leading:1.08;--display-lg-tracking:0.02em;
--display-md-size:40px;--display-md-weight:700;--display-md-leading:1.12;--display-md-tracking:0.02em;
/* títulos */
--headline-size:28px;--headline-weight:700;--headline-leading:1.21;--headline-tracking:-0.6px;
--card-title-size:22px;--card-title-weight:700;--card-title-leading:1.18;--card-title-tracking:-0.4px;
--subhead-size:20px;--subhead-weight:300;--subhead-leading:1.35;--subhead-tracking:-0.2px;
/* cuerpo */
--body-lg-size:18px;--body-lg-weight:400;--body-lg-leading:1.69;--body-lg-tracking:0;
--body-size:16px;--body-weight:400;--body-leading:1.50;--body-tracking:0;
--body-sm-size:14px;--body-sm-weight:400;--body-sm-leading:1.71;--body-sm-tracking:0;
/* detalle */
--caption-size:13px;--caption-weight:400;--caption-leading:1.38;--caption-tracking:0.2px;
--button-size:14px;--button-weight:600;--button-leading:1.29;--button-tracking:0;
--eyebrow-size:12px;--eyebrow-weight:600;--eyebrow-leading:1.23;--eyebrow-tracking:0.6px;
}

/* Transición — espaciado. Base 8px; ritmo vertical de sección: 96px. */
:root{
--space-hair:1px;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;
--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;
--container-max:1280px;
--pad-card:24px;--pad-card-lg:32px;--pad-banner:48px;--pad-button:10px 18px;--pad-input:10px 14px;
--nav-height:64px;
}

/* Transición — radios. CTA = 8px (nunca píldora, nunca 0): la marca se lee "engineered". */
:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;
--radius-xl:16px;--radius-xxl:24px;--radius-pill:9999px;--radius-full:9999px;
}

/* Transición — base mínima: lienzo negro, tinta blanca, enlaces azules. */
body{background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-leading);margin:0;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link);text-decoration:underline}
a:visited{color:var(--link-visited)}
::selection{background:var(--accent-yellow);color:#000}