body.pagina{overflow:auto;display:block}.contenido{max-width:68ch;margin:0 auto;padding:48px 22px 72px;font-size:17.5px;line-height:1.75;color:var(--tinta)}.contenido h1{font-family:var(--display);font-size:30px;line-height:1.2;margin:0 0 10px}.contenido h2{font-family:var(--display);font-size:19px;margin:34px 0 10px;color:var(--verde-hondo)}.contenido p{margin:0 0 18px}.contenido ul,.contenido ol{margin:0 0 18px;padding-left:24px}.contenido li{margin-bottom:10px}.contenido a{color:var(--lapiz)}.contenido strong{color:var(--tinta)}.contenido .resumen{font-size:17px;font-weight:600;color:var(--tinta);background:var(--verde-claro);border-radius:10px;padding:12px 16px;margin:0 0 30px}.contenido .fecha{margin-top:34px;font-size:13px;color:var(--tinta-suave)}.contenido img,.contenido svg.dibujo{display:block;max-width:100%;height:auto;margin:30px auto}.contenido code{font-family:var(--mono);font-weight:600;color:var(--verde-hondo);background:var(--verde-claro);border-radius:5px;padding:1px 6px;font-size:.9em}.contenido blockquote{margin:26px 0;padding:2px 0 2px 20px;border-left:3px solid var(--verde);font-style:italic;font-size:18.5px;color:var(--tinta);line-height:1.6}.contenido blockquote p{margin:0 0 6px}.contenido blockquote p:last-child{margin-bottom:0}.contenido .dibujo-logo{position:relative;width:min(260px,100%);aspect-ratio:1;margin:32px auto;background:#fffefb;border:1.5px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);overflow:hidden}.contenido .dibujo-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--linea-suave) 1px,transparent 1px),linear-gradient(90deg,var(--linea-suave) 1px,transparent 1px);background-size:24px 24px;opacity:.55}.contenido .dibujo-logo canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.contenido .cta-final{max-width:280px;margin:36px auto 4px}.contenido .cod{font-family:var(--mono);font-weight:600;font-size:.92em;background:var(--papel-hondo);border-radius:5px;padding:1px 7px;color:var(--tinta)}.contenido .ejemplo{position:relative;margin:24px 0}.contenido .ejemplo pre{margin:0;padding:16px 50px 16px 18px;overflow-x:auto;font-family:var(--mono);font-size:14.5px;line-height:1.85;color:var(--tinta);background:var(--tarjeta);border:1.5px solid var(--linea);border-radius:var(--r);box-shadow:var(--sombra);white-space:pre}.contenido .btn-copiar{position:absolute;top:11px;right:11px;font-family:var(--display);font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:9px;border:1.5px solid var(--linea);background:var(--papel-hondo);color:var(--tinta-suave);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.contenido .btn-copiar:hover{background:var(--verde-claro);color:var(--verde-hondo)}.contenido .btn-copiar[data-copiado]{background:var(--verde-claro);color:var(--verde-hondo);border-color:var(--verde)}.contenido .consola-ejemplo{margin:24px 0}.contenido .consola-ejemplo .salida{font-size:14.5px;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.contenido .nota-margen{margin:24px 0;padding:15px 18px;background:var(--papel-hondo);border:1.5px dashed var(--linea);border-radius:var(--r);font-size:15.5px;line-height:1.65;color:var(--tinta-suave)}.contenido .nota-margen p{margin:0 0 8px}.contenido .nota-margen p:last-child{margin-bottom:0}.contenido .nota-margen strong{color:var(--tinta)}.contenido table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15.5px}.contenido th{text-align:left;font-family:var(--display);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-suave);padding:0 12px 9px;border-bottom:1.5px solid var(--linea)}.contenido td{padding:11px 12px;border-bottom:1px solid var(--linea-suave);vertical-align:top}.contenido tr:last-child td{border-bottom:none}@media (max-width:600px){.contenido{padding:32px 18px 56px;font-size:17px}.contenido h1{font-size:26px}}@media (max-width:560px){.contenido table,.contenido thead,.contenido tbody,.contenido tr,.contenido td{display:block}.contenido thead{position:absolute;left:-9999px}.contenido table{margin:20px 0}.contenido tr{margin:0 0 12px;padding:12px 14px;background:var(--tarjeta);border:1.5px solid var(--linea);border-radius:12px;box-shadow:var(--sombra)}.contenido td{border:none;padding:5px 0}.contenido td[data-label]:before{content:attr(data-label);display:block;font-family:var(--display);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-suave);margin-bottom:2px}.contenido td[data-label]:empty{display:none}}