/* Layout compartido para páginas editoriales (sin plantilla Nicepage) */
*, *::before, *::after { box-sizing: border-box; }
body.x-body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #141414; background: #fafafa; line-height: 1.6; }
.x-skip { position: absolute; left: -9999px; }
.x-skip:focus { left: 1rem; top: 1rem; z-index: 10000; padding: .5rem 1rem; background: #000; color: #fff; }
.x-top { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); background: color-mix(in srgb, var(--x-surface, #fff) 88%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--x-ink, #111) 8%, transparent); }
.x-inner { max-width: 1120px; margin: 0 auto; padding: 0.85rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.x-brand { font-weight: 700; letter-spacing: -0.02em; font-size: 1.05rem; text-decoration: none; color: inherit; }
.x-brand span { opacity: 0.55; font-weight: 500; }
.x-nav { display: flex; flex-wrap: wrap; gap: 0.15rem 0.35rem; justify-content: flex-end; }
.x-nav a { font-size: 0.78rem; text-decoration: none; color: color-mix(in srgb, var(--x-ink, #111) 72%, transparent); padding: 0.35rem 0.55rem; border-radius: 6px; transition: background 0.2s, color 0.2s; }
.x-nav a:hover { background: color-mix(in srgb, var(--x-accent, #2563eb) 12%, transparent); color: var(--x-ink, #111); }
.x-nav a[aria-current="page"] { background: color-mix(in srgb, var(--x-accent, #2563eb) 18%, transparent); color: var(--x-ink, #111); font-weight: 600; }
main.x-main { min-height: 48vh; }
.x-foot { margin-top: 3rem; padding: 2rem 1.25rem; border-top: 1px solid rgba(0,0,0,.08); font-size: 0.85rem; color: #555; }
.x-foot-inner { max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between; align-items: center; }
.x-foot a { color: inherit; margin-left: 1rem; }