#contenido{--color-bg:#090b12;--color-surface:#191b23;--color-surface-2:#12151e;--color-text:#f7f7fa;--color-muted:#b0b2c0;--color-primary:#ff7d34;--color-border:oklch(1 0 0 / .13);--font-body:Poppins,system-ui,sans-serif;--font-display:Poppins,system-ui,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:clamp(1.125rem,1rem + .4vw,1.375rem);--text-xl:clamp(1.375rem,1rem + 1vw,1.875rem);--text-title:clamp(1.5rem,1rem + 2.2vw,2.875rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:100px}
#contenido *,#contenido *::before,#contenido *::after{box-sizing:border-box;margin:0;padding:0}
#contenido{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
#contenido{font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh}
#contenido img,#contenido svg{display:block;max-width:100%;height:auto}
#contenido button,#contenido input,#contenido textarea{font:inherit}
#contenido button{cursor:pointer}
#contenido a{color:var(--color-primary);text-underline-offset:4px;text-decoration-thickness:1px}
#contenido a:hover{color:#ffb17c}
#contenido a:active,#contenido button:active{opacity:.8}
#contenido button{color:inherit}
#contenido h1,#contenido h2,#contenido h3{line-height:1.28;letter-spacing:-.025em;text-wrap:balance}
#contenido h1,#contenido h2{font-family:var(--font-display)}
#contenido h2{font-size:var(--text-xl)}
#contenido h3{font-size:var(--text-lg);font-weight:600}
#contenido p,#contenido li,#contenido dd{overflow-wrap:break-word}
#contenido p+p{margin-top:var(--space-4)}
#contenido :focus-visible{outline:2px solid var(--color-primary);outline-offset:5px;border-radius:var(--radius-sm)}
#contenido [hidden]{display:none!important}
#contenido ::selection{background:#80401e;color:white}
#contenido .container{max-width:1180px;margin-inline:auto;padding-inline:var(--space-5)}
#contenido .btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);color:#160b05;text-decoration:none;font-size:var(--text-sm);font-weight:600;border:1px solid transparent;line-height:1.5}
#contenido .btn:hover{background:#ff9c63;color:#160b05}
#contenido .btn.compact{min-height:44px;padding:var(--space-2) var(--space-5)}
#contenido .btn.secondary{background:transparent;border-color:var(--color-border);color:var(--color-text)}
#contenido .btn.secondary:hover{border-color:var(--color-primary)}
#contenido .mobile-menu{padding-block:var(--space-3)}
#contenido .mobile-menu a{display:block;padding:var(--space-3);color:var(--color-text);text-decoration:none}
#contenido .breadcrumbs{font-size:var(--text-xs);color:var(--color-muted);padding-top:var(--space-5)}
#contenido .breadcrumbs ol{display:flex;list-style:none;gap:var(--space-2);flex-wrap:wrap}
#contenido .breadcrumbs li+li::before{content:"/";margin-right:var(--space-2);color:#7e8296}
#contenido .breadcrumbs a{color:var(--color-muted);text-decoration:none}
#contenido .hero{padding-block:var(--space-10) var(--space-8);display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-12);align-items:center}
#contenido .eyebrow{font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.12em;font-weight:600;line-height:1.5;margin-bottom:var(--space-3)}
#contenido h1{font-size:var(--text-title);font-weight:700;white-space:nowrap}
#contenido h1 span{color:var(--color-primary)}
#contenido .hero-sub{font-size:var(--text-base);color:var(--color-muted);max-width:60ch;margin-top:var(--space-5);line-height:1.8}
#contenido .byline{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-5)}
#contenido .byline a{color:var(--color-text)}
#contenido .hero-actions{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6);flex-wrap:wrap}
#contenido .text-link{font-size:var(--text-sm);color:var(--color-text)}
#contenido .affiliate{font-size:var(--text-xs);line-height:1.7;color:var(--color-muted);margin-top:var(--space-4);max-width:74ch}
#contenido .route-card{padding:var(--space-6);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
#contenido .route-card ol{list-style:none}
#contenido .route-card li{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding-block:var(--space-2)}
#contenido .route-card li span{color:var(--color-primary);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums}
#contenido .route-card li a{color:var(--color-text);text-decoration:none;font-size:var(--text-sm);display:block;padding-block:var(--space-1)}
#contenido .route-card>p:last-child{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-4)}
#contenido .intro-note{padding:var(--space-6) var(--space-8);background:var(--color-surface);border-radius:var(--radius-lg);color:var(--color-muted);margin-bottom:var(--space-10);font-size:var(--text-sm)}
#contenido .intro-note p{max-width:110ch}
#contenido .article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--space-12);align-items:start}
#contenido .rail{position:sticky;top:100px;align-self:start}
#contenido .toc>summary{font-size:var(--text-sm);font-weight:600;cursor:pointer;padding-block:var(--space-3)}
#contenido .toc nav{display:flex;flex-direction:column;margin-top:var(--space-2)}
#contenido .toc nav a{padding:var(--space-2) 0;color:var(--color-muted);text-decoration:none;font-size:var(--text-xs);line-height:1.6}
#contenido .toc nav a:hover{color:var(--color-primary)}
#contenido .rail-note{font-size:var(--text-xs);color:var(--color-muted);border-top:1px solid var(--color-border);padding-top:var(--space-5);margin-top:var(--space-5)}
#contenido .article{min-width:0}
#contenido .article-section{padding-block:var(--space-12);border-top:1px solid var(--color-border);scroll-margin-top:100px}
#contenido .article-section.first{padding-top:0;border-top:none}
#contenido .article-section h2{margin-bottom:var(--space-5)}
#contenido .article-section h3{margin-bottom:var(--space-3)}
#contenido .article-section p{color:var(--color-muted);max-width:75ch}
#contenido .article-section strong{color:var(--color-text);font-weight:600}
#contenido .step-heading{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}
#contenido .step-heading .eyebrow{margin-bottom:var(--space-1)}
#contenido .step-heading h2{margin:0}
#contenido .step-number{font-size:var(--text-xl);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1;align-self:center}
#contenido .instructions,#contenido .check-list{padding-left:var(--space-6);margin-block:var(--space-5);color:var(--color-muted)}
#contenido .instructions li,#contenido .check-list li{padding-left:var(--space-2);margin-block:var(--space-3)}
#contenido li::marker{color:var(--color-primary);font-weight:600}
#contenido .note{background:var(--color-surface);padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);margin-block:var(--space-6);font-size:var(--text-sm)}
#contenido .small{font-size:var(--text-sm);color:var(--color-muted);line-height:1.75}
#contenido code{font-family:ui-monospace,monospace;font-size:.92em;overflow-wrap:anywhere;color:#ececf2;background:var(--color-surface);padding:0 var(--space-1);border-radius:var(--radius-sm)}
#contenido .platforms{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-block:var(--space-6)}
#contenido .platforms>div{border-top:1px solid var(--color-border);padding-top:var(--space-4)}
#contenido .platforms p{font-size:var(--text-sm)}
#contenido .screenshot{margin-block:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-2)}
#contenido .zoom-shot{width:100%;border:0;display:block;position:relative;cursor:zoom-in;background:#f6f7fa;padding:0}
#contenido .zoom-shot img{width:100%;height:auto}
#contenido .zoom-label{position:absolute;right:var(--space-3);bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#151721;color:#fff;border:1px solid #6d7080;border-radius:var(--radius-full);font-size:var(--text-xs);min-height:36px}
#contenido figcaption{padding:var(--space-4) var(--space-5);font-size:var(--text-xs);line-height:1.7;color:var(--color-muted);max-width:none}
#contenido .download-shot{max-width:620px}
#contenido .playground-shot{max-width:720px}
#contenido .settings-list{margin-top:var(--space-6)}
#contenido .settings-list>div{display:grid;grid-template-columns:170px 1fr;gap:var(--space-5);padding-block:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm)}
#contenido dt{font-weight:600;color:var(--color-text)}
#contenido dd{color:var(--color-muted)}
#contenido .prompt-card{margin-top:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);background:var(--color-surface-2)}
#contenido .prompt-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}
#contenido .prompt-head h3{font-size:var(--text-lg);margin:0}
#contenido .copy-btn{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-xs);min-height:44px;padding:var(--space-2) var(--space-4);flex:none}
#contenido .copy-btn:hover{border-color:var(--color-primary)}
#contenido .prompt-context{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--color-muted)}
#contenido .prompt-text{border-top:1px solid var(--color-border);padding-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text)!important;line-height:1.9}
#contenido .prompt-card+.small{margin-top:var(--space-5)}
#contenido .copy-status{font-size:var(--text-sm);min-height:28px;color:var(--color-primary)!important}
#contenido .troubleshooting>div{padding-block:var(--space-5);border-top:1px solid var(--color-border)}
#contenido .troubleshooting h3{font-size:var(--text-lg)}
#contenido .troubleshooting p{font-size:var(--text-sm)}
#contenido .faq{display:flex;flex-direction:column;gap:var(--space-3)}
#contenido .faq details{border:1px solid var(--color-border);background:var(--color-surface-2);border-radius:var(--radius-md)}
#contenido .faq summary{padding:var(--space-5);cursor:pointer;line-height:1.6;font-weight:600;font-size:var(--text-base);list-style:none;display:flex;justify-content:space-between;gap:var(--space-4)}
#contenido .faq summary::-webkit-details-marker{display:none}
#contenido .faq summary::after{content:"+";color:var(--color-primary);flex:none}
#contenido .faq details[open] summary::after{content:"−"}
#contenido .faq-answer{padding:0 var(--space-5) var(--space-5);font-size:var(--text-sm)}
#contenido .editor-note{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-16);font-size:var(--text-sm);color:var(--color-muted)}
#contenido .editor-note h2{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-4)}
#contenido .source-addresses{margin-top:var(--space-5)}
#contenido .source-addresses summary{cursor:pointer;color:var(--color-text);padding-block:var(--space-2);min-height:44px}
#contenido .source-addresses ul{list-style:none}
#contenido .source-addresses li{margin-top:var(--space-4)}
#contenido .source-addresses code{display:block;font-size:var(--text-xs);padding:var(--space-2);margin-top:var(--space-2);user-select:all;word-break:break-all}
#contenido .age-actions{display:flex;gap:var(--space-3);margin-block:var(--space-6)}
#contenido .age-actions .btn{flex:1}
#contenido .image-scroll{overflow:auto;max-height:calc(90dvh - 160px);background:#fff;border-radius:var(--radius-sm)}
#contenido #enlarged-image{width:100%;max-width:none;min-width:900px;height:auto}
#contenido .image-hint{font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-3)}
@media(max-width:1000px){#contenido .hero{grid-template-columns:1fr 270px;gap:var(--space-6)}
#contenido h1{font-size:2rem}
#contenido .article-grid{grid-template-columns:190px minmax(0,1fr);gap:var(--space-8)}
#contenido .settings-list>div{grid-template-columns:145px 1fr}}
@media(max-width:760px){#contenido .hero{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-8)}
#contenido h1{font-size:clamp(1.4rem,6.35vw,2rem)}
#contenido .hero-sub{line-height:1.75}
#contenido .route-card{display:none}
#contenido .hero-actions{gap:var(--space-4);margin-top:var(--space-5)}
#contenido .hero-actions .btn{padding-inline:var(--space-5)}
#contenido .text-link{font-size:var(--text-xs)}
#contenido .byline{display:block}
#contenido .byline span{display:block}
#contenido .affiliate{font-size:var(--text-xs)}
#contenido .intro-note{padding:var(--space-5);margin-bottom:var(--space-6)}
#contenido .article-grid{display:block}
#contenido .rail{position:static;margin-bottom:var(--space-8)}
#contenido .rail-note{display:none}
#contenido .toc{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-5)}
#contenido .toc nav a{padding-block:var(--space-3);min-height:44px;font-size:var(--text-sm)}
#contenido .article-section{padding-block:var(--space-8)}
#contenido .step-heading{gap:var(--space-4)}
#contenido .step-number{font-size:var(--text-xl)}
#contenido h2{font-size:1.375rem}
#contenido h3{font-size:1.125rem}
#contenido .platforms{grid-template-columns:1fr;gap:var(--space-5)}
#contenido .settings-list>div{grid-template-columns:1fr;gap:var(--space-2)}
#contenido .screenshot{margin-block:var(--space-6)}
#contenido .note,#contenido .prompt-card{padding:var(--space-5)}
#contenido .prompt-head{gap:var(--space-2)}
#contenido .prompt-head h3{font-size:1.0625rem;letter-spacing:-.025em}
#contenido .copy-btn{padding-inline:var(--space-3)}
#contenido .editor-note{padding:var(--space-5)}
#contenido .image-hint{line-height:1.5}
#contenido .zoom-label{right:var(--space-2);bottom:var(--space-2);padding:var(--space-1) var(--space-3);min-height:32px}
#contenido .faq summary{padding:var(--space-4);font-size:var(--text-sm)}
#contenido .faq-answer{padding:0 var(--space-4) var(--space-4)}}
@media(prefers-reduced-motion:reduce){#contenido{scroll-behavior:auto}
#contenido *,#contenido *::before,#contenido *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#contenido .playground-shot{max-width:414px}
#contenido .hero h1:focus:not(:focus-visible){outline:none}
#contenido #titulo:focus{outline:none}
#contenido .example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-block:var(--space-6)}
#contenido .example-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-2)}
#contenido .example-card .zoom-shot img{aspect-ratio:3/4;object-fit:cover}
#contenido .example-card figcaption{padding:var(--space-4);font-size:var(--text-xs)}
#contenido .example-card figcaption strong{display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}
#contenido .example-card figcaption span{display:block;color:var(--color-muted)}
#contenido .video-example{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:var(--space-8);align-items:center;margin-top:var(--space-8)}
#contenido .video-frame{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);overflow:hidden}
#contenido .video-frame video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#000}
#contenido .video-frame figcaption{padding:var(--space-4)}
#contenido .video-description h3{font-size:var(--text-lg)}
#contenido .video-description p{font-size:var(--text-sm)}
#contenido .video-description .eyebrow{font-size:var(--text-xs)}
#contenido .video-description .btn{margin-top:var(--space-5)}
#contenido .video-description #video-status{min-height:24px;margin-top:var(--space-2)}
#contenido .media-provenance{margin-top:var(--space-6)}
@media(max-width:760px){#contenido .example-grid{grid-template-columns:1fr;gap:var(--space-5)}
#contenido .example-card{max-width:480px;width:100%;margin-inline:auto}
#contenido .video-example{grid-template-columns:1fr;gap:var(--space-5)}
#contenido .video-frame{max-width:480px;width:100%;margin-inline:auto}
#contenido .video-description{max-width:65ch}}
#contenido{font-family:inherit;padding-bottom:32px}#contenido h1 span{color:#ff710a}#contenido img{max-width:100%}#contenido .hero{margin:0}#contenido .prompt-text{white-space:pre-wrap;overflow-wrap:anywhere}
#contenido .hero-copy{min-width:0}#contenido .registration-shot{width:100%}

#contenido .zoom-shot{color:#f5f5f7;background:#151721}#contenido .step-number{line-height:1.6;min-width:2ch;flex-shrink:0}#contenido .copy-btn,#contenido .text-link,#contenido .toc>summary,#contenido .toc nav a{min-height:48px}#contenido .text-link{display:inline-flex;align-items:center}#contenido .copy-btn{min-width:72px}