*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--font-body)}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,input,a,summary{outline-offset:5px}button:focus-visible,input:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent-text)}::selection{background:var(--accent);color:var(--on-accent)}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(3rem,5.4vw,5.4rem);margin-bottom:1.6rem}h2{font-size:clamp(2rem,3.4vw,3.2rem)}h3{font-size:1.4rem}p{color:var(--text-secondary)}em{font-style:normal;color:var(--accent-text)}.wrap{max-width:1240px;margin:auto;padding-inline:clamp(1.4rem,4vw,4rem)}.topbar{height:84px;display:flex;align-items:center;gap:4rem;padding:0 clamp(1.4rem,4vw,4rem);border-bottom:1px solid var(--border-subtle)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.45rem;font-weight:600;letter-spacing:-.04em}.topbar nav{display:flex;gap:2rem;font-size:.85rem}.topbar nav a,.account{text-decoration:none;color:var(--text-secondary)}.topbar a:hover{color:var(--accent-text)}.account{margin-left:auto;font-size:.85rem;max-width:15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow,.fine,.number,code,.badge{font-family:var(--font-mono)}.eyebrow{font-size:.65rem;letter-spacing:.1em;color:var(--accent-text);font-weight:700;margin-bottom:1.5rem}.fine{font-size:.65rem;letter-spacing:.02em;line-height:1.9}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;align-items:center;padding-block:6rem}.lead{font-size:1.13rem;max-width:34rem;line-height:1.8}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.2rem;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:.8rem 1.1rem;font-weight:500;font-size:.87rem;min-height:46px;color:var(--text)}.primary{background:var(--accent);color:var(--on-accent,#17120d)}.primary:hover{background:var(--oro-200)}.secondary{background:var(--surface);border-color:var(--border-subtle)}.secondary:hover{border-color:var(--accent-text)}.text-link{font-size:.88rem;text-decoration:none}.hero-note{margin:1.9rem 0 0;font-size:.58rem}.cooking{text-align:center;position:relative;padding-top:2.5rem}.maiz{display:block;margin:0 auto 2rem;animation:turn 9s ease-in-out infinite;transform-origin:center 80%}.pan{position:relative;width:76%;max-width:300px;height:24px;border:1px solid var(--tierra-500);border-top:3px solid var(--oro-300);border-radius:3px 3px 50% 50%;margin:auto;box-shadow:0 15px 28px -19px var(--oro-500)}.pan:after{content:'';position:absolute;right:-35px;top:5px;width:38px;height:5px;border:1px solid var(--tierra-500);border-radius:2px}.fire{color:var(--accent-text);font-size:2rem;letter-spacing:1.2rem;margin-left:1.2rem;animation:heat 2s ease-in-out infinite}.cooking p{font-size:.56rem;margin-top:1rem}.steam{width:1px;height:24px;position:absolute;background:var(--tierra-600);top:0;left:42%;animation:steam 3s linear infinite}.steam-two{left:52%;animation-delay:1s}.steam-three{left:62%;animation-delay:2s}.principle{border-block:1px solid var(--border-subtle);background:var(--surface)}.principle>.wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;padding-block:2.3rem;align-items:center}.principle p{margin:0;font-size:.94rem}.principle p:first-child{font-size:1.4rem;line-height:1.6}.principle strong{font-weight:500;color:var(--text)}.section{padding-block:5rem;border-bottom:1px solid var(--border-subtle)}.section-heading{margin-bottom:3rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.number{display:block;color:var(--accent-text);font-size:.76rem;margin-bottom:1.7rem}.steps p{font-size:.9rem}.invitation{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.invitation p{max-width:30rem}.recipe{border:1px solid var(--border-subtle);border-radius:var(--radius-base);padding:2rem;background:var(--surface)}.recipe>div{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--border-subtle);font-size:.8rem}.recipe span{color:var(--text-secondary)}.recipe strong{font-weight:400}.recipe .fine:last-child{margin:1.5rem 0 0;font-size:.58rem}.learning p{max-width:38rem}.learning .button{margin-top:1rem}footer{display:flex;align-items:center;gap:2rem;min-height:150px}footer p{margin:0;font-size:.75rem}footer>a:last-child{margin-left:auto;font-size:.75rem;text-decoration:none}.skip{position:fixed;top:-100px;left:1rem;z-index:50;background:var(--accent);color:var(--on-accent);padding:.7rem}.skip:focus{top:1rem}#message:not([hidden]){position:relative;z-index:10;background:var(--surface);border-bottom:1px solid var(--border-subtle);padding:1rem clamp(1.4rem,4vw,4rem);color:var(--accent-text)}#message[data-error=true]{color:var(--danger-300)}.page{min-height:62vh;padding-block:4rem}.page.narrow{max-width:740px}.page h1{font-size:clamp(2.3rem,4vw,3.8rem)}.page-head{display:flex;justify-content:space-between;gap:2rem;align-items:start;margin-bottom:2rem}.page-head h1{margin-bottom:.6rem}.providers{display:grid;gap:.7rem;margin-top:2rem}.providers .button{justify-content:space-between}.muted{color:var(--text-secondary)}.notice{border-left:2px solid var(--accent-text);padding:1rem 1.3rem;background:var(--surface);font-size:.9rem;margin:1.5rem 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-base);padding:1.5rem;min-width:0}.card a{text-decoration:none}.card h2{font-size:1.5rem;overflow-wrap:anywhere;margin:1.5rem 0}.badge{display:inline-block;font-size:.58rem;color:var(--accent-text);border:1px solid var(--border-subtle);padding:.15rem .5rem;border-radius:var(--radius-full)}.empty{border:1px dashed var(--border-subtle);padding:3rem;text-align:center;border-radius:var(--radius-base)}code{font-size:.8em;overflow-wrap:anywhere}label{display:block;font-size:.85rem;margin:1.1rem 0 .4rem}input,select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.7rem .8rem}form .actions{margin-top:1.3rem}.status-list{padding:0;list-style:none}.status-list li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border-subtle);font-size:.85rem}.details{margin:1.5rem 0;border:1px solid var(--border-subtle);padding:1rem 1.4rem;border-radius:var(--radius-sm)}.details summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font: .7rem/1.8 var(--font-mono)}.viewer{display:block;width:100%;min-height:680px;height:72vh;border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--surface);margin:1.5rem 0}.connection-code{font:1.8rem var(--font-mono);letter-spacing:.12em;color:var(--accent-text);margin:1.5rem 0}#contenido[aria-busy=true]{opacity:.7}@keyframes turn{0%,40%,100%{transform:translateY(0) rotateY(0)}48%{transform:translateY(-14px) rotateY(180deg)}56%{transform:translateY(0) rotateY(360deg)}}@keyframes steam{0%{opacity:0;transform:translateY(10px) rotate(5deg)}40%{opacity:.5}100%{opacity:0;transform:translateY(-30px) rotate(-12deg)}}@keyframes heat{50%{opacity:.35}}
@media(max-width:900px){.topbar{gap:2rem}.topbar nav{gap:1.2rem}.hero{gap:1.5rem;padding-block:4rem}.hero h1{font-size:3.7rem}.hero .lead{font-size:1rem}.invitation{gap:2rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-wrap:wrap;padding-block:2rem;gap:1rem}footer>a:last-child{margin-left:0}}
@media(max-width:640px){.topbar{height:72px;gap:1rem}.topbar nav{margin-left:auto}.topbar nav a{display:none}.topbar nav a:first-child{display:block}.account{margin-left:0;max-width:6.2rem}.hero{display:block;padding-block:3rem}.hero h1{font-size:3.45rem}.cooking{margin-top:3rem;padding-top:2rem}.maiz{width:115px;height:130px;margin-bottom:1.5rem}.cooking .pan{max-width:220px}.principle>.wrap,.invitation{display:block}.principle>.wrap{padding-block:1.8rem}.principle p+p{margin-top:1rem}.section{padding-block:3rem}.section-heading{margin-bottom:2rem}.steps{grid-template-columns:1fr;gap:1.3rem}.steps article{border-bottom:1px solid var(--border-subtle);padding-bottom:1.2rem}.number{margin-bottom:.8rem}.recipe{margin-top:2rem;padding:1.2rem}.recipe>div{font-size:.7rem}.recipe strong{text-align:right}.grid{grid-template-columns:1fr}.page{padding-block:2.5rem}.page-head{flex-direction:column;gap:.7rem}.page-head .actions{margin:0}.viewer{min-height:500px}.actions{gap:.8rem}.connection-code{font-size:1.5rem}.empty{padding:2rem 1rem}footer{display:block}footer p{margin-block:1rem}}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2rem}.showcase-heading h2{margin-bottom:0}.showcase-heading>p{font-size:.92rem;max-width:27rem;margin-bottom:.25rem}.showcase{margin:0;border:1px solid var(--border-subtle);border-radius:var(--radius-base);background:var(--surface);overflow:hidden;box-shadow:0 30px 80px -55px #000}.showcase-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;border-bottom:1px solid var(--border-subtle);font: .64rem/1.5 var(--font-mono);color:var(--text-secondary)}.showcase-dot{display:inline-block;width:6px;height:6px;margin-right:.6rem;border-radius:50%;background:var(--accent)}.showcase-replay{font-size:.52rem;letter-spacing:.06em;color:var(--accent-text)}.showcase-screen{display:block;background:#17120d;overflow:hidden}.showcase-screen img{display:block;width:100%;height:auto;aspect-ratio:1120/744;object-fit:contain}.showcase figcaption{padding:1.5rem 1.4rem 1rem;border-top:1px solid var(--border-subtle)}.showcase-caption{display:flex;align-items:start;gap:1.2rem}.showcase-caption .number{white-space:nowrap;margin:.15rem 0 0;font-size:.65rem}.showcase-caption h3{font-size:1.15rem;letter-spacing:-.025em;margin:0 0 .4rem}.showcase-caption p{font-size:.8rem;margin:0;max-width:39rem}.showcase-full{margin-left:auto;white-space:nowrap;font-size:.54rem}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}.showcase-controls[hidden]{display:none}.showcase-steps{display:flex;flex-wrap:wrap;gap:.4rem}.showcase button{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:44px;padding:.55rem .75rem;font: .6rem/1.4 var(--font-mono)}.showcase button:hover{border-color:var(--accent-text);color:var(--text)}.showcase button[aria-current=step]{background:var(--bg);border-color:var(--accent-text);color:var(--accent-text)}.showcase-transport{display:flex;align-items:center;gap:.35rem}.showcase-transport>button:not(.showcase-toggle){font-size:1rem;min-width:44px}.showcase-toggle{min-width:155px}.showcase-note{font-size:.55rem;margin:1rem 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.showcase-controls{align-items:start;flex-direction:column}.showcase-full{display:none}}
@media(max-width:640px){.showcase-heading{display:block}.showcase-heading>p{margin:1.4rem 0 0;font-size:.86rem}.showcase-bar{padding:.7rem .8rem;font-size:.51rem}.showcase-replay{display:none}.showcase figcaption{padding:1.2rem 1rem 1rem}.showcase-caption{gap:.8rem}.showcase-caption h3{font-size:1.15rem}.showcase-caption p{font-size:.8rem}.showcase-steps{display:grid;grid-template-columns:1fr 1fr;width:100%}.showcase-step{text-align:left}.showcase-controls{gap:1rem}.showcase-transport{width:100%;justify-content:space-between}.showcase-note{font-size:.55rem}.showcase-screen{cursor:zoom-in}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}