/* CASONA SAN JOSÉ — Brandkit (/brandkit/) y vista de llms.txt (/llms-txt/)
   Look de Casona para la plantilla Jalapeños: variables --bk-* apuntadas a los
   tokens del sitio + ajustes a las reglas del sistema (títulos livianos en
   Cormorant, botones de 4 px y nunca píldora, etiquetas en DM Sans).
   jlp-brandkit.css y jlp-llms-txt.css son copias sin editar de la plantilla;
   todo lo propio de Casona va aquí. El sitio no tiene modo oscuro.
   @package casona-theme */

.csn-bk {
  --bk-bg:            var(--color-piedra);
  --bk-surface:       var(--color-blanco);
  --bk-surface-2:     var(--color-piedra-alt);
  --bk-line:          var(--color-borde);
  --bk-text:          var(--color-noche);
  --bk-text-2:        var(--color-noche-suave);
  --bk-muted:         var(--color-sombra);
  --bk-accent:        var(--color-verde-cajon);
  --bk-accent-text:   var(--color-verde-cajon);   /* 6,6:1 sobre Blanco Casona */
  --bk-on-accent:     var(--color-blanco);
  --bk-ok:            var(--color-verde-cajon);
  --bk-no:            #7A5A41;                    /* Tierra oscurecida: 5,9:1 sobre Blanco Casona */
  --bk-pending-bg:    #EADFCF;
  --bk-pending-text:  #5E4632;
  --bk-logo-light:    var(--color-blanco);
  --bk-logo-dark:     var(--color-noche);
  --bk-font-display:  var(--font-display);
  --bk-font-body:     var(--font-body);
  --bk-font-mono:     var(--font-mono);
  --bk-radius:        var(--radius-sm);
  --bk-max:           var(--container-max);
  --bk-ease:          var(--ease-out);
  --bk-scroll-offset: 96px;                       /* header fijo */

  display: block;
  background: var(--bk-bg);
}

/* Vista de llms.txt: estas tres clases viven en el bloque LT:PAGINA de la plantilla
   (no en LT:COMPONENTES, que es lo que se copia), así que se definen aquí */
.lt-wrap { width: 100%; max-width: var(--bk-max); margin-inline: auto; padding-inline: 16px; }
@media (min-width: 768px) { .lt-wrap { padding-inline: 40px; } }
.lt-eyebrow { margin: 0; text-transform: uppercase; color: var(--bk-accent-text); line-height: 1.3; }
.lt-h1 { margin: 14px 0 0; font: 300 clamp(2.2rem, 1.4rem + 3.6vw, 4rem)/1.05 var(--bk-font-display); text-wrap: balance; }

/* Cabecera y cuerpo de la página (el header del sitio es fijo) */
.csn-bk__hero {
  padding: clamp(7rem, 12vw, 10rem) 0 clamp(1.5rem, 3vw, 2.5rem);
}
.csn-bk__body {
  padding: 8px 0 clamp(4rem, 8vw, 6rem);
}

/* Títulos: Cormorant liviano, como el resto del sitio (solo carga 300 y 400) */
.csn-bk .bk-h1,
.csn-bk .lt-h1 {
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: var(--tracking-tight);
}
.csn-bk .bk-h2,
.csn-bk .lt-doc-title {
  font-weight: 300;
  line-height: 1.08;
  letter-spacing: var(--tracking-tight);
}
.csn-bk .bk-h3,
.csn-bk .lt-h2,
.csn-bk .lt-h3 {
  font-weight: 400;
  letter-spacing: var(--tracking-tight);
}
.csn-bk .bk-quote {
  font-weight: 300;
  font-style: italic;
  line-height: 1.3;
}
.csn-bk .bk-type__sample:not(.bk-type__sample--body) {
  font-weight: 300;
}

/* Etiquetas: DM Sans en mayúsculas espaciadas, como los eyebrows del sitio */
.csn-bk .bk-eyebrow,
.csn-bk .lt-eyebrow,
.csn-bk .bk-sec__num,
.csn-bk .bk-label,
.csn-bk .bk-type__meta,
.csn-bk .bk-table th {
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: var(--tracking-wider);
}
.csn-bk .bk-eyebrow,
.csn-bk .lt-eyebrow {
  font-size: var(--type-label);
}

/* Botones y chips: 4 px, nunca píldora */
.csn-bk .bk-btn,
.csn-bk .lt-btn {
  border-radius: var(--radius-sm);
  font-weight: 500;
  letter-spacing: var(--tracking-wide);
  transition: background-color var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}
.csn-bk .bk-btn:hover,
.csn-bk .lt-btn:hover {
  background: var(--color-cta-hover);
}
.csn-bk .bk-toc a,
.csn-bk .bk-pending {
  border-radius: var(--radius-sm);
}
.csn-bk .bk-dodont li,
.csn-bk .lt-raw pre {
  border-radius: var(--radius-sm);
}