/*!
 * pelotapasto.com — pp-scopes.css (v2_2)
 * Capa: Scopes por página/plantilla.
 *
 * LOCK:
 * - Este archivo SOLO define variables/tokens de contexto por scope.
 * - CERO layout (wraps/anchos/márgenes), CERO tipografía, CERO composición.
 * - La composición vive en pp-single.css / pp-la-pasada.css, etc.
 *
 * Refactor estructural (2026-02-23):
 * - Se movió la composición de Single (wraps/hero/header/title/excerpt + márgenes mobile)
 *   desde este archivo hacia pp-single.css, sin cambiar valores.
 */

@layer pp-scopes {

  /* ==========================================================================
     SINGLE — tokens de contexto (única responsabilidad aquí)
     ========================================================================== */

  .pp-single {
    /* Layout tokens */
    --pp-wide-max: 1120px;

    /* Medida editorial (autoridad única) */
    --pp-prose-max: min(680px, 68ch);

    /* Gutters */
    --pp-gutter: 24px;

    /* Ritmo macro */
    --pp-section-gap: 18px;

    /* Ritmo micro: transición Hero → Header */
    --pp-hero-to-header-gap: 12px;

    /* Captions (solo spacing/tono; tipografía vive en core.css) */
    --pp-caption-gap: 8px;
    --pp-caption-opacity: 0.82;

    /* Prosa (Single) — parámetros tipográficos de lectura (solo tokens) */
    --pp-prose-font-size: clamp(1.125rem, 1.02rem + 0.35vw, 1.23rem);
    --pp-prose-leading: 1.55;
    --pp-prose-hyphens: manual;

  }

  /* MOBILE: solo variables (sin tocar márgenes/layout directo) */
  @media (max-width: 600px) {
    .pp-single {
      --pp-gutter: 16px;

      /* D4: full width con gutters */
      --pp-prose-max: 100%;

      /* Mantener compacto */
      --pp-section-gap: 16px;
    }
  }

}