/* Tema v2 — Panel empresa */
:root {
    --zb-teal: #0d9488;
    --zb-teal-light: #21a89c;
    --zb-teal-dark: #0f766e;
    --zb-indigo: #4338ca;
    --zb-indigo-dark: #3730a3;
    --zb-violet: #6b60f2;
    --zb-navy: #1e1b4b;
    --zb-navy-mid: #312e81;
    --zb-bg-page: #e8f0fa;
    --zb-bg-page-soft: #f0f8ff;
    --zb-bg-home: #1e1b4b;
    --zb-bg-card: #ffffff;
    --zb-bg-muted: #f1f5f9;
    --zb-text: #1e293b;
    --zb-text-muted: #64748b;
    --zb-text-on-dark: #ffffff;
    --zb-text-on-dark-muted: #d1d5db;
    --zb-border: #cbd5e1;
    --zb-border-focus: #0d9488;
    --zb-cat-bg: #e8f0fa;
    --zb-cat-accent: #0d9488;
    --zb-cat-btn-agregar: #0d9488;
    --zb-cat-btn-agregar-fin: #0f766e;
    --zb-cat-btn-agregar-texto: #ffffff;
    --zb-car-bg: #e8f0fa;
    --zb-car-accent: #4338ca;
    --zb-gradient-header: linear-gradient(118deg, #1e1b4b 0%, #312e81 38%, #4338ca 68%, #0d9488 100%);
    --zb-gradient-footer: linear-gradient(180deg, #1e1b4b 0%, #312e81 100%);
    --zb-gradient-menu: linear-gradient(180deg, #312e81 0%, #1e1b4b 100%);
    --zb-gradient-body-home: linear-gradient(155deg, #1e1b4b 0%, #312e81 28%, #3730a3 52%, #0f766e 100%);
    --zb-gradient-cta: linear-gradient(135deg, #0d9488 0%, #14b8a6 42%, #4338ca 100%);
    --zb-gradient-btn-primary: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    --zb-gradient-btn: linear-gradient(135deg, #4338ca 0%, #3730a3 100%);
    --zb-gradient-brand: linear-gradient(135deg, #0d9488 0%, #4338ca 55%, #1e1b4b 100%);

    --zb-shadow-sm: 0 2px 8px rgba(30, 27, 75, 0.08);
    --zb-shadow-md: 0 8px 24px rgba(30, 27, 75, 0.14);
    --zb-shadow-lg: 0 16px 40px rgba(30, 27, 75, 0.18);

    --zb-cat-btn-agregar-shadow: 0 3px 12px rgba(13, 148, 136, 0.38);
    --zb-cat-btn-agregar-shadow-hover: 0 5px 16px rgba(13, 148, 136, 0.48);

    --zb-success-bg: #d5ffff;
    --zb-success-border: rgba(13, 148, 136, 0.35);
    --zb-success-text: #0f766e;
}

body.pagina-catalogo .cuerpo,
body.pagina-catalogo .divcatalogo {
    background-color: var(--zb-cat-bg);
}
body.pagina-carrito .cuerpo,
body.pagina-pedidos .cuerpo {
    background-color: var(--zb-car-bg);
}
body.pagina-inicio .cue-portada-titulo {
    color: #ffffff;
}