
@media(min-width:901px){
  #page-inicio .home-desktop-dashboard .dashboard-hero.eduque-family-banner{
    min-height:338px;
    padding:25px clamp(20px,2.8vw,38px);
    border:1px solid rgba(100,178,255,.38);
    border-radius:28px;
    background:radial-gradient(circle at 77% 45%,rgba(35,143,255,.37),transparent 39%),linear-gradient(118deg,#06183d 0%,#082e71 56%,#075cba 100%)!important;
    box-shadow:0 22px 54px rgba(6,40,105,.24),inset 0 1px 0 rgba(255,255,255,.25);
    isolation:isolate;
  }
  #page-inicio .eduque-family-banner::before{
    width:330px;height:330px;right:5%;top:-160px;opacity:.62;
    box-shadow:0 0 0 54px rgba(155,211,255,.045),0 0 0 105px rgba(155,211,255,.025);
  }
  #page-inicio .eduque-family-banner::after{width:260px;height:260px;left:39%;right:auto;bottom:-215px;opacity:.58}
  #page-inicio .eduque-family-banner .hero-content{
    min-height:286px;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr);
    gap:clamp(17px,2.8vw,38px);
    align-items:center;
  }
  #page-inicio .eduque-family-banner .eduque-family-copy{min-width:0;max-width:570px;padding:4px 0}
  #page-inicio .eduque-family-banner .premium-label{
    min-height:29px;padding:7px 11px;border:1px solid rgba(155,211,255,.29);
    border-radius:99px;background:rgba(132,198,255,.11);color:#c8e9ff;
    font-size:9px;letter-spacing:.065em;backdrop-filter:blur(8px);
  }
  #page-inicio .eduque-family-banner .premium-label svg{width:14px;height:14px;color:#78caff}
  #page-inicio .eduque-family-banner h2{
    max-width:560px;margin:18px 0 10px;color:#fff;
    font:800 clamp(23px,2.35vw,34px)/1.12 Manrope,Inter,sans-serif;
    letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px 16px rgba(0,12,50,.16);
  }
  #page-inicio .eduque-family-banner .eduque-family-subtitle{
    max-width:480px;margin:0;color:#d7e9ff;font-size:clamp(11px,.98vw,13px);
    line-height:1.55;font-weight:500;
  }
  #page-inicio .eduque-family-banner .hero-actions{gap:10px;margin-top:22px}
  #page-inicio .eduque-family-banner .hero-actions .btn{min-height:44px;padding:10px 13px;border-radius:12px;font-size:11px;white-space:nowrap}
  #page-inicio .eduque-family-banner .hero-actions .primary{
    color:#0758c9;background:linear-gradient(145deg,#fff,#e9f6ff);
    box-shadow:0 11px 25px rgba(2,18,61,.22),inset 0 1px 0 #fff;
  }
  #page-inicio .eduque-family-banner .hero-actions .outline{
    color:#f2f9ff;background:rgba(255,255,255,.095);
    border:1px solid rgba(210,238,255,.43);
  }
  #page-inicio .eduque-family-banner .eduque-family-visual{
    position:relative;display:grid;place-items:center;align-content:center;
    min-width:0;min-height:282px;padding:18px 7px 28px;
  }
  #page-inicio .eduque-family-banner .eduque-family-visual::before{
    content:"";position:absolute;inset:5% 3%;border-radius:50%;
    background:radial-gradient(ellipse,rgba(79,183,255,.27),rgba(26,110,222,.12) 45%,transparent 70%);
    filter:blur(9px);pointer-events:none;
  }
  #page-inicio .eduque-family-banner .eduque-family-photo{
    position:relative;width:100%;max-width:570px;aspect-ratio:2/1;
    padding:6px;border:1px solid rgba(194,230,255,.62);border-radius:24px;
    background:linear-gradient(135deg,rgba(200,233,255,.3),rgba(255,255,255,.07));
    box-shadow:0 23px 48px rgba(1,14,51,.37),inset 0 1px 0 rgba(255,255,255,.68);
    transform:rotate(-1.1deg);
  }
  #page-inicio .eduque-family-banner .eduque-family-photo img{
    display:block;width:100%;height:100%;border-radius:18px;object-fit:cover;object-position:center;
    background:linear-gradient(140deg,#bce7ff,#2464bc);color:transparent;
  }
  #page-inicio .eduque-family-banner .eduque-family-photo::after{
    content:"";position:absolute;inset:6px;border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 30%,rgba(3,28,82,.15));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);pointer-events:none;
  }
  #page-inicio .eduque-family-banner .eduque-family-caption{
    position:relative;display:inline-flex;align-items:center;gap:8px;max-width:95%;
    margin-top:-11px;padding:9px 14px;border:1px solid rgba(170,221,255,.38);
    border-radius:99px;background:rgba(5,37,91,.83);color:#f5fbff;
    box-shadow:0 10px 25px rgba(1,18,52,.26);backdrop-filter:blur(14px);
    font:800 10px/1.1 Manrope,Inter,sans-serif;letter-spacing:.01em;
  }
  #page-inicio .eduque-family-banner .eduque-family-caption::before{
    content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#8bd9ff;
    box-shadow:0 0 11px rgba(130,215,255,.9);
  }
  #page-inicio .eduque-family-banner .hero-score{
    position:absolute;right:-4px;top:1px;display:grid;width:76px;height:76px;
    border:1px solid rgba(201,236,255,.62);border-radius:20px;
    background:linear-gradient(145deg,rgba(12,91,201,.93),rgba(7,37,104,.95));
    box-shadow:0 15px 30px rgba(1,18,53,.35),inset 0 1px 0 rgba(255,255,255,.33);
    transform:rotate(5deg);
  }
  #page-inicio .eduque-family-banner .hero-score b{font-size:24px;line-height:1}
  #page-inicio .eduque-family-banner .hero-score small{font-size:6px;line-height:1.15;letter-spacing:.06em}
}
@media(min-width:901px) and (max-width:1180px){
  #page-inicio .home-desktop-dashboard .dashboard-hero.eduque-family-banner{padding:21px 19px;min-height:350px}
  #page-inicio .eduque-family-banner .hero-content{grid-template-columns:minmax(0,1.07fr) minmax(225px,.93fr);gap:16px}
  #page-inicio .eduque-family-banner h2{font-size:clamp(20px,2.35vw,26px)}
  #page-inicio .eduque-family-banner .hero-actions .btn{font-size:10px;padding:9px 11px}
  #page-inicio .eduque-family-banner .eduque-family-subtitle{font-size:11px}
  #page-inicio .eduque-family-banner .hero-score{right:-2px;top:8px;width:64px;height:64px}
  #page-inicio .eduque-family-banner .hero-score b{font-size:20px}
}
@media(prefers-reduced-motion:reduce){
  #page-inicio .eduque-family-banner .eduque-family-photo{transform:none}
  #page-inicio .eduque-family-banner .hero-score{transform:none}
}
