/* HistoriaActiva product identity, scoped to screen to preserve printable worksheets. */
@media screen{
:root{--ink:#18344b;--green:#087397;--bg:#fffbef;--line:#e8debf;--muted:#526776}
body{font-family:Figtree,system-ui,sans-serif;background:var(--bg)}
header{background:#fffdf5;border-bottom:1px solid #e8debf;padding:20px max(20px,4vw);gap:18px}
.brand{font-size:28px;color:#087397;letter-spacing:-1px;position:relative;padding-left:48px;line-height:1.15}
.brand:before{content:'HA';position:absolute;left:0;top:2px;width:38px;height:43px;display:grid;place-items:center;border-radius:5px 10px 10px 5px;background:#f28c19;color:#fff;border-left:4px solid #b55b10;font-size:15px;letter-spacing:0;box-shadow:3px 3px 0 #ffd359}
.brand span{color:#b97700}.brand small{font-size:9px;color:#667586;letter-spacing:1.5px;margin-top:5px}
nav{gap:7px}nav button{font-size:13px;padding:10px 13px;border-radius:11px;background:transparent;border-color:transparent;color:#40586a}
nav button:hover{background:#fff0c7;border-color:#ecd789}nav button.active{background:#087397;color:white;box-shadow:0 3px 0 #065975}
main{max-width:1280px;padding-top:30px}h1,h2,h3{color:#123f58;letter-spacing:-.5px}h1{font-weight:900}h2{font-size:28px}.eyebrow{color:#087397;letter-spacing:1.5px;font-size:11px}.lead{color:#526776}
button,.button{border-color:#d9dfe1;border-radius:11px;transition:background .15s;line-height:1.4}button:hover,.button:hover{background:#fff0c7;color:#18344b}
.primary{background:#087397;border-color:#087397;color:white}.primary:hover{background:#065d7b;border-color:#065d7b;color:white}
.hero{background:linear-gradient(120deg,#fff3ca,#fffbef 62%);color:#18344b;padding:38px;border:1px solid #ead898;border-radius:26px;box-shadow:0 10px 28px #9a6c1810;position:relative;overflow:hidden}
.dashboard-hero{grid-template-columns:1.08fr 1fr;gap:28px}.hero h1{font-size:clamp(30px,3.5vw,45px);margin:16px 0}.hero .eyebrow{color:#976100}.hero .lead{color:#526776;font-size:17px;line-height:1.65}.hero .actions{margin-top:24px;gap:10px}
.hero .primary{background:#087397;border-color:#087397;color:white}.hero .primary:hover{background:#065d7b;color:white}.hero button:not(.primary){background:#fff;border-color:#e3d6b5;color:#24475c}
.dashboard-image{object-fit:contain;max-height:380px;border-radius:14px;filter:drop-shadow(0 8px 12px #b4771620)}
.stats{gap:15px;margin:24px 0}.stat{background:#fff;border-color:#e8debf;padding:22px;border-radius:18px;font-size:13px;color:#526776;border-top:3px solid #efbc35}.stat b{font-size:34px;line-height:1.2;color:#087397;margin-bottom:6px;font-weight:900}
.card,.panel,.welcome-steps,.my-desk,.reading-panel,.quiz-panel{border-color:#e8debf;box-shadow:0 5px 18px #84631608}.card{border-radius:19px}.badge{background:#fff0bc;color:#725300;border:1px solid #efde9e;padding:5px 9px;font-weight:800;font-size:10px;letter-spacing:.7px}
.collection-cover{height:225px;background:linear-gradient(120deg,#fff5d8,#fffdf6);padding:14px;object-fit:contain;border-bottom:1px solid #f0e6cb}.collection-copy{padding:23px}.collection-copy h3{font-size:21px;color:#087397}.collection-copy p{font-size:14px;line-height:1.6}.collection-copy button{width:100%;padding:13px;margin-top:auto}
.welcome-steps{border-left:4px solid #f5b72b}.three b{color:#087397}.three article{padding:15px;border-radius:13px;background:#fffaf0}.my-desk{background:#fffdf6}.section-title{margin-top:40px}.section-title h2{margin-right:12px}
.activity-art{background:linear-gradient(120deg,#087397,#144866);border-radius:12px;padding:22px;border-bottom:4px solid #f3bd35;min-height:110px}.activity-art span{color:#ffe19a;font-size:10px;font-weight:800;letter-spacing:1px}.activity-art strong{color:#fff;font-size:21px;line-height:1.25}.activity-card .actions button.primary{flex:1}.activity-card h3{font-size:20px}.edition-card{background:linear-gradient(135deg,#fffdf7,#fff1c6)}.edition-art{color:#d89411}.filters{border-color:#e8debf;box-shadow:0 4px 16px #84631608}.filters input,.filters select{border-color:#d1dce1}.filters label{color:#294d63}
input,select,textarea{border-color:#cbd9df;color:#18344b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d39808;outline-offset:3px}
.dialog-tools{background:#fff7df;border-bottom:1px solid #e8debf}.dossier,.lesson-stage,.quiz-feedback{background:#fffae9;border-left-color:#087397}.guide{background:#fffdf6}.projector{background:#143f5a}.projector h1{color:#fff}.projector .eyebrow{color:#ffdf8c}.projector-timeline{border-color:#f4bd32}.topic-timeline{border-color:#d49d26}.admin-links{background:#fff3cf}.status{color:#087397}.empty{border-color:#d6c79e}.file-row{border-color:#eadfbe}
footer{background:#fff7df;color:#667586;border-top:1px solid #e8debf}footer a{color:#087397}
@media(max-width:1000px){header{align-items:flex-start}nav{width:100%}.dashboard-hero{gap:18px}.collections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){header{padding:18px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}nav button{font-size:11px;padding:10px 5px;min-height:44px}.brand{font-size:25px}.hero{padding:25px}.dashboard-hero{grid-template-columns:1fr}.hero h1{font-size:32px}.hero .lead{font-size:15px}.dashboard-image{max-height:270px;width:100%;margin-top:4px}.hero .actions{display:grid;grid-template-columns:1fr}.hero .actions button{width:100%;padding:14px}.stat{padding:18px 15px}.stat b{font-size:30px}.collections{grid-template-columns:1fr}.collection-cover{height:230px}.section-title{align-items:flex-start}.section-title h2{font-size:25px}.activity-card .actions{gap:8px}.activity-card .actions button{min-height:44px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}}
}