.tuto,.tuto-centro{width:min(100% - 2rem, var(--max));margin:0 auto;padding:1.5rem 0 4.5rem}.tuto-aviso{background:var(--accent-soft);border-radius:var(--r-input);color:var(--ink);margin:0 0 1.25rem;padding:.7rem 1rem}.etiqueta{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);margin-left:.5rem;padding:.1rem .55rem;font-size:.75rem;font-weight:600}.tuto-head h1{max-width:24ch;margin-bottom:.8rem;font-size:clamp(1.8rem,4vw,2.7rem)}.tuto-lead{color:var(--ink-2);max-width:62ch;margin:0 0 1.4rem;font-size:1.12rem}.tuto-resumen{flex-wrap:wrap;gap:.75rem 2rem;margin:0 0 2rem;font-size:.9rem;display:flex}.tuto-resumen dt{color:var(--ink-3);margin-bottom:.15rem;font-size:.75rem}.tuto-resumen dd{margin:0;font-weight:600}.tuto-aside{top:calc(var(--nav-h) + 20px);min-width:0;max-height:calc(100dvh - var(--nav-h) - 40px);gap:1.5rem;padding-right:.3rem;display:grid;position:sticky;overflow-y:auto}.tuto-requisitos{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-input);padding:.85rem 1rem;font-size:.85rem}.tuto-requisitos summary{cursor:pointer;color:var(--ink);font-weight:650}.tuto-requisitos summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.tuto-meta{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem 1.5rem;margin:0 0 2rem;padding:1.1rem 1.3rem;display:grid}.tuto-requisitos .tuto-meta{overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:.9rem;margin:1rem 0 0;padding:0}.tuto-meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);font-size:.78rem}.tuto-meta dd{color:var(--ink-2);margin:.2rem 0 0;line-height:1.5}.tuto-video{max-width:880px;margin:0 0 2rem}.tuto-video-h{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0 0 .65rem;font-size:1.05rem;display:flex}.tuto-video-dur{color:var(--ink-3);font-size:.8rem;font-weight:600}.tuto-video-marco{aspect-ratio:16/9;background:var(--night);border-radius:var(--r-card);width:100%;box-shadow:var(--shadow);position:relative;overflow:hidden}.tuto-video-marco iframe,.tuto-video-play{border:0;width:100%;height:100%;position:absolute;inset:0}.tuto-video-play{cursor:pointer;background:0 0;margin:0;padding:0;display:block}.tuto-video-play img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease), filter .3s;display:block}.tuto-video-play:hover img{filter:brightness(.92);transform:scale(1.025)}.tuto-video-icono{aspect-ratio:1;background:var(--accent);width:clamp(56px,11%,84px);color:var(--accent-ink);transition:transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px -8px #00000080}.tuto-video-icono svg{width:42%;height:42%;margin-left:4%}.tuto-video-play:hover .tuto-video-icono{transform:translate(-50%,-50%)scale(1.08)}.tuto-video-sinjs{color:#fff;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.tuto-video-nota{color:var(--ink-3);margin:.6rem 0 0;font-size:.88rem}@media (prefers-reduced-motion:reduce){.tuto-video-play img,.tuto-video-icono{transition:none}}.tuto-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.tuto-toc{top:calc(var(--nav-h) + 20px);font-size:.92rem;position:sticky}.tuto-aside .tuto-toc{position:static}.tuto-toc h2{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:0 0 .6rem;font-size:.8rem;font-weight:650}.tuto-toc ol{gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.tuto-toc a{color:var(--accent);text-underline-offset:3px}.tuto-body{max-width:760px;color:var(--ink);font-size:1.05rem;line-height:1.7}.tuto-body h2{scroll-margin-top:calc(var(--nav-h) + 20px);margin:2.2em 0 .5em;font-size:1.55rem}.tuto-body>h2:first-child{margin-top:0}.tuto-body h3{scroll-margin-top:calc(var(--nav-h) + 20px);margin:1.8em 0 .4em;font-size:1.2rem}.tuto-body a{color:var(--accent);text-underline-offset:3px}.tuto-body img{border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:100%;height:auto}.tuto-body figure{margin:1.3em 0}.tuto-body figcaption{color:var(--ink-3);margin-top:.4rem;font-size:.9rem}.tuto-body blockquote{border-left:4px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--r-input) var(--r-input) 0;margin:1.3em 0;padding:.7rem 1.1rem}.tuto-body blockquote p{margin:.3em 0}.tuto-body table{border-collapse:collapse;max-width:100%;margin:1.3em 0;font-size:.95rem;display:block;overflow-x:auto}.tuto-body th,.tuto-body td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.55rem .7rem}.tuto-body th{background:var(--surface-2)}.tuto-feedback,.tuto-next{border-top:1px solid var(--line);margin-top:2.5em;padding-top:1em}.tuto-next ul{padding-left:1.2rem}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2.5rem;padding:0;list-style:none;display:grid}.tarjetas a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);height:100%;transition:border-color .2s, transform .25s var(--ease);padding:1.2rem 1.3rem;text-decoration:none;display:block}.tarjetas a:hover{border-color:var(--accent);transform:translateY(-2px)}.tarjetas strong{margin-bottom:.3rem;display:block}.tarjetas span{color:var(--ink-2);font-size:.95rem}.btn-ruta{background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);padding:.8rem 1.4rem;font-weight:650;text-decoration:none;display:inline-block}.cat{margin-bottom:1.6rem}.cat h3{margin:0 0 .4rem}.cat ul,.lista-guias{padding-left:1.2rem}.cat a,.lista-guias a{color:var(--accent);text-underline-offset:3px}.lista-guias{gap:1rem;padding:0;list-style:none;display:grid}.lista-guias p{color:var(--ink-2);margin:.25rem 0 0}.ruta{counter-reset:paso;gap:.8rem;max-width:760px;padding:0;list-style:none;display:grid}.ruta li{counter-increment:paso;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1rem 1.2rem 1rem 3.6rem;position:relative}.ruta li:before{content:counter(paso);background:var(--accent);width:2rem;height:2rem;color:var(--accent-ink);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:.9rem;left:1rem}.ruta a{color:var(--ink);text-underline-offset:3px}.ruta span{color:var(--ink-2);font-size:.95rem;display:block}.ayuda-hero{padding-block:clamp(2rem,5vw,3.5rem) 1rem}.ayuda-hero h1{max-width:22ch;font-size:clamp(2rem,4.4vw,3.2rem)}.ayuda-hero .seo-lead{margin-bottom:1.2rem}.tuto-body figure img{cursor:zoom-in}.zoom{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.zoom::backdrop{background:#0a0b0dd9}.zoom-inner{box-sizing:border-box;place-items:start center;width:100%;height:100%;padding:.75rem;display:grid;overflow:auto}.zoom img{background:#fff;width:min(1560px,220vw);max-width:none;height:auto}.zoom button{z-index:2;border-radius:var(--r-pill);background:var(--bg);color:var(--ink);cursor:pointer;border:0;padding:.6rem 1rem;font-size:1rem;position:fixed;top:.6rem;right:.6rem}.buscador{gap:.5rem;max-width:680px;margin:0 0 1rem;display:flex}.buscador input{min-width:0;font:inherit;border:1px solid var(--ink-3);border-radius:var(--r-input);background:var(--surface);color:var(--ink);flex:1;padding:.8rem 1rem;font-size:1.05rem}.buscador button{font:inherit;border-radius:var(--r-pill);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;min-height:44px;padding:0 1.4rem;font-weight:650}.filtros{color:var(--ink-2);flex-wrap:wrap;gap:1rem;margin-bottom:.8rem;font-size:.92rem;display:flex}.filtros select{border-radius:var(--r-input);border:1px solid var(--ink-3);background:var(--surface);color:var(--ink);font:inherit;margin-left:.4rem;padding:.35rem .55rem}.resultados{gap:.9rem;max-width:760px;padding:0;list-style:none;display:grid}.resultados>li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1rem 1.2rem}.resultados h2{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.15rem}.resultados a{color:var(--accent);text-underline-offset:3px}.resultados p{color:var(--ink-2);margin:0 0 .4rem}.resultados ul{margin:0;padding-left:1.1rem;font-size:.93rem}.desambiguar{background:var(--accent-soft);border-radius:var(--r-card);max-width:760px;margin:0 0 1.1rem;padding:.9rem 1.2rem}.desambiguar a{color:var(--accent)}.desambiguar ul{margin:.4rem 0 0;padding-left:1.2rem}@media (width<=860px){.tuto-grid{grid-template-columns:1fr}.tuto-aside{gap:1rem;max-height:none;padding-right:0;position:static;overflow:visible}.tuto-toc{position:static}}@media (width<=480px){.buscador{flex-direction:column}}
