/* Directorio del aula: integrado con la identidad de Freesamia. */
.aula-directory { background:#f8faf7; color:#193d35; }
.aula-directory .breadcrumb { margin-top:24px; font-size:13px; color:#526a60; }
.aula-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:center; padding:60px 0 64px; }
.aula-hero h1 { font:400 clamp(40px,5vw,64px)/1.08 Georgia,serif; letter-spacing:-2px; margin:18px 0 24px; }
.aula-hero h1 em { color:#23755e; }
.aula-hero p,.aula-route>p { font-size:18px; line-height:1.7; max-width:55ch; color:#526a60; margin-bottom:26px; }
.aula-how { background:#fff; border:1px solid #dbe5dd; border-radius:24px; padding:30px; }
.aula-how>div { display:flex; align-items:start; gap:18px; margin-top:26px; color:#526a60; font-size:14px; }
.aula-how b { display:grid; place-items:center; width:40px; height:40px; flex-shrink:0; background:#edf3ed; border-radius:12px; color:#23755e; }
.aula-how strong { display:block; color:#193d35; font-size:17px; margin-bottom:4px; }
.aula-tag { display:inline-block; font:600 12px/1.5 Arial,sans-serif; border:1px solid #dbe5dd; padding:5px 10px; border-radius:20px; color:#526a60; background:#fff; }
.aula-section-heading { display:flex; justify-content:space-between; align-items:end; gap:24px; margin:8px 0 26px; }
.aula-section-heading h2,.aula-bottom h2,.aula-home-entry h2 { font:400 32px/1.2 Georgia,serif; margin:9px 0; }
.aula-section-heading p { font-size:14px; color:#526a60; }
.aula-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.aula-primaria { --route:#99501c; --route-soft:#fff2e5; }
.aula-tecnologia { --route:#285bb5; --route-soft:#edf3ff; }
.aula-piar { --route:#23755e; --route-soft:#eaf5ee; }
.aula-card { border:1px solid #dbe5dd; border-top:4px solid var(--route); background:#fff; border-radius:20px; padding:26px; display:flex; flex-direction:column; }
.aula-card-top { display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:24px; }
.aula-symbol { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:var(--route-soft); color:var(--route); font-size:29px; }
.aula-card h2 { font:400 27px/1.17 Georgia,serif; margin:0 0 12px; }
.aula-card p { color:#526a60; font-size:14px; line-height:1.65; }
.aula-card-intro { min-height:47px; }
.aula-available { border-top:1px solid #e4ebe5; padding-top:24px; margin-top:12px; font-size:10px; letter-spacing:1.2px; color:var(--route); font-weight:700; }
.aula-card h3 { font:600 19px/1.3 Arial,sans-serif; margin:12px 0; }
.aula-card h3 a { color:#193d35; text-decoration:none; }
.aula-card-meta { display:flex; gap:16px; font-size:12px; color:#526a60; margin:16px 0 24px; }
.aula-cta { display:flex; justify-content:space-between; color:var(--route); font-weight:600; margin-top:auto; text-decoration:none; padding-top:15px; border-top:1px solid #e4ebe5; }
.aula-bottom,.aula-home-entry { display:flex; align-items:center; justify-content:space-between; gap:28px; background:#edf3ed; padding:30px; border:1px solid #dbe5dd; border-radius:20px; margin:44px 0; }
.aula-bottom p,.aula-home-entry p { color:#526a60; max-width:62ch; margin:8px 0 0; }
.aula-home-entry .button,.aula-bottom .button { flex-shrink:0; }
.aula-route { padding:48px 0; }
.aula-route h1 { font:400 clamp(36px,5vw,56px)/1.12 Georgia,serif; max-width:22ch; margin:16px 0 22px; }
.aula-lesson { display:grid; grid-template-columns:64px 1fr 180px; gap:24px; border:1px solid #dbe5dd; border-radius:20px; background:#fff; padding:32px; }
.aula-lesson-number { color:var(--route); font:400 42px Georgia,serif; }
.aula-lesson h2 { font:400 32px/1.2 Georgia,serif; margin:18px 0 14px; }
.aula-lesson p { color:#526a60; max-width:55ch; }
.aula-lesson-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.aula-lesson-art { display:grid; place-items:center; background:var(--route-soft); border-radius:18px; font:80px Georgia,serif; color:var(--route); }
.aula-route-note { margin:24px 0 60px; color:#526a60; }
html body .site-header nav a:nth-child(5) { --nav-color:#99501c; --nav-soft:#fff2e5; }
@media(max-width:900px) { .aula-hero { gap:28px; }.aula-grid { grid-template-columns:1fr; }.aula-card-intro { min-height:0; }.aula-lesson { grid-template-columns:48px 1fr; }.aula-lesson-art { display:none; } }
@media(max-width:620px) { .aula-hero { grid-template-columns:1fr; padding:36px 0; }.aula-hero h1 { letter-spacing:-1px; }.aula-section-heading,.aula-bottom,.aula-home-entry { align-items:start; flex-direction:column; }.aula-lesson { grid-template-columns:1fr; padding:22px; gap:10px; }.aula-how { padding:22px; }.aula-section-heading h2 { font-size:28px; } }
@media(max-width:740px) { html body.aula-directory .resource-directory tbody td:last-child::before { content:"Duración "; } }