/* HeyProfeTeach - Grade 10. Solo estilos propios de esta página. */
/* Fondo: cambiar el src de .ten-hub-background en index.html. */
.ten-hub{position:relative;isolation:isolate;overflow:hidden;min-height:580px;border-radius:24px;background:#03163d;box-shadow:0 18px 48px rgba(3,20,62,.20)}
.ten-hub-background,.ten-hub-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ten-hub-background{object-fit:cover;z-index:-2}
.ten-hub-overlay{z-index:-1;background:linear-gradient(120deg,rgba(0,15,48,.92),rgba(2,30,82,.80) 48%,rgba(0,43,105,.82));}
.ten-hub-content{padding:clamp(20px,3.5vw,48px);position:relative}
.ten-hub-heading{color:#fff;margin-bottom:32px}
.ten-hub-heading .section-eyebrow{color:#76d9ff;letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:.78rem}
.ten-hub-heading h2{color:#fff;font-weight:750}
.ten-hub-heading .text-secondary{color:#d7e9ff!important}
.ten-hub-heading .featured-badge{color:#c4f2ff;background:rgba(26,146,235,.23);border:1px solid rgba(93,212,255,.4)}
.ten-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1050px;margin:auto}
.ten-feature-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:265px;padding:35px 26px 50px;text-align:center;text-decoration:none;color:#f8fcff!important;border:1px solid rgba(111,219,255,.5);border-radius:22px;background:linear-gradient(155deg,rgba(8,95,168,.91),rgba(1,34,97,.95));box-shadow:0 18px 32px rgba(0,6,38,.33),inset 0 1px 0 rgba(173,235,255,.23);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.ten-feature-card::before{content:'';position:absolute;inset:0 0 auto;height:44%;background:linear-gradient(180deg,rgba(80,194,255,.13),transparent);pointer-events:none}
.ten-feature-card::after{content:'';position:absolute;inset:auto 0 0;height:37px;border-top:1px solid rgba(82,189,255,.23);background:repeating-linear-gradient(125deg,rgba(51,155,230,.06) 0 2px,transparent 2px 7px);pointer-events:none}
.ten-feature-icon{font-size:2.8rem;color:#52d4ff;text-shadow:0 3px 18px rgba(58,213,255,.5);margin-bottom:12px;line-height:1}
.ten-feature-title{font-size:clamp(1.45rem,2.2vw,2rem);font-weight:750;line-height:1.2;margin-bottom:12px}
.ten-feature-description{font-size:.98rem;line-height:1.55;color:#e0ecff;max-width:300px}
.ten-feature-arrow{position:absolute;right:18px;bottom:11px;color:#83eaff;font-size:1.15rem;z-index:1}
.ten-feature-card:hover,.ten-feature-card:focus-visible{transform:translateY(-6px);border-color:#7be9ff;box-shadow:0 25px 45px rgba(0,7,44,.55),0 0 22px rgba(18,162,255,.27);color:white!important}
.ten-feature-card:focus-visible{outline:3px solid #f9e45b;outline-offset:4px}
@media(max-width:767.98px){.ten-card-grid{grid-template-columns:1fr;gap:18px}.ten-feature-card{min-height:220px}.ten-hub{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.ten-feature-card{transition:none}.ten-feature-card:hover{transform:none}}