/* Portada y menú lateral ajustados al boceto aprobado (se carga después de anime.css) */
#sidebar{background:linear-gradient(160deg,#1e3149,#131f33);clip-path:polygon(0 0,100% 0,86% 100%,0 100%);padding-right:34px}
#sidebar>a.guide-access{display:none!important}
.brand{margin-bottom:6px}
.nav-caption{margin:22px 0 4px}
nav{gap:3px}
nav a{padding:9px 16px;font-size:17px;gap:14px;border-radius:40px;transition:background .15s}
nav a:not(.active):hover{background:#ffffff14}
nav .nav-icon{width:25px;height:25px}
nav a[data-route=progreso]{margin-top:12px;padding-top:16px;border-top:2px solid #ffffff40}
nav a[data-route=progreso],nav a[data-route=docente]{font-size:15.5px}
.sidebar-bottom{flex:1;min-height:90px}
@media(min-width:1600px){
  #sidebar{width:270px;padding:32px 40px 26px 22px}
  .shell{margin-left:250px}
  nav a{font-size:19px;padding:10px 18px}
  nav .nav-icon{width:27px;height:27px}
  .brand{font-size:34px}
}
@media(max-width:1100px) and (min-width:761px){#sidebar{padding-right:26px}nav a{font-size:15px;padding:9px 11px}}
@media(max-width:760px){#sidebar{clip-path:none;padding-right:19px}}
/* Cabecera: imagen a doble resolución, sin ampliarse por encima de su tamaño real */
.anime-banner{background-image:url('assets/images/portada-hd.jpg?v=1');background-size:cover;background-position:right top;max-height:min(42vw,52vh);aspect-ratio:auto;height:min(34.2vw,52vh)}
@media(max-width:760px){.anime-banner{height:auto;aspect-ratio:1331/470;max-height:none}}
.hero-profile{height:23%}

/* Pie: ayuda, contacto y redes de Educalandia */
footer{align-items:center;flex-wrap:wrap}
footer .footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:12px}
footer .footer-contact{background:var(--navy);color:#fff;padding:7px 14px;border-radius:20px}
footer .footer-social{display:flex;gap:6px}
footer .footer-social a{padding:6px 12px;border-radius:20px;background:#eef1f7;color:var(--ink)}
footer .footer-social a:nth-child(2){background:#ffe0ee}footer .footer-social a:nth-child(3){background:#fff0c9}
footer .footer-links a:hover{filter:brightness(.94)}
@media(max-width:760px){footer .footer-links{justify-content:flex-start}}
@media print{footer .footer-links{display:none}}
/* Barra superior: contacto y redes */
.top-social{display:flex;gap:6px}
.top-social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid #182342;color:#182342;text-decoration:none;transition:transform .15s}
.top-social a:hover{transform:translateY(-2px)}.top-social a:focus-visible{outline:3px solid #8561d8;outline-offset:2px}
.top-social .s-x{background:#fff}.top-social .s-ig{background:#ffe0ee;color:#c13584}.top-social .s-yt{background:#fff0c9;color:#e62117}
@media(max-width:1100px){.top-actions a.top-contact{padding:8px 12px}}
@media(max-width:760px){.top-social{display:none}.top-actions a.guide-access{font-size:0;gap:0;padding:8px 10px;min-width:44px}.top-actions a.guide-access b{font-size:14px}.topbar .breadcrumb{min-width:0;overflow:hidden}}