/* RESPONSIVE MOBILE — inicio
 * Kasalia — superficie de tokens Responsive (Fase 1).
 * Namespace: solo --rwd-* (Regla Nº4). Aditivo: no redefine --k-*, --ag-*, --pine, --k-vis-* ni otros legados.
 * Entrega: CSS plano (P-10). Fuente de valores: Regla Nº2 + Estrategia (S1-A / S5-A / S6-A / S7-A).
 * P-06: canónico provisional respecto a audiencia (sin analítica de resoluciones en repo auditado).
 * F1-T03: existencia del archivo. F1-T04: contenido canónico (este bloque).
 * RESPONSIVE MOBILE — fin (cabecera de contrato) */

/* RESPONSIVE MOBILE — inicio */
:root {
  /* Breakpoints canónicos de trabajo (Regla Nº2) — usar en max-width */
  --rwd-bp-phone: 480px;
  --rwd-bp-mobile: 768px;
  --rwd-bp-limit: 1024px;

  /* Espaciado: múltiplos de 8; 4 solo medio paso excepcional (Regla Nº2 / S7-A) */
  --rwd-space-xxs: 4px;
  --rwd-space-xs: 8px;
  --rwd-space-sm: 16px;
  --rwd-space-md: 24px;
  --rwd-space-lg: 32px;
  --rwd-space-xl: 48px;

  /* Tipografía: escala limitada; base ≥16px (inputs iOS); line-height mínimo 1.4 (Regla Nº2) */
  --rwd-font-xs: 12px;
  --rwd-font-sm: 14px;
  --rwd-font-base: 16px;
  --rwd-font-lg: 18px;
  --rwd-font-xl: 22px;
  --rwd-font-xxl: 28px;
  --rwd-line-height-base: 1.4;

  /* Táctil (Regla Nº2): área mínima 44×44 */
  --rwd-touch-target-min: 44px;

  /* Ficha detalle — calendario vacacional (contraste AA / paleta Kasalia) */
  --rwd-cal-day-fg: #0f172a;
  --rwd-cal-day-muted-fg: #334155;
  --rwd-cal-day-past-fg: #475569;
  --rwd-cal-day-past-bg: #e2e8f0;
  --rwd-cal-day-border: #cbd5e1;
  --rwd-cal-sel-bg: var(--primary, #0f766e);
  --rwd-cal-sel-fg: #ffffff;
  --rwd-cal-range-bg: #ccfbf1;
  --rwd-cal-range-fg: #115e59;
  --rwd-cal-range-border: var(--primary, #0f766e);
  --rwd-cal-price-box-from: #0d9488;
  --rwd-cal-price-box-to: #0f766e;
  --rwd-cal-grid-min: calc((7 * var(--rwd-touch-target-min)) + (6 * var(--rwd-space-xxs)));

  /* Mapa iframe — capa gesto móvil */
  --rwd-map-shield-bg: rgba(15, 23, 42, 0.45);
  --rwd-map-shield-fg: #ffffff;

  /* Shorts player mobile (listado mode-shorts) */
  --rwd-short-player-bg: #000000;
  --rwd-short-player-fg: #ffffff;
  --rwd-short-player-accent: #174f2b;
  --rwd-short-player-accent-alt: #c9a024;
  --rwd-short-player-scrim: rgba(15, 23, 42, 0.55);
  --rwd-short-player-btn-bg: rgba(15, 23, 42, 0.72);
  --rwd-short-player-btn-bg-active: rgba(23, 79, 43, 0.92);
  --rwd-short-player-z: 1000001;
  --rwd-short-swipe-threshold: 56px;
  --rwd-short-safe-top: env(safe-area-inset-top, 0px);
  --rwd-short-safe-right: env(safe-area-inset-right, 0px);
  --rwd-short-safe-bottom: env(safe-area-inset-bottom, 0px);
  --rwd-short-safe-left: env(safe-area-inset-left, 0px);

  /* Fase 5 — Bottom Navigation global (mockup Alt A) */
  --rwd-bnav-h: 64px;
  --rwd-bnav-cta-lift: var(--rwd-space-md);
  --rwd-bnav-stack-gap: var(--rwd-space-xs);
  --rwd-bnav-stack: calc(
    var(--rwd-bnav-h)
    + var(--rwd-bnav-cta-lift)
    + env(safe-area-inset-bottom, 0px)
  );
  --rwd-listing-stack: var(--rwd-bnav-stack);
  --rwd-bnav-z: 1500;
  --rwd-bnav-bg: var(--white, #ffffff);
  --rwd-bnav-border: var(--line, rgba(23, 79, 43, 0.14));
  --rwd-bnav-shadow: 0 -4px 20px rgba(23, 79, 43, 0.08);
  --rwd-bnav-fg: var(--ink, #172016);
  --rwd-bnav-fg-active: var(--primary, #174f2b);
}
/* RESPONSIVE MOBILE — fin */

/* RESPONSIVE MOBILE — inicio
 * F1-T06 — Contrato operativo mínimo de nomenclatura Responsive (documental; sin CSS funcional).
 *
 * Prefijo .rwd-
 *   Representa: clases CSS del sistema Responsive Mobile (namespace de convención, no catálogo).
 *   Existe para: distinguir overrides/adaptaciones Mobile de estilos Desktop/legacy, sin
 *   redefinir namespaces --k-*, --ag-*, --pine, --k-vis-* ni inventar un design-system de utilidades.
 *   Cuándo usarlo: solo cuando una tarea autorizada del Plan (piloto / fases posteriores) necesite
 *   marcar un selector Responsive bajo esta convención. No crear librerías .rwd-* masivas aquí.
 *
 * Marcadores de bloque
 *   Los comentarios con el texto "RESPONSIVE MOBILE — inicio" y "RESPONSIVE MOBILE — fin"
 *   delimitan bloques Responsive en archivos compartidos con Desktop (Regla Nº4), para localizar
 *   y revertir sin mezclar capas.
 *
 * Relación con Regla Nº4
 *   Este contrato materializa la nomenclatura .rwd- / --rwd-* y los marcadores de la Regla Nº4
 *   a nivel documental. Las variables --rwd-* viven en este mismo archivo (F1-T03/T04); las clases
 *   .rwd- no se implementan en F1-T06.
 *
 * Primer uso real
 *   El primer uso real de clase .rwd- se realiza en F1-T08 (piloto Gate), no en F1-T06.
 *   Ese uso DEBE cumplir el DoD P-03 ya fijado en F1-T02 (opción a): (1) ≥1 uso real de clase
 *   con prefijo .rwd-; (2) ≥1 override Responsive por media query que consuma tokens de esta capa.
 *   No se repite aquí el DoD completo; F1-T08 es el cumplimiento obligatorio de esas dos condiciones.
 *
 * F1-T06 deja únicamente este contrato documental. La implementación comienza en F1-T08.
 * RESPONSIVE MOBILE — fin */