/* PLG-205 · Cargar una vez en la plantilla Tutorial; no depende de fuentes externas. */
.paezai-tutorial{--tut-tinta:#0B1020;--tut-lima:#C6FF3D;--tut-borde:#E2DFD7;--tut-suave:#FAF8F3;color:var(--tut-tinta);font:400 16px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:780px;margin-inline:auto;counter-reset:tut-paso;overflow-wrap:anywhere}
.paezai-tutorial,.paezai-tutorial *{box-sizing:border-box}
.paezai-tutorial p,.paezai-tutorial li,.paezai-tutorial summary,.paezai-tutorial figcaption,.paezai-tutorial code,.paezai-tutorial .tut-sin-confirmar{font-size:16px}
.paezai-tutorial p,.paezai-tutorial ul,.paezai-tutorial ol{margin-block:0 1.1em}
.paezai-tutorial h2{font-size:26px;line-height:1.3;margin:1.6em 0 .8em;color:var(--tut-tinta);scroll-margin-top:100px}
.paezai-tutorial a{color:var(--tut-tinta);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.paezai-tutorial a:hover{background:var(--tut-lima)}
.paezai-tutorial :focus-visible{outline:3px solid #6B4A33;outline-offset:4px}
.paezai-tutorial li{padding-inline-start:4px;margin-block:.5em}
.paezai-tutorial ul,.paezai-tutorial ol{padding-inline-start:1.5em}
.paezai-tutorial .tut-nota,.paezai-tutorial .tut-vera,.paezai-tutorial .tut-problema{border:1px solid var(--tut-borde);border-radius:12px;background:var(--tut-suave);padding:22px;margin-block:24px}
.paezai-tutorial .tut-nota>h2,.paezai-tutorial .tut-problema>h2{margin-top:0}
.paezai-tutorial .tut-nota>:last-child,.paezai-tutorial .tut-vera>:last-child,.paezai-tutorial .tut-problema>:last-child{margin-bottom:0}
.paezai-tutorial .tut-vera{border-inline-start:5px solid #0B1020}
.paezai-tutorial .tut-paso{counter-increment:tut-paso;margin-block:36px}
.paezai-tutorial .tut-paso>h2{display:flex;align-items:flex-start;gap:12px}
.paezai-tutorial .tut-paso>h2:before{content:counter(tut-paso);display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;min-height:38px;border-radius:50%;background:var(--tut-tinta);color:#fff;font-size:18px;font-weight:700}
.paezai-tutorial figure{margin:24px 0}
.paezai-tutorial figure img{display:block;max-width:100%;height:auto;border:1px solid var(--tut-borde);border-radius:8px;box-shadow:0 6px 20px #0b102012}
.paezai-tutorial figcaption{color:#5B6475;line-height:1.5;margin-top:10px}
.paezai-tutorial details{border:1px solid var(--tut-borde);border-radius:12px;padding:0 18px;margin-block:14px;background:#fff}
.paezai-tutorial summary{cursor:pointer;min-height:52px;padding:14px 0;font-weight:650;line-height:1.55}
.paezai-tutorial details[open]>summary{border-bottom:1px solid var(--tut-borde);margin-bottom:16px}
.paezai-tutorial code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;overflow-wrap:anywhere;background:#F1EEE6;border-radius:4px;padding:2px 4px}
.paezai-tutorial .tut-sin-confirmar{color:#5B6475;font-style:italic}
@media(max-width:600px){.paezai-tutorial{width:100%;padding-inline:16px}.paezai-tutorial h2{font-size:23px}.paezai-tutorial .tut-nota,.paezai-tutorial .tut-vera,.paezai-tutorial .tut-problema{padding:16px}.paezai-tutorial .tut-paso>h2:before{flex-basis:34px;width:34px;min-height:34px}.paezai-tutorial details{padding-inline:14px}}
