/* Aula Norte: identidad propia. Verde pino, papel y ámbar. Prefijo fo-. Helpers: fa- (estudio) y fb- (aula). */
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(../a/manrope-500.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(../a/manrope-600.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(../a/manrope-700.woff2) format("woff2")}
.fo{--pi:#0b3a36;--pi2:#12504a;--pi3:#0f766e;--pa:#faf7f0;--pa2:#ece8dc;--am:#4fdcb8;--am2:#9af2d6;--tx:#10201d;--mu:#4f625c;--ln:rgba(11,58,54,.13);--w:#fff;--ok:#1f7a4d;--bad:#c9453a;--warn:#c98512;--se:"Iowa Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
 background:var(--pa);color:var(--tx);font:500 14px/1.5 Manrope,system-ui,sans-serif;flex-direction:row}
.fo h1,.fo h2,.fo h3,.fo-brand span{font-family:var(--se);letter-spacing:-.01em}
.fo .a-stack{background:var(--pa)}
.fo .a-scr{padding:clamp(18px,3vw,40px);transform:translateY(10px)}
.fo .a-scr.on{transform:none}.fo .a-back .a-scr:not(.on),.fo .a-scr.out{transform:translateY(-6px)}
.fo-h1{font-size:clamp(28px,3.4vw,44px);line-height:1.06;font-weight:700;margin:4px 0 6px}
.fo-sub{color:var(--mu);max-width:62ch}
.fo .a-k{color:var(--pi3)}
.fo .a-card{background:var(--w);border-color:var(--ln);border-radius:16px}
.fo .a-btn{background:var(--pi);color:#fff;width:auto;padding:12px 22px;border-radius:12px}
.fo .a-btn.am{background:var(--am);color:var(--pi)}.fo .a-btn.ghost{background:none;color:var(--pi);border:1.5px solid var(--ln)}
.fo .a-chip.on{background:var(--pi);border-color:var(--pi)}
.fo .a-prog i{background:var(--pi3)}.fo .a-prog.am i{background:var(--am)}
.fo .a-tag{background:rgba(15,118,110,.12);color:#0b5f57}.fo .a-tag.w{background:rgba(217,154,28,.18);color:#7a4f00}.fo .a-tag.ok{background:rgba(31,122,77,.14);color:var(--ok)}.fo .a-tag.bad{background:rgba(201,69,58,.13);color:#a8342a}
.fo .a-toast{background:var(--pi)}
.fo .a-sheet{background:var(--w)}
/* barra: lateral en escritorio, inferior en móvil */
.fo-nav{flex:none;width:252px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:2px;padding:20px 14px;background:var(--pi);color:#e9efe9;border:0;overflow-y:auto;scrollbar-width:none}
.fo-nav::-webkit-scrollbar{display:none}
.fo-brand{display:flex;align-items:center;gap:11px;padding:2px 8px 14px}
.fo-brand i{width:38px;height:38px;border-radius:10px;background:var(--am);color:var(--pi);display:grid;place-items:center;font:700 15px var(--se);font-style:normal;flex:none}
.fo-brand span{font-size:19px;font-weight:700;line-height:1.1;color:#fff}.fo-brand small{display:block;font:500 12px Manrope,sans-serif;color:#9fb8ae;margin-top:2px}
.fo-who{margin:0 4px 8px;padding:12px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;flex-direction:column;gap:2px;font-size:12px;color:#b9cdc4}.fo-who b{color:#fff;font-size:14px}.fo-who em{font-style:normal;color:var(--am2);font-weight:700}
.fo-grp{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#a9c4ba;font-weight:700;padding:14px 10px 4px}
.fo-nav button{flex-direction:row;gap:11px;justify-content:flex-start;font-size:13.5px;font-weight:600;color:#c8d8d0;padding:9px 10px;border-radius:10px;width:100%;text-align:left}
.fo-nav button svg{width:19px;height:19px}
.fo-nav button:hover{background:rgba(255,255,255,.07)}
.fo-nav button.on{background:rgba(255,255,255,.13);color:#fff}.fo-nav button.on svg{stroke:var(--am2)}
.fo-mas{display:none!important}
.fo-mas-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:18px}
.fo-mas-l button{display:flex;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--ln);font-weight:700;color:var(--pi)}
.fo-mas-l svg{width:22px;height:22px;stroke:var(--pi3);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:899px){
 .fo{flex-direction:column-reverse}
 .fo-nav{width:auto;flex-direction:row;justify-content:space-around;padding:6px 4px calc(8px + env(safe-area-inset-bottom));gap:0;overflow:visible;border-top:1px solid rgba(255,255,255,.1)}
 .fo-brand,.fo-who,.fo-grp{display:none}
 .fo-nav button{display:none;flex-direction:column;gap:3px;font-size:12px;justify-content:center;align-items:center;padding:6px 4px;width:auto;flex:1;text-align:center}
 .fo-nav button.fo-m,.fo-nav button.fo-mas{display:flex!important}
 .fo .a-scr{padding:16px 16px 22px}
 .fo .a-toast{bottom:16px}
}

/* revision 2: tactiles, contraste, huecos */
.fo{--mu:#4f625c}
.fo .a-tag.ok{color:#17633d}
@media(min-width:900px){.fb-ll{grid-template-columns:repeat(2,minmax(0,1fr))}.fb-up{align-items:stretch}.fb-up>.fb-q,.fb-up>div:last-child>.a-card{height:100%}}
@media(max-width:899px){.fo .a-chip,.fb-lg,.fa-mkb{min-height:40px}.fb-sw{min-height:40px}.fb-li .fb-sw{padding-right:14px}.a-scr[data-s=venta]{padding-bottom:0}}

.fo small{font-size:12px}
@media(min-width:900px) and (max-height:880px){.fo-nav{padding:12px 12px}.fo-brand{padding:0 8px 8px}.fo-who{margin-bottom:2px;padding:8px 12px}.fo-grp{padding:8px 10px 2px}.fo-nav button{padding:6px 10px}}
@media(min-width:900px) and (max-height:740px){.fo-nav{padding:8px 12px;gap:0}.fo-who{display:none}.fo-grp{padding:5px 10px 1px}.fo-nav button{padding:4px 10px;font-size:13px}.fo-nav button svg{width:17px;height:17px}.fo-brand{padding-bottom:4px}}
/* superficies claras: el verde pino queda como acento y texto */
.fo-nav{background:#fffdf8;color:#3d5650;border-right:1px solid var(--ln)}
.fo-brand span{color:var(--pi)}.fo-brand small{color:var(--mu)}
.fo-who{background:#f3efe3;color:var(--mu)}.fo-who b{color:var(--pi)}.fo-who em{color:#0b5f57}
.fo-grp{color:#5b6f69}
.fo-nav button{color:#3d5650}.fo-nav button:hover{background:rgba(11,58,54,.06)}
.fo-nav button.on{background:#d9f4ea;color:var(--pi)}.fo-nav button.on svg{stroke:#0f766e}
@media(max-width:899px){.fo-nav{border-right:0;border-top:1px solid var(--ln)}}