/* HeyProfeTeach | Technical Education | Grade 11
   Estilos exclusivamente de contenido y botones; header, footer y navegación
   se controlan con sus archivos CSS generales originales. */
.eleven-grade-page .eleven-hub{border-radius:22px;background:#f5faf7}
.eleven-grade-page .eleven-hub-header{position:relative;background:linear-gradient(115deg,#e4f7ec,#f8fffb);color:#124a30;padding-right:125px!important}
.eleven-grade-page .eleven-hub-header p:last-of-type{color:#426552}
.eleven-grade-page .eleven-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:#168653}
.eleven-grade-page .eleven-grade-label{position:absolute;right:20px;top:28px;background:#d2f5df;color:#11643a;border-radius:999px;padding:8px 13px;font-weight:800;font-size:.85rem}
.eleven-grade-page .eleven-stage{position:relative;isolation:isolate;min-height:430px;padding:clamp(18px,4vw,48px);background:radial-gradient(circle at 80% 15%,#157e55,#073d2e 60%,#04271d);overflow:hidden}
.eleven-grade-page .eleven-stage-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.42}
.eleven-grade-page .eleven-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(125deg,rgba(2,29,19,.75),rgba(4,57,35,.34));pointer-events:none}
.eleven-grade-page .eleven-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,2.4vw,28px);max-width:1050px;margin:auto}
.eleven-grade-page .eleven-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;padding:30px 25px 36px;text-decoration:none;text-align:center;color:#f4fff9;border:1px solid rgba(131,255,186,.45);border-radius:22px;background:linear-gradient(150deg,rgba(14,151,89,.94),rgba(4,74,46,.96));box-shadow:0 16px 35px rgba(0,18,10,.32),inset 0 1px 0 rgba(255,255,255,.23);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.eleven-grade-page .eleven-card:nth-child(2){background:linear-gradient(150deg,rgba(19,137,76,.96),rgba(5,66,45,.98))}
.eleven-grade-page .eleven-card:nth-child(3){background:linear-gradient(150deg,rgba(17,158,105,.96),rgba(5,80,57,.98))}
.eleven-grade-page .eleven-card:nth-child(4){background:linear-gradient(150deg,rgba(12,126,76,.96),rgba(3,62,42,.98))}
.eleven-grade-page .eleven-card:hover,.eleven-grade-page .eleven-card:focus-visible{transform:translateY(-7px);box-shadow:0 24px 42px rgba(0,19,11,.45),0 0 25px rgba(90,255,163,.22);border-color:#a4ffce;color:#fff}
.eleven-grade-page .eleven-card:focus-visible{outline:3px solid #b6ffd7;outline-offset:3px}
.eleven-grade-page .eleven-card-icon{font-size:2.65rem;color:#9affcb;line-height:1;margin-bottom:17px;filter:drop-shadow(0 0 12px rgba(89,255,167,.4))}
.eleven-grade-page .eleven-card-title{font-size:clamp(1.45rem,2.3vw,2rem);font-weight:800;letter-spacing:.025em;line-height:1.15;margin-bottom:12px}
.eleven-grade-page .eleven-card-copy{font-size:.98rem;line-height:1.55;color:#e0f7e9;max-width:310px}
.eleven-grade-page .eleven-card-arrow{position:absolute;right:17px;bottom:14px;color:#aaffcf;font-size:1.15rem}
@media(max-width:767.98px){.eleven-grade-page .eleven-grid{grid-template-columns:1fr}.eleven-grade-page .eleven-card{min-height:215px}.eleven-grade-page .eleven-hub-header{padding-right:20px!important}.eleven-grade-page .eleven-grade-label{position:static;display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.eleven-grade-page .eleven-card{transition:none}}