/* Estilos base provisionales — sustituir por el diseño definitivo */
:root { --fg: #1a1a1a; --bg: #fafafa; --accent: #df0067; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, sans-serif; color: var(--fg); background: var(--bg); min-height: 100vh; display: flex; flex-direction: column; }
.site-header, .site-footer { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; }
.brand { font-weight: 700; color: inherit; text-decoration: none; }
.lang-switch a { margin-left: .75rem; color: inherit; text-decoration: none; opacity: .6; }
.lang-switch a[aria-current] { opacity: 1; font-weight: 600; }
main { flex: 1; display: grid; place-items: center; padding: 2rem 1.5rem; }
.hero { max-width: 40rem; text-align: center; }
.hero h1 { font-size: clamp(2rem, 6vw, 3.5rem); margin: 0 0 .5rem; }
.button { display: inline-block; margin-top: 1rem; padding: .75rem 1.5rem; background: var(--accent); color: #fff; border-radius: .5rem; text-decoration: none; }
.site-footer { font-size: .85rem; opacity: .7; justify-content: center; }