/* MAGO · base del sitio dibujado con plantillas (encabezado + contenido + pie). Mínimo y sobrescribible. */
body.mago-shell { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.mago-shell *, .mago-shell *::before, .mago-shell *::after { box-sizing: border-box; }
.mago-shell img, .mago-shell video, .mago-shell svg { max-width: 100%; }
.mago-shell img { height: auto; }
.mg-skip { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #0f172a; color: #fff; padding: .6rem 1rem; border-radius: 8px; text-decoration: none; font-weight: 600; }
.mg-skip:focus { left: 8px; }
.mago-main { display: block; min-height: 40vh; }
.mg-part.is-sticky { position: sticky; top: 0; z-index: 50; }
.admin-bar .mg-part.is-sticky { top: 32px; }
@media (max-width: 782px) { .admin-bar .mg-part.is-sticky { top: 46px; } }
.mg-part > .mg-el.mg-section { width: 100%; }

/* contenido por defecto cuando no hay plantilla de cuerpo */
.mg-default { width: min(100% - 2.5rem, 760px); margin: 0 auto; padding: 4rem 0 5rem; }
.mg-default.mg-default-list { width: min(100% - 2.5rem, 1120px); }
.mg-default.mg-center { text-align: center; }
.mg-default-head { margin-bottom: 2.25rem; }
.mg-default-head h1 { margin: 0 0 .5rem; }
.mg-default-img { margin: 0 0 2rem; border-radius: 20px; overflow: hidden; }
.mg-default-img img { display: block; width: 100%; height: auto; }
.mg-default-body > * + * { margin-top: 1.1em; }
.mg-default-body img { max-width: 100%; height: auto; border-radius: 12px; }
.mg-default-desc { color: var(--mg-c-muted, #64748b); }
.mg-default .search-form { display: flex; gap: .5rem; justify-content: center; margin: 1.5rem 0; }
.mg-default .search-form input[type="search"] { padding: .75rem 1rem; border: 1px solid var(--mg-c-line, #cbd5e1); border-radius: 12px; min-width: 260px; font: inherit; }
.mg-default .search-form input[type="submit"] { padding: .75rem 1.2rem; border: 0; border-radius: 12px; background: var(--mg-c-ink, #0f172a); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }