/* ============================================================
   CHIMBOTE AL DÍA — CSS BASE
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ====== MARCA (Granate + Crema) ====== */
:root {
    --marca-granate: #6d071a;        /* rojo oscuro / vino intenso */
    --marca-granate-osc: #4a0512;    /* hover más profundo */
    --marca-crema: #f7efe2;          /* crema muy claro */
    --marca-marron: #7a5230;         /* líneas / destellos */
    --marca-naranja: #ea6a12;        /* llamados a la acción */
    --marca-naranja-osc: #c8550a;
    --marca-link: #123c6b;           /* azul noche para enlaces */
    --texto-negro: #171717;          /* textos siempre negro */

    --color-primario: #6d071a;
    --color-acento: #ea6a12;
    --color-fondo-app: #f7efe2;
    --color-fondo-tarjeta: #ffffff;
    --color-texto: #171717;
    --color-texto-claro: #5b5b5b;
    --color-borde: #e6dbc8;
    --color-exito: #16a34a;
    --color-warning: #f59e0b;
    --color-error: #dc2626;
    --color-wsp: #25d366;

    --radio-borde: 12px;
    --sombra-tarjeta: 0 4px 12px rgba(109,7,26,0.08);
    --sombra-hover: 0 8px 24px rgba(109,7,26,0.14);
    --max-ancho: 1200px;

    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
    font-family: var(--font);
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-texto);
    background: var(--color-fondo-app);
    min-height: 100vh;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
ul { list-style: none; }
input, textarea, select { font-family: inherit; }

/* ====== PALETAS (sobrescribibles por data-color) ====== */
/* Paleta de marca por defecto del sitio: granate + crema */
body[data-color="granate"] { --color-primario: #6d071a; --color-acento: #ea6a12; --color-fondo-app: #f7efe2; }
/* Paletas elegibles para la FICHA de cada negocio (elección del dueño) */
body[data-color="azul"]   { --color-primario: #1e40af; --color-acento: #3b82f6; --color-fondo-app: #f1f5f9; }
body[data-color="verde"]  { --color-primario: #15803d; --color-acento: #22c55e; --color-fondo-app: #f0fdf4; }
body[data-color="rojo"]   { --color-primario: #b91c1c; --color-acento: #ef4444; --color-fondo-app: #fef2f2; }
body[data-color="dorado"] { --color-primario: #b45309; --color-acento: #f59e0b; --color-fondo-app: #fffbeb; }

/* Enlaces en azul noche */
a:not([class]) { color: var(--marca-link); }
.topbar a, .footer a { color: inherit; }