/* ============================================================= VARIABLES.CSS Tokens de marca reutilizables en toda la web (no solo Home). Si mañana se agrega la página Mayoristas, este archivo se importa igual y no se duplica nada. ============================================================= */ :root { /* ---- Paleta de marca ---- */ --color-violeta-oscuro: #34144c; --color-violeta-medio: #4a1068; --color-violeta-suave: #582585; --color-amarillo: #fcd42c; --color-rosa: #e065ab; --color-rosa-claro: #eeb4e7; --color-white: #ffffff; /* ---- Fondo general del sitio (incluye header) ---- */ --color-bg-start: #32144d; --color-bg-end: #150920; --bg-gradient: linear-gradient(90deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%); /* ---- Gradiente de texto (títulos "6 variedades" / "todas distintas e irresistibles") ---- */ --gradient-text: radial-gradient(circle at 50% 50%, #edab00, #fed22f, #ffe06d, #fff9e3); /* ---- Fuentes ---- Helvetica Neue es paga y no tiene CDN gratuito legal. Arimo (Google Fonts) es métricamente compatible con Helvetica/Arial: se importa vía Google Fonts en el . */ --font-helvetica: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* ---- Escala de diseño ---- Todas las medidas que vienen de Canva (fuentes, radios, etc.) están calculadas sobre un lienzo de referencia de 1366px de ancho, y expresadas en vw para mantener la proporción en cualquier tamaño de pantalla. */ --canva-canvas-width: 1366; } /* ---- Reset mínimo ---- */ * { box-sizing: border-box; } html, body { margin: 0; padding: 0; width: 100%; /* overflow-x: hidden; */ background: var(--bg-gradient); font-family: var(--font-helvetica); color: var(--color-white); } img { max-width: 100%; display: block; }