/* ============================================================
   VARIABLES.CSS - CERASUS PROJECTS
   Paleta Sakura Minimalista + Reset Global
   ============================================================ */
:root {
    --rosa-sakura: #FFB7D4;
    --rosa-polvo: #E8D5D5;
    --dorado-suave: #D4C5B0;
    --blanco-crema: #FAF8F3;
    --blanco-puro: #FFFFFF;
    --negro: #1a1a1a;
    --gris-oscuro: #4a4a4a;
    --gris-medio: #888888;
    --gris-claro: #cccccc;
    --gris-fondo: #f5f5f0;
    --rojo-descuento: #e53935;
    --verde-exito: #43a047;
    --azul-info: #1e88e5;
    --fuente-principal: 'Montserrat', sans-serif;
    --fuente-secundaria: 'Poppins', sans-serif;
    --texto-xs: 0.7rem; --texto-sm: 0.8rem; --texto-base: 0.875rem;
    --texto-md: 1rem; --texto-lg: 1.125rem; --texto-xl: 1.5rem;
    --texto-2xl: 2rem; --texto-3xl: 2.5rem;
    --peso-light: 300; --peso-normal: 400; --peso-medium: 500;
    --peso-semibold: 600; --peso-bold: 700;
    --espacio-xs: 4px; --espacio-sm: 8px; --espacio-md: 16px;
    --espacio-lg: 24px; --espacio-xl: 32px; --espacio-2xl: 48px; --espacio-3xl: 64px;
    --borde-fino: 1px solid #e8e8e8;
    --radio-sm: 4px; --radio-md: 8px; --radio-lg: 12px; --radio-full: 9999px;
    --sombra-sm: 0 1px 3px rgba(0,0,0,0.06);
    --sombra-md: 0 4px 12px rgba(0,0,0,0.08);
    --sombra-lg: 0 8px 24px rgba(0,0,0,0.1);
    --transicion-rapida: 150ms ease; --transicion-base: 300ms ease;
    --ancho-maximo: 1400px; --ancho-contenido: 1200px;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; scroll-behavior:smooth; -webkit-font-smoothing:antialiased; }
body { font-family:var(--fuente-principal); font-size:var(--texto-base); line-height:1.6; color:var(--negro); background-color:var(--blanco-crema); }
h1,h2,h3,h4,h5,h6 { font-family:var(--fuente-principal); font-weight:var(--peso-semibold); color:var(--negro); line-height:1.3; }
a { color:inherit; text-decoration:none; transition:color var(--transicion-rapida); }
button { cursor:pointer; border:none; background:none; font-family:var(--fuente-principal); }
ul,ol { list-style:none; }
img { max-width:100%; height:auto; display:block; }
.container { max-width:var(--ancho-maximo); margin:0 auto; padding:0 var(--espacio-lg); }