/*
Theme Name: FinanciaK
Theme URI: https://financiak.com
Author: FinanciaK
Description: Tema minimalista: imprime el navbar y el footer (patrones sincronizados) y el contenido de la página. El diseño vive en los snippets FK (tokens, fuentes, shell) y en el CSS de cada bloque.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: Proprietary
Text Domain: financiak
*/

/* Solo páginas internas sin secciones propias (entradas, archivos y 404).
   La portada y las páginas hechas con bloques HTML no usan estas reglas.
   Consume los tokens de «FK - Core Global CSS»; los valores de respaldo permiten que el tema funcione sin ellos. */
.fk-main:focus { outline: none; }
.fk-page { box-sizing: border-box; padding: calc(var(--fk-header-h, 90px) + clamp(32px, 6vh, 72px)) 0 clamp(64px, 10vh, 120px); background: var(--fk-blanco, #FFFFFF); color: var(--fk-ink, #1C2B3A); font-family: var(--fk-font, Inter, sans-serif); }
.fk-page-container { width: min(1100px, 100% - 40px); margin: 0 auto; }
.fk-page__title { font-size: var(--fk-fs-h1, 2.5rem); line-height: 1.1; margin: 0 0 clamp(24px, 4vw, 40px); }
.fk-page__content { max-width: 72ch; font-size: var(--fk-fs-body, 1rem); line-height: 1.7; }
.fk-page__content > * + * { margin-top: 1.1em; }
.fk-page__content h2, .fk-page__content h3 { line-height: 1.2; margin-top: 1.8em; }
.fk-page__content a { color: var(--fk-cobre-texto, #9C5530); text-underline-offset: .15em; }
.fk-page__content img, .fk-page__content iframe { max-width: 100%; height: auto; }
.fk-page__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 24px; max-width: 72ch; }
.fk-page__item h2 { font-size: var(--fk-fs-h3, 1.4rem); line-height: 1.2; margin: 0 0 8px; }
.fk-page__item h2 a { color: inherit; text-decoration: none; }
.fk-page__item h2 a:hover, .fk-page__item h2 a:focus-visible { text-decoration: underline; }
.fk-page__item p { margin: 0; color: var(--fk-ink-2, #596573); }
.fk-page__nav { margin-top: 48px; }
.fk-page__nav .nav-links { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.fk-page__btn { display: inline-block; padding: 12px 24px; background: var(--fk-cobre-cta, #A85F36); color: #FFFFFF; border-radius: 99px; text-decoration: none; font-weight: 700; }
.fk-page__btn:hover, .fk-page__btn:focus-visible { background: var(--fk-cobre-texto, #9C5530); }

/* 404 (mismo diseño que tenía el snippet «FK - Página 404») */
.fk-404 { box-sizing: border-box; padding: calc(var(--fk-header-h, 90px) + clamp(40px, 6vw, 80px)) 20px clamp(64px, 9vw, 128px); background: var(--fk-blanco, #FFFFFF); font-family: var(--fk-font, Inter, sans-serif); color: var(--fk-ink, #1C2B3A); }
.fk-404 *, .fk-404 *::before, .fk-404 *::after { box-sizing: border-box; }
.fk-404__fila { display: flex; align-items: center; gap: clamp(24px, 6vw, 80px); max-width: 960px; margin: 0 auto; }
.fk-404__numero { flex: none; margin: 0; font-size: clamp(5rem, 3rem + 10vw, 10rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--fk-cobre, #C4703C); opacity: .85; user-select: none; }
.fk-404__texto { max-width: 34rem; }
.fk-404__titulo { margin: 0 0 16px; font-size: var(--fk-fs-h1, 2.5rem); font-weight: 700; line-height: 1.15; }
.fk-404__parrafo { margin: 0 0 32px; font-size: 1.125rem; line-height: 1.6; color: var(--fk-ink-2, #596573); }
.fk-404__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.fk-404__boton { display: inline-block; padding: 14px 28px; border-radius: 6px; background: var(--fk-ink, #1C2B3A); color: #FFFFFF; font-size: 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; }
.fk-404__boton:hover { background: var(--fk-marino, #2E425E); }
.fk-404__enlace { color: var(--fk-ink, #1C2B3A); font-weight: 600; text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; text-decoration-color: var(--fk-cobre, #C4703C); }
.fk-404__enlace:hover { color: var(--fk-cobre-texto, #9C5530); }
.fk-404 a:focus-visible { outline: 3px solid var(--fk-cobre, #C4703C); outline-offset: 3px; }
@media (max-width: 640px) { .fk-404__fila { flex-direction: column; align-items: flex-start; gap: 8px; } }
