/* Aviso de material didáctico · Academia SICSSOM */
.mav-card{border:1px solid var(--lime,#b8be5b);border-radius:var(--r-lg,18px);padding:18px 20px;margin:0 0 20px;
  background:linear-gradient(135deg,rgba(184,190,91,.10),rgba(13,129,145,.10));position:relative;overflow:hidden}
.mav-card::after{content:"";position:absolute;right:-30px;top:-30px;width:150px;height:150px;
  background:repeating-linear-gradient(135deg,rgba(184,190,91,.18) 0 2px,transparent 2px 10px);transform:rotate(12deg)}
.mav-head{display:flex;gap:14px;align-items:flex-start;position:relative;z-index:1}
.mav-head b{display:block;font-family:var(--font-h,Montserrat),sans-serif;font-size:16px;font-weight:800;
  color:var(--text,#e3eef0);letter-spacing:-.01em}
.mav-head p{margin:4px 0 0;font-size:13.5px;color:var(--muted,#9db3b7);line-height:1.5;max-width:70ch}
.mav-badge{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--lime,#b8be5b);color:#20240a}
.mav-badge svg{width:22px;height:22px}
.mav-badge.lg{width:52px;height:52px;border-radius:15px}
.mav-badge.lg svg{width:26px;height:26px}
.mav-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;position:relative;z-index:1;min-width:0;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.mav-list a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;text-decoration:none;min-width:0;
  border:1px solid var(--line,#25393d);background:var(--card,#112024);transition:border-color .15s,transform .15s}
.mav-list a:hover{border-color:var(--lime,#b8be5b);transform:translateY(-1px)}
.mav-list li{min-width:0}
.mav-ic{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:rgba(99,172,179,.16);color:var(--aqua,#63acb3)}
.mav-ic svg{width:16px;height:16px}
.mav-tx{flex:1;min-width:0}
.mav-tx b{display:block;font-size:13.5px;font-weight:700;color:var(--text,#e3eef0);line-height:1.3}
.mav-tx small{display:block;font-size:11.5px;color:var(--muted,#9db3b7);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mav-dl{flex:none;color:var(--lime,#b8be5b)}
.mav-dl svg{width:17px;height:17px}

.mav-ov{position:fixed;inset:0;z-index:9000;background:rgba(4,12,14,.72);backdrop-filter:blur(4px);
  display:flex;align-items:center;justify-content:center;padding:20px;animation:mavIn .18s ease}
@keyframes mavIn{from{opacity:0}to{opacity:1}}
.mav-box{width:min(620px,100%);max-height:88vh;overflow-y:auto;overflow-x:hidden;border-radius:20px;
  background:var(--paper,#0e191c);border:1px solid var(--line,#25393d);box-shadow:0 30px 70px rgba(0,0,0,.55)}
.mav-top{padding:26px 28px 6px;text-align:center}
.mav-top .mav-badge{margin:0 auto 12px}
.mav-top h3{margin:0;font-family:var(--font-h,Montserrat),sans-serif;font-size:21px;font-weight:800;
  color:var(--text,#e3eef0);letter-spacing:-.02em}
.mav-top p{margin:8px auto 0;font-size:14px;color:var(--muted,#9db3b7);line-height:1.55;max-width:56ch;text-wrap:pretty}
.mav-body{padding:4px 20px 0;overflow-x:hidden}
.mav-body .mav-list{grid-template-columns:1fr}
.mav-foot{display:flex;gap:10px;justify-content:flex-end;padding:18px 20px 20px;flex-wrap:wrap}
.mav-foot .btn{min-width:150px;justify-content:center}
@media (max-width:620px){
  .mav-foot{flex-direction:column-reverse}
  .mav-foot .btn{width:100%}
  .mav-top h3{font-size:18px}
}