/* Aula · Azul Niebla 1.1 · Override para la estructura PHP existente
   Cargar DESPUES de assets/style.css. No modifica flujo ni datos. */
:root {
 --ink:#253746; --green:#385E78; --muted:#526675; --bg:#F3F6F7;
 --line:#D4E0E7; --soft:#E1EBF0; --red:#9B4050;
 --aula-surface:#FFFFFF; --aula-hover:#EAF1F5;
 --aula-shadow:0 10px 34px rgba(36,63,83,.055);
}
html {color-scheme:light; scroll-behavior:smooth}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
a{color:var(--green)}a:hover{color:#294B64}
:focus-visible{outline:3px solid #547C9E;outline-offset:3px}
button,.button{border-color:#C4D5E0;border-radius:11px;color:var(--ink);background:#FFF;transition:background .18s,border-color .18s,transform .18s}
button:hover,.button:hover{border-color:#789CB1;background:var(--aula-hover)}
.primary{background:#385E78;border-color:#385E78;color:#FFF}
.primary:hover{background:#294B64;border-color:#294B64;color:#FFF}
.quiet{background:transparent}
.danger{color:#9B4050;border-color:#E5BEC5}.danger:hover{background:#FBEFF1}
aside{background:#F9FBFC;border-right:1px solid var(--line);box-shadow:2px 0 20px rgba(40,66,85,.025)}
.brand{font-family:Georgia,serif;color:var(--ink)}.brand span{color:#7FA6BF}
nav a{border-radius:11px;transition:background .15s,color .15s}
nav a:hover{background:#EAF1F5;color:#294B64}
nav a.active{background:#DEEAF1;color:#294B64;font-weight:700;box-shadow:inset 3px 0 #385E78}
.account{border-top:1px solid var(--line)}
main{max-width:1520px}
header{border-bottom:1px solid var(--line)}.wordmark{color:var(--ink)}
.badge{background:#E7F0F5;border-color:#CBDCE7;color:#35566B}
.intro{padding-top:35px}
h1,h2{color:var(--ink);letter-spacing:-.025em}
h1{font-size:clamp(34px,4vw,46px)}h2{font-size:clamp(24px,3vw,30px)}
h3{color:var(--ink)}p{color:var(--muted);line-height:1.8}
.eyebrow{color:#50738B;font-weight:700}
.panel,.subject{background:#FFF;border:1px solid #D9E4EA;box-shadow:var(--aula-shadow)}
.panel{border-radius:19px}
.hero{background:linear-gradient(125deg,#DDE9F0 0%,#EFF5F8 100%);border:1px solid #D4E3EC;border-radius:19px}
.hero p{color:#465E6C}
.subject{border-radius:17px;transition:transform .16s,box-shadow .16s,border-color .16s}
.subject:hover{transform:translateY(-3px);border-color:#A6C1D2;box-shadow:0 14px 30px rgba(36,63,83,.095)}
.icon{background:#E3EDF3;color:#385E78}
.notice,.message{background:#EAF2F7;border:1px solid #CADDE8;color:var(--ink)}
.notice p,.message p{color:var(--muted)}
.error{background:#FBEFF1;border-color:#E6C1CA;color:#8F3548}
label{color:#324B5B;font-size:14px}
input,select,textarea{border:1px solid #A9BFCE;border-radius:11px;background:#FFF;color:var(--ink);min-height:44px}
textarea{min-height:105px}input[type=checkbox]{min-height:auto;accent-color:#385E78}
input:focus,select:focus,textarea:focus{border-color:#385E78;outline:2px solid #B9D3E5;outline-offset:1px}
.flash-card{background:#E7F0F5;border:1px solid #C8DCE8;border-radius:16px}
.flash-card>p{color:var(--ink)}
.clock{color:#385E78;font-variant-numeric:tabular-nums}
.stats strong{color:#385E78}
.art>div{background:#E4EEF4;border-color:#D1E1EA;color:var(--ink)}
.art>div:nth-child(2){background:#EDF3F7}.art>div:nth-child(3){background:#F8FBFC}
footer{border-top:1px solid var(--line);margin-top:40px}
/* Comodidad: lectura de apuntes largos y legibilidad */
#note-content,textarea[name="content"]{line-height:1.85;font-size:16px}
.list-item{line-height:1.7}
.list-item p,.panel p{line-height:1.8}
/* Movil */
@media(max-width:960px){aside{background:#F9FBFC;border-right:0;border-bottom:1px solid var(--line);box-shadow:none}main{padding:22px}}
@media(max-width:640px){body{font-size:15.5px}.panel{padding:20px}.hero{padding:24px}h1{font-size:35px}nav a{min-height:41px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button,.subject,nav a{transition:none}.subject:hover{transform:none}}