/* ============================================================ ZETATATTOOS — hoja de estilos principal Paleta: crema, blanco cálido, beige arena, taupe, negro suave, burdeos (solo acento). Estética luminosa, cálida, editorial. ============================================================ */ :root { --crema: #F4EFE7; --blanco: #FCFAF7; --beige: #D8C9B8; --taupe: #B8A795; --negro: #292624; --burdeos: #6F3940; --burdeos-suave: #8a5259; --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif; --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --radius-sm: 6px; --radius-md: 14px; --radius-lg: 26px; --shadow-soft: 0 10px 40px -18px rgba(41, 38, 36, 0.25); --shadow-card: 0 6px 24px -12px rgba(41, 38, 36, 0.18); --max-width: 1180px; --transition: 220ms cubic-bezier(.4,0,.2,1); } * { box-sizing: border-box; } html { scroll-behavior: smooth; overflow-x: hidden; } body { margin: 0; font-family: var(--font-sans); background: var(--blanco); color: var(--negro); line-height: 1.6; -webkit-font-smoothing: antialiased; font-weight: 400; overflow-x: hidden; } /* ---------- Transición entre páginas ---------- */ /* Evita el salto brusco al cambiar de sección: la página actual se desvanece antes de navegar y la nueva entra con un fundido suave. Un pequeño script en main.js añade/quita estas clases; sin JavaScript el