/* (Incluye el CSS completo ya proporcionado en respuestas anteriores) */
/* Por brevedad, aquí el mismo CSS de la respuesta previa */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --text-primary: #1f1f1f;
  --text-secondary: #5f6368;
  --accent: #f4b400;
  --accent-hover: #e0a800;
  --border: #e0e0e0;
  --shadow: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-lg: 0 4px 12px rgba(0,0,0,0.1);
  --radius: 28px;
  --radius-sm: 12px;
  --font: 'Inter', sans-serif;
}
/* ... resto del CSS de la respuesta anterior ... */