/* PRI 06: identidad de Primaria y ajustes del laboratorio. */
[hidden]{display:none!important}
body{font-family:Arial,"Segoe UI",sans-serif}
h1,h2,h3,h4,.brand,.bubble b{font-family:Georgia,"Times New Roman",serif}
.fs-header,.fs-trail{padding-inline:20px}
.topbar{position:relative;max-width:1480px;margin:auto;border:1px solid var(--line);border-radius:14px}
.hero,.route,.screen{border-width:1px;box-shadow:0 4px 20px #193d3505}
.hero .hook{max-width:60ch}
.screen{scroll-margin-top:20px}
.stops{grid-template-columns:repeat(6,minmax(0,1fr))}
.stop{min-width:0;overflow-wrap:anywhere}
.sim-steps span{min-width:0;overflow-wrap:anywhere;font-size:.75rem}
.flip .in{display:block;width:100%;height:100%;min-width:0}
.flip .fa,.flip .ba{overflow-wrap:anywhere}
.rounds{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.round{min-width:0}.round input{max-width:100%}
.wrap,.hero>*,.cls-row>*,.groups>*,.board-cols>*{min-width:0}
.btn{justify-content:center;text-align:center}
.brand{text-decoration:none}
.fs-session-note{line-height:1.5}
.board-on .fs-header,.board-on .fs-trail,.board-on .fs-education-context{display:none!important}
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .tb[aria-selected="true"]{color:#271b10}
:root[data-theme="dark"] .btn.ghost{color:var(--accent-ink)}
@media(min-width:1024px){main{max-width:1480px;margin:auto;padding-inline:40px}}
@media(max-width:600px){
 .stops{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cls-row{grid-template-columns:1fr}.cls-row .opts{flex-wrap:wrap}
 .hero,.screen,.route{padding:14px 12px}.row>*{max-width:100%}
 .creatures{gap:5px}.cr{width:calc((100% - 10px)/3);min-width:70px}
 .pool .cr,.tests .cr{width:auto;min-width:0}
 .opts .card-opt{max-width:100%}.topbar .wrap{gap:6px}
 .fs-header nav{min-width:0}.fs-session-note{font-size:.85rem}
}
@media print{.fs-header,.fs-trail,.fs-education-context{display:none!important}}
