/* ACADEMIA 360 V16 · navegación visible · ilustraciones no recortadas */
:root{--ink:#0c2b50;--navy:#0d2851;--green:#18ba75;--bg:#f2f8ff}
body{background:linear-gradient(140deg,#f4fcff,#ecf9ff 44%,#f9fbff);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.top-name{color:#006e86}.section h1{color:#122e53}
.v16-home{width:100%;padding:clamp(15px,3vw,36px);border-radius:27px;background:radial-gradient(at 10% 0%,#1868d2,#042349 72%);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:24px;box-shadow:0 12px 36px #16456c38}
.v16-home .tag{color:#abefff;letter-spacing:2px;font-weight:950;font-size:11px}.v16-home h1{color:white;font-size:clamp(27px,5vw,55px);margin:7px 0 9px;line-height:1.04;text-shadow:0 3px #00254b}.v16-home h1 em{color:#ffca48;font-style:normal}.v16-home p{color:#d5eeff;font-weight:650;line-height:1.5}
.v16-home img{width:100%;height:auto;display:block;object-fit:contain;border-radius:20px;box-shadow:0 15px 30px #001e3f38}
.v16-homeactions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:18px}
.v16-homeactions button{border:2px solid #fff4;border-radius:15px;min-height:63px;text-align:left;font-size:18px;font-weight:950;color:white;padding:10px 15px;box-shadow:inset 0 1px #ffffff60,0 7px 15px #021d4766}
.v16-homeactions button small{display:block;font-size:12px;font-weight:650;margin-left:31px}.v16-homeactions .kids{background:linear-gradient(105deg,#25aaf5,#1668ec)}.v16-homeactions .parents{background:linear-gradient(105deg,#42ca7e,#078f66)}.v16-homeactions .coaches{background:linear-gradient(105deg,#ffbd36,#f77926)}
.v16-home-mode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.v16-home-mode button{background:#244974;border:1px solid #81b3ec88;border-radius:99px;color:#fff;padding:9px 16px;font-weight:850}.v16-home-mode button.on{background:#b9efff;color:#064169}
.v16-cardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px;margin:16px 0}.v16-card{overflow:hidden;border-radius:22px;border:1px solid #d0e5f1;background:#fff;box-shadow:0 10px 26px #0c34661a}.v16-artcover{position:relative;display:block;width:100%;border:0;background:linear-gradient(#d7f6ff,#e0f9e3);padding:0;overflow:hidden}.v16-artcover img,.v16-artcover svg{width:100%;height:210px;display:block;object-fit:cover;object-position:center}.v16-artcover img{object-fit:cover}.v16-card-info{padding:14px;display:flex;flex-direction:column;gap:7px}.v16-card-info small{font-size:11px;font-weight:950;text-transform:uppercase;color:#11877b}.v16-card-info h3{font-size:17px;margin:0;color:#113454;line-height:1.28}.v16-card-info p{font-size:12px;color:#60768a;min-height:33px;margin:0}.v16-card-info .v16-cardbuttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.v16-cardbuttons button{min-height:42px;background:#0c6cb6;color:#fff;border:0;border-radius:11px;padding:7px 6px;font-size:11px;font-weight:900}.v16-cardbuttons button:first-child{background:#10a578}.v16-card .v16-time{position:absolute;top:10px;right:9px;font-size:11px;background:#fffef2e8;color:#124971;padding:6px 9px;border-radius:20px;font-weight:950}
.v16-reading{width:100%;max-width:760px;margin:auto}.v16-stage{background:#fff;border:1px solid #cee6f5;border-radius:21px;overflow:hidden;box-shadow:0 7px 22px #08356620}.v16-topline{padding:9px 13px;background:#0c3d6f;color:white;font-size:12px;font-weight:900;display:flex;gap:8px;justify-content:space-between;align-items:center}.v16-topline b{font-size:13px}.v16-heroart{position:relative;width:100%;border:0;background:linear-gradient(#d7f6ff,#e0ffe5);padding:0;display:block;overflow:hidden;min-height:160px}.v16-heroart img,.v16-heroart svg{width:100%;height:clamp(205px,36vh,370px);display:block;object-fit:contain;background:linear-gradient(180deg,#c4ebfe 0%,#d7f6fb 55%,#e8f8de 100%)}.v16-heroart img{object-fit:contain}.v16-heroart .v16-zoommark{position:absolute;right:12px;bottom:10px;padding:5px 11px;background:#08305fcf;color:#fff;font-weight:850;font-size:11px;border-radius:30px}
.v16-controls{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:7px;padding:9px;background:#e9f6ff}.v16-controls button{min-width:0;min-height:48px;border:1px solid #c4dbe9;border-radius:12px;font-weight:950;font-size:12px;background:white;color:#155179}.v16-controls button.next{background:linear-gradient(110deg,#1cd77d,#00a69c);color:white;border:0;font-size:16px;box-shadow:0 4px #008269}.v16-controls .listen{background:#1377df;color:white;border:0}.v16-controls button:disabled{opacity:.35}.v16-secondary-controls{display:flex;gap:8px;padding:0 9px 9px;background:#e9f6ff}.v16-secondary-controls button{flex:1;min-height:34px;border-radius:9px;background:#fff;border:1px solid #c9dfea;font-size:11px;font-weight:850;color:#125072}
.v16-voicecaption{margin:10px 0 12px;border:1px solid #bfe8e2;border-radius:15px;background:#ebfff8;padding:13px;font-size:16px;font-weight:850;color:#103e50;line-height:1.5}.v16-voicecaption span{display:block;font-weight:1000;letter-spacing:.6px;color:#007b6b;font-size:11px;margin-bottom:5px}.v16-detail{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.v16-detail article{background:white;border:1px solid #deebf4;border-radius:15px;padding:13px}.v16-detail article:nth-child(1){background:#fff8e6}.v16-detail article:nth-child(2){background:#eaf8ff}.v16-detail article:nth-child(3){background:#ebfff1}.v16-detail article:nth-child(4){background:#fff0ec}.v16-detail h4{margin:0 0 5px;color:#174b67;font-size:13px}.v16-detail p{font-size:13px;color:#39586a;margin:0;line-height:1.55}.v16-sessioninfo{margin-top:11px;border:1px solid #d9e8f2;border-radius:14px;padding:13px;background:white;font-size:13px;color:#49647a;line-height:1.5}.v16-sessioninfo button{border:0;background:#14b689;color:white;border-radius:10px;padding:11px;font-weight:950;min-height:42px;margin-top:8px;width:100%}
.v16-video-tools{margin-top:12px;padding:14px;border-radius:14px;background:#eaf3ff;border:1px solid #cadef2}.v16-video-tools h3{font-size:15px;margin:0 0 7px}.v16-video-tools p{font-size:12px;line-height:1.5;color:#546d83;margin:0 0 9px}.v16-video-tools a{color:#075693;font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:3px}.v16-video-tools .pill{font-size:10px;padding:5px 8px;background:#d7f4e8;color:#086d5a}
.v16-stepdots{display:flex;gap:5px;justify-content:center;padding-top:10px}.v16-stepdots i{width:12px;height:6px;background:#cadbea;border-radius:10px}.v16-stepdots i.on{width:35px;background:#11cba2}.v16-imagewrap{width:100%}.v16-imagewrap img{width:100%;height:100%;object-fit:contain;display:block}.v16-video-player{display:flex;align-items:center;gap:8px;margin:5px 0;color:#064d73;font-size:12px;font-weight:900}.v16-video-player .live{width:11px;height:11px;background:#0bc885;border-radius:50%;animation:v16pulse .9s infinite alternate}@keyframes v16pulse{to{opacity:.3;transform:scale(.5)}}
#v14Zoom .v16-imagewrap img{width:100%;max-height:78vh;object-fit:contain}#v14Zoom .v16-imagewrap{max-width:850px;margin:auto}
#sec-padres .v13-teacherlead, #sec-profesores .v13-teacherlead{display:none!important}
#sec-padres .v15-planintro{margin:9px 0;border-radius:14px}#sec-profesores .v15-planintro{margin:9px 0}
.modal:has(.v16-reading){width:min(830px,97vw);max-height:94dvh;padding:12px}.modal:has(.v16-reading) .modal-bar{padding:5px 3px}
@media(max-width:820px){.v16-home{grid-template-columns:1fr}.v16-homeimg{order:-1}.v16-home p{margin-bottom:10px}}
@media(max-width:620px){.v16-home{padding:12px;gap:9px}.v16-home h1{font-size:32px}.v16-homeactions{gap:8px}.v16-homeactions button{font-size:16px;min-height:54px}.v16-homeimg{max-height:290px;object-fit:cover}.v16-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v16-artcover img,.v16-artcover svg{height:145px}.v16-card-info{padding:10px}.v16-card-info h3{font-size:14px}.v16-card-info p{font-size:11px}.v16-cardbuttons{grid-template-columns:1fr!important}.v16-cardbuttons button{min-height:36px}.v16-detail{grid-template-columns:1fr}.v16-heroart img,.v16-heroart svg{height:min(37vh,320px)}.v16-controls button{min-height:45px;font-size:11px}.v16-controls button.next{font-size:14px}}
@media(max-width:390px){.v16-controls{gap:4px}.v16-controls button.next{font-size:12px}.v16-home h1{font-size:28px}}