/* web_marco.css — turismo2.php / carro2.php abiertos desde el sitio público (includes/web_cabecera.php).
   La app define estos tokens en encabezado22.css (que acá no se carga, porque trae el chrome del portal). */
:root {
  --primary: #158644; --primary-dark: #0A7237; --secondary: var(--primary);
  --accent: #FF9800; --danger: #F44336;
  --shadow-sm: 0 2px 6px rgba(0,0,0,.10); --shadow-md: 0 4px 14px rgba(0,0,0,.15); --shadow-lg: 0 8px 28px rgba(0,0,0,.20);
  --radius: 12px; --radius-lg: 18px; --transition: all .22s cubic-bezier(.4,0,.2,1);
  --bg-page: #ffffff; --bg-card: #ffffff; --bg-input: #f4faf4;
  --text-primary: #1f2937; --text-secondary: #6b7280; --border-subtle: #e5e7eb;
  --sk-base: #f0f0f0; --sk-shine: #fafafa;
}
[data-theme="dark"] {
  --bg-card: #162616; --bg-input: #1a2e1a;
  --text-primary: #e8f5e9; --text-secondary: #a5d6a7;
  --border-subtle: color-mix(in srgb, var(--primary) 22%, transparent);
  --shadow-sm: 0 2px 6px rgba(0,0,0,.35); --shadow-md: 0 4px 14px rgba(0,0,0,.45); --shadow-lg: 0 8px 28px rgba(0,0,0,.55);
  --sk-base: #1a2e1a; --sk-shine: #1e341e;
}
/* Sin portal: la página fluye normal debajo del encabezado del sitio y arriba del pie */
.main-container { max-width: 1240px; margin: 0 auto; padding: 22px 16px 36px; box-sizing: border-box; }