.docentes-page { background: #fbfcff; }
.teachersNavLink { color: #4b3d78 !important; }
/* Panel docente: jerarquía por tarea, con un color suave por cada bloque funcional. */
.teacherDashboardHero { position:relative; overflow:hidden; margin-top:28px; padding:42px; border:1px solid #d9d0f3; border-radius:26px; background:linear-gradient(135deg,#f7f4ff 0%,#fff 64%,#eff9ff 100%); box-shadow:0 18px 42px rgba(83,68,154,.10); }.teacherDashboardHero::before { content:""; position:absolute; right:31%; bottom:-95px; width:240px; height:240px; border-radius:50%; background:rgba(202,235,255,.35); pointer-events:none; }.teacherDashboardHero > * { position:relative; }.teacherDashboardHero .teacherHeroCopy h1 { max-width:670px; font-size:clamp(2.25rem,4.5vw,4rem); }.teacherDashboardHero .teacherTrustList span { border:1px solid rgba(47,149,216,.12); background:#fff; box-shadow:0 5px 12px rgba(37,48,68,.04); }.teacherDashboardHero .teacherHeroActions { margin-top:27px; }.teacherDashboardHero .teacherHeroAction { box-shadow:0 7px 14px rgba(37,48,68,.06); }
.teacherDashboardHero { overflow:visible; margin-top:38px; padding:30px 0 26px; border:0; border-radius:0; background:transparent; box-shadow:none; }.teacherDashboardHero::before { display:none; }.teacherDashboardHero .teacherHeroCopy h1 { max-width:720px; font-size:clamp(2.2rem,4.25vw,3.8rem); }.teacherDashboardHero .teacherTrustList span { background:#fff; }.teacherDashboardHero .teacherHeroActions { margin-top:24px; }
.teacherQuickStart { position:relative; overflow:hidden; margin-top:32px; margin-bottom:20px; border-color:#cde7f5; background:linear-gradient(135deg,#edf8ff,#fff 68%); }.teacherQuickStart::after { content:"AHORA"; position:absolute; right:30px; top:25px; color:rgba(47,149,216,.11); font-size:clamp(2rem,6vw,4.5rem); font-weight:900; letter-spacing:.08em; pointer-events:none; }.teacherQuickStartIntro,.teacherQuickActions { position:relative; z-index:1; }.teacherQuickStartIntro h2 { max-width:650px; }.teacherQuickAction { border-color:#d5e9f5; background:rgba(255,255,255,.92); }.teacherQuickAction:nth-child(2) { border-color:#cdeedf; }.teacherQuickAction:nth-child(3) { border-color:#f2dfaa; }.teacherQuickAction:nth-child(4) { border-color:#d9d0f3; }.teacherQuickAction:hover { background:#fff; }
.teacherWorkspaceBar { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; width:min(1180px,calc(100% - 40px)); margin:0 auto 32px; }.teacherWorkspaceCard { display:grid; grid-template-columns:auto 1fr; column-gap:16px; align-items:start; padding:25px; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow-card); }.teacherWorkspaceCard--folder { background:linear-gradient(135deg,#ecfbf4,#fff 72%); border-color:#ccecdf; }.teacherWorkspaceCard--week { background:linear-gradient(135deg,#f5f1ff,#fff 72%); border-color:#ddd3f8; }.teacherWorkspaceIcon { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:#fff; box-shadow:0 7px 16px rgba(37,48,68,.08); font-size:1.45rem; }.teacherWorkspaceCard h2 { margin:5px 0 7px; font-size:1.38rem; }.teacherWorkspaceCard p:not(.homeEyebrow) { margin:0; color:var(--muted); line-height:1.55; }.teacherWorkspaceButton { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:17px; padding:12px 14px; border:1px solid #a9dfca; border-radius:11px; background:#fff; color:#1b745b; font:inherit; font-weight:900; text-decoration:none; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }.teacherWorkspaceCard--week .teacherWorkspaceButton { border-color:#c6b9eb; color:#58458d; }.teacherWorkspaceButton span { display:inline-grid; place-items:center; min-width:25px; height:25px; border-radius:50%; background:var(--brand-mint-strong); color:#fff; font-size:.78rem; }.teacherWorkspaceCard--week .teacherWorkspaceButton span { background:#7865b8; }.teacherWorkspaceButton:hover { transform:translateY(-2px); box-shadow:0 10px 20px rgba(37,48,68,.10); }
.teacherFinder { position:relative; overflow:hidden; border-color:#cfe6f4; background:linear-gradient(135deg,#fff,#f8fcff); }.teacherFinder::before { content:"ACTIVIDAD"; position:absolute; right:28px; top:22px; color:rgba(47,149,216,.06); font-size:clamp(1.7rem,5vw,3.4rem); font-weight:900; letter-spacing:.08em; }.teacherFinder > * { position:relative; }.teacherFinder .filterOptions span { background:#fbfdff; }.teacherResults { margin-top:26px; margin-bottom:46px; padding:32px; border:1px solid #bee1f1; border-radius:22px; background:linear-gradient(135deg,#f4fbff,#fff 70%); box-shadow:var(--shadow-card); }.teacherResultsGrid { margin-top:4px; }.teacherResultCard { border-color:#d7eaf4; box-shadow:0 8px 18px rgba(37,48,68,.05); }.teacherResultCard:hover { transform:translateY(-3px); box-shadow:var(--shadow-card-hover); }.recommendationSummary { border-left-color:var(--brand-blue); background:#eaf7ff; color:#285c78; }
.teacherNeedCollections { margin-bottom:48px; padding:32px; border:1px solid #ddd3f8; border-radius:23px; background:linear-gradient(135deg,#f8f5ff,#fff 66%); box-shadow:var(--shadow-card); }.teacherNeedCollectionGrid { grid-template-columns:repeat(5,1fr); }.teacherNeedCollectionCard { border-color:#e0d9f2; }.teacherNeedCollectionDetail { background:linear-gradient(135deg,#f1edff,#fff 72%); }.teacherSteps { padding:16px 0 50px; }.teacherStepsGrid article { position:relative; overflow:hidden; border-color:#dce8ef; background:#fff; }.teacherStepsGrid article:nth-child(1) { background:#eef9ff; }.teacherStepsGrid article:nth-child(2) { background:#edf9f3; }.teacherStepsGrid article:nth-child(3) { background:#fff9e8; }.teacherStepsGrid article:nth-child(4) { background:#f7f2ff; }.teacherStepsGrid article::after { content:""; position:absolute; right:-22px; bottom:-24px; width:78px; height:78px; border-radius:50%; background:rgba(255,255,255,.6); }.teacherResourceBand { margin-bottom:28px; border:1px solid #f3d7cf; background:linear-gradient(135deg,#fff3ee,#fff 70%); }.teacherFaq { margin-bottom:72px; border-color:#e2e6ea; background:#fbfcfd; }.teacherFaqList details { box-shadow:none; }.teacherFaqList details[open] { border-color:#c9d1d9; box-shadow:0 8px 16px rgba(37,48,68,.05); }
.teacherFaq { width:min(1180px,calc(100% - 40px)); margin:0 auto 70px; padding:34px; border:1px solid #d8cdf8; border-radius:22px; background:linear-gradient(135deg,#f8f6ff,#fff 68%); }.teacherFaqIntro { max-width:760px; }.teacherFaqIntro h2 { margin:7px 0 11px; font-size:clamp(1.7rem,3vw,2.35rem); letter-spacing:-.035em; }.teacherFaqIntro > p:not(.homeEyebrow) { margin:0; color:var(--muted); line-height:1.65; }.teacherFaqList { display:grid; gap:10px; margin-top:25px; }.teacherFaqList details { border:1px solid var(--line); border-radius:13px; background:#fff; box-shadow:0 5px 14px rgba(37,48,68,.025); transition:border-color .2s ease,box-shadow .2s ease; }.teacherFaqList details[open] { border-color:#c9bdea; box-shadow:0 10px 22px rgba(83,68,154,.09); }.teacherFaqList summary { position:relative; padding:17px 52px 17px 18px; color:var(--ink); font-weight:900; cursor:pointer; list-style:none; }.teacherFaqList summary::-webkit-details-marker { display:none; }.teacherFaqList summary::after { content:"+"; position:absolute; top:12px; right:16px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--brand-lilac-soft); color:#6748aa; font-size:1.25rem; font-weight:500; transition:transform .2s ease,background .2s ease; }.teacherFaqList details[open] summary::after { content:"−"; background:#e4dcf6; transform:rotate(180deg); }.teacherFaqList details > div { padding:0 18px 18px; }.teacherFaqList details p { max-width:940px; margin:0; color:var(--muted); line-height:1.65; }.teacherFaqList summary:focus-visible { outline:none; box-shadow:var(--focus-ring); border-radius:13px; }
.weeklyPlannerPage { width:min(1280px,calc(100% - 40px)); margin:0 auto; padding:38px 0 70px; }.weeklyPlannerHero { display:grid; grid-template-columns:1fr 265px; gap:28px; align-items:center; padding:38px; border:1px solid #d8cdf8; border-radius:22px; background:linear-gradient(135deg,var(--brand-lilac-soft),#fff 70%); }.weeklyPlannerHero h1 { margin:8px 0 14px; font-size:clamp(2.1rem,4vw,3.35rem); letter-spacing:-.045em; line-height:1.06; }.weeklyPlannerHero p:not(.homeEyebrow) { max-width:760px; margin:0; color:var(--muted); font-size:1.06rem; line-height:1.65; }.weeklyPlannerHero aside { display:grid; gap:8px; padding:22px; border:1px solid rgba(103,72,170,.18); border-radius:17px; background:rgba(255,255,255,.72); }.weeklyPlannerHero aside strong { color:#6748aa; font-size:1.7rem; }.weeklyPlannerHero aside span { color:var(--muted); line-height:1.5; }
.weeklyPlannerControls { display:grid; grid-template-columns:.85fr 1.15fr; gap:26px; align-items:end; margin-top:25px; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-card); }.weeklyPlannerControls h2 { margin:7px 0 0; font-size:1.5rem; }.weeklyControlGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }.weeklyControlGrid label { display:grid; gap:7px; color:var(--ink); font-size:.87rem; font-weight:900; }.weeklyControlGrid select,.weeklyTaskSelect select { min-height:44px; padding:0 10px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fff; font:inherit; }.weeklyControlGrid select:focus-visible,.weeklyTaskSelect select:focus-visible { outline:none; box-shadow:var(--focus-ring); }.weeklyControlActions { grid-column:1 / -1; display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; }.weeklyControlActions button { border:0; cursor:pointer; font:inherit; }
.weeklyPlanner { margin-top:28px; padding:28px; border:1px solid #cfeafb; border-radius:20px; background:#fff; box-shadow:var(--shadow-card); }.weeklyPlannerHeading { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:21px; }.weeklyPlannerHeading h2 { margin:7px 0 0; font-size:1.6rem; }.weeklyPlannerHeading > p { max-width:310px; margin:0; color:var(--muted); text-align:right; line-height:1.5; }.weeklyPlanGrid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }.weeklyDayCard { display:flex; flex-direction:column; min-height:360px; padding:17px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 6px 16px rgba(37,48,68,.035); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.weeklyDayCard:hover { transform:translateY(-3px); border-color:#b9ace1; box-shadow:0 13px 24px rgba(83,68,154,.13); }.weeklyDayHeader { display:flex; justify-content:space-between; align-items:center; gap:8px; }.weeklyDayHeader > span { color:#6748aa; font-size:.8rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }.weeklyDayHeader i { display:grid; place-items:center; width:33px; height:33px; border-radius:10px; background:var(--brand-lilac-soft); font-style:normal; }.weeklyDayCard--vocabulario .weeklyDayHeader i,.weeklyDayCard--compartir .weeklyDayHeader i { background:var(--brand-mint-soft); }.weeklyDayCard--colorear .weeklyDayHeader i { background:var(--brand-yellow-soft); }.weeklyTaskSelect { display:grid; gap:5px; margin-top:17px; color:var(--muted); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.045em; }.weeklyTaskSelect select { min-height:39px; color:var(--ink); font-size:.88rem; text-transform:none; letter-spacing:normal; }.weeklyDayCard h3 { margin:19px 0 8px; font-size:1.13rem; }.weeklyDayCard > p { margin:0; color:var(--muted); font-size:.91rem; line-height:1.55; }.weeklyDayClose { margin-top:17px; padding:11px; border-left:3px solid var(--brand-mint); border-radius:0 9px 9px 0; background:var(--brand-mint-soft); }.weeklyDayClose strong { display:block; margin-bottom:3px; color:#1b745b; font-size:.74rem; text-transform:uppercase; letter-spacing:.04em; }.weeklyDayClose span { color:#35685a; font-size:.83rem; line-height:1.4; }.weeklyDayCard > a { display:grid; gap:3px; margin-top:auto; padding-top:17px; color:var(--brand-blue-strong); font-size:.88rem; font-weight:900; line-height:1.4; text-decoration:none; }.weeklyDayCard > a small { color:var(--muted); font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }.weeklyPlannerNote { display:flex; gap:8px; margin-top:18px; padding:18px 21px; border-left:4px solid var(--brand-yellow); border-radius:0 13px 13px 0; background:var(--brand-yellow-soft); color:#66531e; line-height:1.55; }.weeklyPlannerNote strong { flex:0 0 auto; }
.folderCreateRow { display:grid; gap:7px; margin:3px 0 14px; color:var(--ink); font-size:.86rem; font-weight:900; }.folderCreateRow > div { display:flex; gap:8px; }.folderCreateRow input,.folderSelectLabel + select { min-height:42px; padding:0 11px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#fff; font:inherit; }.folderCreateRow input { flex:1; }.folderCreateRow button { border:0; cursor:pointer; font:inherit; }.folderSelectLabel { display:block; margin-bottom:7px; font-size:.86rem; font-weight:900; }.folderSelectLabel + select { width:100%; }.folderItemList { display:grid; gap:9px; margin:18px 0 0; padding:0; list-style:none; }.folderItemList li { display:flex; justify-content:space-between; gap:14px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:11px; }.folderItemList li > div:first-child { display:grid; gap:3px; }.folderItemList span { color:var(--muted); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.folderItemList a { color:var(--ink); font-weight:900; text-decoration:none; }.folderItemList li > div:last-child { display:flex; align-items:center; gap:10px; }.folderOpenLink { color:var(--brand-blue-strong) !important; font-size:.84rem; }.folderItemList button { border:0; background:transparent; color:var(--brand-coral-strong); font:inherit; font-size:.84rem; font-weight:900; cursor:pointer; }
.teacherNeedCollections { width:min(1180px,calc(100% - 40px)); margin:0 auto 54px; }.teacherNeedCollectionsHeading { display:flex; align-items:end; justify-content:space-between; gap:24px; }.teacherNeedCollectionsHeading > div { max-width:720px; }.teacherNeedCollectionsHeading h2 { margin:7px 0 10px; font-size:clamp(1.65rem,3vw,2.35rem); letter-spacing:-.035em; }.teacherNeedCollectionsHeading p:not(.homeEyebrow) { margin:0; color:var(--muted); line-height:1.6; }.selectionButton--secondary { display:none; }
.teacherNeedCollectionGrid { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin-top:24px; }.teacherNeedCollectionCard { display:grid; gap:7px; min-height:158px; padding:16px; border:1px solid var(--line); border-radius:15px; background:#fff; color:var(--ink); text-align:left; font:inherit; cursor:pointer; box-shadow:0 5px 14px rgba(37,48,68,.035); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }.teacherNeedCollectionCard > span { display:grid; place-items:center; width:35px; height:35px; border-radius:11px; background:var(--brand-lilac-soft); font-size:1.05rem; }.teacherNeedCollectionCard:nth-child(3n+2) > span { background:var(--brand-mint-soft); }.teacherNeedCollectionCard:nth-child(3n) > span { background:var(--brand-yellow-soft); }.teacherNeedCollectionCard strong { font-size:.95rem; }.teacherNeedCollectionCard small { color:var(--muted); line-height:1.38; }.teacherNeedCollectionCard b { margin-top:auto; color:#6748aa; font-size:.77rem; }.teacherNeedCollectionCard:hover,.teacherNeedCollectionCard.is-active { transform:translateY(-3px); border-color:#b9ace1; background:#fcfbff; box-shadow:0 14px 25px rgba(83,68,154,.13); }.teacherNeedCollectionCard:focus-visible { outline:none; box-shadow:var(--focus-ring); }
.teacherNeedCollectionDetail { margin-top:16px; padding:25px; border:1px solid #d9d0f3; border-radius:18px; background:linear-gradient(135deg,#f7f5ff,#fff 63%); }.teacherNeedDetailHeading { display:flex; gap:18px; align-items:start; justify-content:space-between; }.teacherNeedDetailHeading h3 { margin:6px 0 8px; font-size:1.42rem; }.teacherNeedDetailHeading p:not(.homeEyebrow) { margin:0; color:var(--muted); line-height:1.55; }.teacherCollectionAddAll { flex:0 0 auto; padding:10px 13px; border:1px solid #b9ace1; border-radius:var(--radius-pill); background:#fff; color:#4b3d78; font:inherit; font-weight:900; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }.teacherCollectionAddAll:hover { transform:translateY(-2px); box-shadow:0 10px 20px rgba(83,68,154,.14); }.teacherDrawingMiniGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:20px; }.teacherDrawingMiniGrid article { display:flex; flex-direction:column; min-height:150px; padding:15px; border:1px solid var(--line); border-radius:13px; background:#fff; }.teacherDrawingMiniGrid article > span { color:var(--muted); font-size:.75rem; font-weight:800; }.teacherDrawingMiniGrid h4 { margin:10px 0; font-size:1rem; line-height:1.35; }.teacherDrawingMiniGrid article > div { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }.teacherDrawingMiniGrid a,.teacherDrawingMiniGrid button { padding:8px 9px; border:0; border-radius:8px; background:var(--paper); color:var(--brand-blue-strong); font:inherit; font-size:.8rem; font-weight:900; text-decoration:none; cursor:pointer; }.teacherDrawingMiniGrid button { background:var(--brand-mint-soft); color:#1b745b; }
.teacherQuickStart { width:min(1180px, calc(100% - 40px)); margin:0 auto 44px; padding:30px; border:1px solid #d9d0f3; border-radius:22px; background:linear-gradient(135deg,#f7f5ff,#fff 64%); box-shadow:var(--shadow-card); }
.teacherQuickStartIntro { max-width:710px; }.teacherQuickStartIntro h2 { margin:7px 0 10px; font-size:clamp(1.65rem,3vw,2.3rem); letter-spacing:-.035em; }.teacherQuickStartIntro > p:not(.homeEyebrow) { margin:0; color:var(--muted); line-height:1.6; }
.teacherQuickActions { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:23px; }.teacherQuickAction { display:grid; grid-template-columns:auto 1fr; column-gap:10px; align-items:center; min-height:104px; padding:16px; border:1px solid var(--line); border-radius:15px; background:#fff; color:var(--ink); text-align:left; font:inherit; cursor:pointer; box-shadow:0 6px 15px rgba(37,48,68,.04); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }.teacherQuickAction > span { grid-row:span 2; display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--brand-blue-soft); font-size:1.18rem; }.teacherQuickAction strong { font-size:.95rem; }.teacherQuickAction small { margin-top:4px; color:var(--muted); line-height:1.35; }.teacherQuickAction--calm > span { background:var(--brand-mint-soft); }.teacherQuickAction--topic > span { background:var(--brand-yellow-soft); }.teacherQuickAction--close > span { background:var(--brand-lilac-soft); }.teacherQuickAction:hover { transform:translateY(-3px); border-color:#b9ace1; background:#fcfbff; box-shadow:0 14px 25px rgba(83,68,154,.14); }.teacherQuickAction:focus-visible { outline:none; box-shadow:var(--focus-ring); }
.teacherActivityEssentials { display:grid; gap:6px; margin:0 0 14px; padding:12px; border-radius:11px; background:var(--paper); }.teacherActivityEssentials p { margin:0; color:var(--muted); font-size:.88rem; line-height:1.45; }.teacherActivityEssentials strong { color:var(--ink); }
.teacherActivityFlow { display:grid; gap:8px; padding:0; margin:0; list-style:none; }.teacherActivityFlow li { display:grid; grid-template-columns:45px 1fr; gap:9px; align-items:start; padding:10px 0; border-top:1px solid var(--line); }.teacherActivityFlow span { display:inline-grid; place-items:center; min-height:27px; border-radius:999px; background:var(--brand-lilac-soft); color:#6748aa; font-size:.72rem; font-weight:900; }.teacherActivityFlow strong { display:block; font-size:.84rem; }.teacherActivityFlow p { margin:2px 0 0; color:var(--muted); font-size:.87rem; line-height:1.45; }.teacherAdaptation { margin-top:13px; padding:12px; border-left:3px solid var(--brand-mint); border-radius:0 10px 10px 0; background:var(--brand-mint-soft); }.teacherAdaptation strong { color:#1b745b; font-size:.8rem; }.teacherAdaptation p { margin:4px 0 0; color:#35685a; font-size:.86rem; line-height:1.45; }
.teacherHero, .teacherFinder, .teacherResults, .teacherSteps, .teacherResourceBand { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.teacherHero { display: grid; grid-template-columns: 1.35fr .65fr; gap: 36px; align-items: center; padding: 66px 0 42px; }
.teacherHeroCopy h1, .teacherSectionIntro h2, .teacherResultsHeading h2 { margin: 8px 0 14px; font-size: clamp(2rem, 4.2vw, 3.65rem); letter-spacing: -.045em; line-height: 1.04; }
.teacherHeroCopy > p:not(.homeEyebrow) { max-width: 700px; font-size: 1.08rem; line-height: 1.7; color: var(--muted); }
.teacherTrustList { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.teacherTrustList span, .teacherResultTop span { border-radius: 999px; padding: 7px 11px; font-weight: 800; font-size: .82rem; }
.teacherTrustList span { background: var(--brand-blue-soft); color: var(--brand-blue-strong); }
.teacherHeroActions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }.teacherHeroAction { display:inline-flex; margin:0; }
.teacherHeroCard { padding: 32px; background: linear-gradient(145deg, var(--brand-mint-soft), #fff); border: 1px solid #cdeedf; border-radius: 22px; box-shadow: var(--shadow-card); }
.teacherHeroNumber { display: block; color: var(--brand-mint-strong); font-size: 3.2rem; font-weight: 900; line-height: 1; }.teacherHeroCard strong { display:block; margin-top: 8px; font-size: 1.25rem; }.teacherHeroCard p { color: var(--muted); line-height: 1.6; }
.teacherCategoryCard { position:relative; overflow:hidden; isolation:isolate; padding:30px 32px 32px; border-color:#7162b4; background:linear-gradient(145deg,#6556a7 0%,#8978ca 62%,#ab9be2 100%); color:#fff; box-shadow:0 20px 42px rgba(83,68,154,.25); transition:transform .25s ease,box-shadow .25s ease; }.teacherCategoryCard::before,.teacherCategoryCard::after { content:""; position:absolute; z-index:-1; border-radius:50%; background:rgba(255,255,255,.12); }.teacherCategoryCard::before { width:190px; height:190px; right:-72px; bottom:-92px; }.teacherCategoryCard::after { width:92px; height:92px; left:-32px; top:-34px; }.teacherCategoryCard:hover { transform:translateY(-5px) rotate(.35deg); box-shadow:0 28px 52px rgba(83,68,154,.34); }.teacherCategoryLabel { display:block; margin-bottom:14px; color:#eee9ff; font-size:.78rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.teacherCategoryCard .teacherHeroNumber { color:#fff4b3; }.teacherCategoryCard strong { max-width:200px; color:#fff; }.teacherCategoryCard p { max-width:245px; color:#f5f2ff; }.teacherCategoryIcon { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(255,255,255,.35); border-radius:18px; background:rgba(255,255,255,.18); font-size:31px; line-height:1; box-shadow:0 8px 18px rgba(49,38,103,.18); transform:rotate(5deg); }
.teacherFinder { padding: 38px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: var(--shadow-card); }.teacherSectionIntro { max-width: 720px; }.teacherSectionIntro h2 { font-size: clamp(1.7rem, 3vw, 2.45rem); }.teacherSectionIntro p { color: var(--muted); line-height: 1.65; }
.teacherFilters { display: grid; gap: 25px; margin-top: 30px; }.teacherFilters fieldset { border: 0; padding: 0; margin: 0; }.teacherFilters legend { margin-bottom: 10px; font-size: 1rem; font-weight: 900; }.filterOptions { display: flex; flex-wrap: wrap; gap: 10px; }.filterOptions label { position: relative; cursor: pointer; }.filterOptions input { position: absolute; opacity: 0; }.filterOptions span { display: block; padding: 11px 14px; border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--muted); background: #fff; font-weight: 800; }.filterOptions input:checked + span { border-color: var(--brand-blue-strong); background: var(--brand-blue-soft); color: var(--brand-blue-strong); }.filterOptions input:focus-visible + span { outline: none; box-shadow: var(--focus-ring); }
.teacherResults { padding: 70px 0; }.teacherResultsHeading { display:flex; align-items:end; justify-content:space-between; gap: 18px; }.teacherResultsHeading h2 { font-size: clamp(1.7rem, 3vw, 2.45rem); margin-bottom: 0; }.selectionButton { border: 1px solid var(--brand-mint-strong); background: var(--brand-mint-soft); color: #1b745b; border-radius: var(--radius-pill); padding: 11px 16px; font: inherit; font-weight: 900; cursor: pointer; }.selectionButton span { display:inline-grid; place-items:center; min-width: 22px; height:22px; border-radius:50%; background: var(--brand-mint-strong); color:#fff; font-size:.8rem; }.recommendationSummary { margin: 22px 0; padding: 13px 16px; border-left: 4px solid var(--brand-yellow); background: var(--brand-yellow-soft); color: #66531e; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; font-weight: 700; }.teacherResultsGrid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.teacherResultCard { display:flex; flex-direction:column; min-height: 475px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; background:#fff; box-shadow: var(--shadow-card); }.teacherResultTop { display:flex; justify-content:space-between; gap:8px; }.teacherResultTop span:first-child { background: var(--brand-blue-soft); color: var(--brand-blue-strong); }.teacherResultTop span:last-child { background: #f3f5f8; color: var(--muted); }.teacherResultCard h3 { margin: 22px 0 14px; font-size:1.35rem; }.teacherCatalogMeta { display:flex; flex-wrap:wrap; gap:7px; margin:0 0 15px; }.teacherCatalogMeta span { padding:5px 8px; border-radius:var(--radius-pill); background:#f3f5f8; color:var(--muted); font-size:.77rem; font-weight:800; }.teacherResultCard dl { display:grid; gap:10px; margin: 0; }.teacherResultCard dl div { padding-left: 11px; border-left: 2px solid var(--line); }.teacherResultCard dt { font-size:.78rem; color:var(--muted); font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.teacherResultCard dd { margin:3px 0 0; line-height:1.45; }.teacherDrawingPick { margin:17px 0 0; padding:12px; border-radius:10px; background:var(--paper); }.teacherDrawingPick span { display:block; margin-bottom:3px; color:var(--muted); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }.teacherDrawingPick a { color:var(--ink); font-weight:900; text-decoration:none; }.teacherDrawingPick a:hover { color:var(--brand-blue-strong); }.teacherCardActions { display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:20px; }.teacherCardActions .primaryCta { padding: 10px 13px; }.saveSelection { border:0; background:transparent; color:var(--brand-blue-strong); font:inherit; font-weight:900; cursor:pointer; padding:8px 0; }.teacherTone-mint { border-top: 4px solid var(--brand-mint); }.teacherTone-coral { border-top: 4px solid var(--brand-coral); }.teacherTone-aqua,.teacherTone-blue { border-top:4px solid var(--brand-blue); }.teacherTone-yellow { border-top:4px solid var(--brand-yellow); }.teacherTone-lilac { border-top:4px solid var(--brand-lilac); }
.teacherSteps { padding: 58px 0; }.teacherStepsGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:28px; }.teacherStepsGrid article { padding:22px; background:#fff; border:1px solid var(--line); border-radius:16px; }.teacherStepsGrid span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:var(--brand-lilac-soft); color:#6748aa; font-weight:900; }.teacherStepsGrid h3 { margin:15px 0 8px; font-size:1.05rem; }.teacherStepsGrid p { margin:0; line-height:1.55; color:var(--muted); }.teacherResourceBand { display:grid; grid-template-columns: .9fr 1.1fr; gap:36px; margin-bottom:64px; padding:34px; border-radius:22px; background:var(--brand-coral-soft); }.teacherResourceBand h2 { margin:7px 0 10px; font-size:1.8rem; }.teacherResourceBand p:not(.homeEyebrow) { color:var(--muted); line-height:1.6; }.teacherResourceLinks { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; align-content:center; }.teacherResourceLinks a { padding:14px; border-radius:10px; background:#fff; color:var(--ink); text-decoration:none; font-weight:800; }.teacherResourceLinks a:hover { color:var(--brand-coral-strong); transform:translateY(-1px); }
.selectionDialog { width:min(700px, calc(100% - 32px)); padding:28px; border:0; border-radius:18px; color:var(--ink); box-shadow:var(--shadow-lift); }.selectionDialog::backdrop { background:rgba(37,48,68,.45); }.selectionDialogHeader { display:flex; justify-content:space-between; gap:20px; align-items:start; }.selectionDialogHeader h2 { margin:7px 0 18px; }.dialogClose { border:0; background:var(--paper); width:38px; height:38px; border-radius:50%; font-size:1.6rem; cursor:pointer; }.selectionList { display:grid; gap:10px; padding:0; list-style:none; }.selectionList li { display:flex; justify-content:space-between; gap:16px; padding:12px; border:1px solid var(--line); border-radius:10px; }.selectionList a { color:var(--ink); font-weight:900; }.selectionList button { border:0; background:transparent; color:var(--brand-coral-strong); font:inherit; font-weight:800; cursor:pointer; }.emptySelection { color:var(--muted); line-height:1.6; }.selectionDialogActions { display:flex; justify-content:flex-end; gap:10px; margin-top:22px; }.selectionDialogActions .secondaryCta,.selectionDialogActions .primaryCta { border:none; cursor:pointer; font:inherit; }
.activityHub, .activitySheet { width:min(1040px, calc(100% - 40px)); margin:0 auto; }.activityHub { padding:56px 0 68px; }.activityHubIntro { max-width:720px; }.activityHubIntro h1, .activitySheetHero h1 { margin:8px 0 14px; font-size:clamp(2.1rem,4vw,3.35rem); line-height:1.06; letter-spacing:-.04em; }.activityHubIntro > p:not(.homeEyebrow), .activitySheetHero > p { color:var(--muted); font-size:1.06rem; line-height:1.65; }.activityHubGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px; }.activityHubCard { display:flex; flex-direction:column; min-height:330px; padding:25px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-card); text-decoration:none; color:var(--ink); }.activityHubCard:hover { transform:translateY(-3px); box-shadow:var(--shadow-card-hover); }.activityDuration { display:inline-flex; align-self:flex-start; padding:7px 10px; border-radius:var(--radius-pill); background:var(--brand-blue-soft); color:var(--brand-blue-strong); font-weight:900; }.activityHubCard:nth-child(2) .activityDuration { background:var(--brand-mint-soft); color:var(--brand-mint-strong); }.activityHubCard:nth-child(3) .activityDuration { background:var(--brand-lilac-soft); color:#6748aa; }.activityHubCard h2 { margin:18px 0 10px; font-size:1.45rem; }.activityHubCard p { color:var(--muted); line-height:1.6; }.activityHubCard strong { margin-top:auto; color:var(--brand-blue-strong); }.activitySheet { padding:32px 0 68px; }.activityBreadcrumb { margin-bottom:26px; color:var(--muted); font-size:.92rem; }.activityBreadcrumb a { color:var(--brand-blue-strong); }.activitySheetHero { padding:34px; border-radius:22px; background:linear-gradient(135deg,var(--brand-blue-soft),#fff 72%); border:1px solid #cfeafb; }.activitySheetHero.activityTen { background:linear-gradient(135deg,var(--brand-mint-soft),#fff 72%); border-color:#caecdf; }.activitySheetHero.activityFifteen { background:linear-gradient(135deg,var(--brand-lilac-soft),#fff 72%); border-color:#dfd2fc; }.activitySummary { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }.activitySummary span { padding:8px 11px; border-radius:var(--radius-pill); background:rgba(255,255,255,.85); border:1px solid var(--line); font-weight:800; font-size:.88rem; }.activityPrint { margin-top:24px; border:0; cursor:pointer; font:inherit; }.activityMainGrid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; margin-top:26px; }.activityBlock { padding:25px; border:1px solid var(--line); border-radius:16px; background:#fff; }.activityBlock h2 { margin:0 0 15px; font-size:1.45rem; }.activityBlock p, .activityBlock li { color:var(--muted); line-height:1.6; }.activityBlock ul { padding-left:20px; margin-bottom:0; }.activityStepsList { display:grid; gap:14px; padding:0; list-style:none; counter-reset:activity-step; }.activityStepsList li { position:relative; padding:16px 16px 16px 56px; border-radius:12px; background:var(--paper); }.activityStepsList li::before { counter-increment:activity-step; content:counter(activity-step); position:absolute; top:15px; left:16px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--brand-blue); color:#fff; font-weight:900; }.activityStepsList strong { color:var(--ink); }.activityAdaptations { display:grid; gap:12px; }.activityAdaptations article { padding:15px; border-left:4px solid var(--brand-mint); background:var(--brand-mint-soft); border-radius:0 10px 10px 0; }.activityAdaptations h3 { margin:0 0 5px; font-size:1rem; }.activityAdaptations p { margin:0; }.activityDrawingLinks { display:grid; gap:9px; }.activityDrawingLinks a { padding:12px; border:1px solid var(--line); border-radius:10px; text-decoration:none; color:var(--ink); font-weight:800; }.activityDrawingLinks a:hover { border-color:var(--brand-blue); color:var(--brand-blue-strong); }.activityCallout { margin-top:22px; padding:20px 22px; border-radius:14px; background:var(--brand-yellow-soft); border-left:4px solid var(--brand-yellow); color:#66531e; line-height:1.6; }
.routinePage { width:min(1100px, calc(100% - 40px)); margin:0 auto; padding:38px 0 70px; }.routineHero { padding:38px; border:1px solid #cdeedf; border-radius:22px; background:linear-gradient(135deg,var(--brand-mint-soft),#fff 72%); }.routineHero h1 { margin:8px 0 14px; font-size:clamp(2.1rem,4vw,3.35rem); line-height:1.06; letter-spacing:-.04em; }.routineHero > p:not(.homeEyebrow) { max-width:760px; color:var(--muted); font-size:1.06rem; line-height:1.65; }.routineGrid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:28px; }.routineCard { padding:25px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-card); }.routineCard:nth-child(5) { grid-column:1 / -1; }.routineCardHeader { display:flex; justify-content:space-between; align-items:start; gap:15px; }.routineCardNumber { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:var(--brand-mint-soft); color:var(--brand-mint-strong); font-weight:900; }.routineCard h2 { margin:0; font-size:1.38rem; }.routineCardHeader p { margin:5px 0 0; color:var(--muted); font-weight:700; }.routineRecipe { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0; }.routineRecipe div { padding:11px; border-radius:10px; background:var(--paper); }.routineRecipe strong { display:block; margin-bottom:3px; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; }.routineRecipe span { color:var(--muted); font-size:.9rem; line-height:1.45; }.routineSequence { padding-left:20px; margin:0; }.routineSequence li { margin:7px 0; color:var(--muted); line-height:1.55; }.routineDrawing { display:inline-block; margin-top:18px; color:var(--brand-blue-strong); font-weight:900; }.routineWeekly { margin-top:28px; padding:25px; border-radius:18px; background:var(--brand-lilac-soft); }.routineWeekly h2 { margin-top:0; }.routineWeeklyGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.routineWeeklyGrid article { padding:14px; border-radius:12px; background:#fff; }.routineWeeklyGrid strong { display:block; margin-bottom:6px; }.routineWeeklyGrid p { margin:0; color:var(--muted); line-height:1.5; }
.plannerPage { width:min(1040px, calc(100% - 40px)); margin:0 auto; padding:38px 0 70px; }.plannerHero { padding:38px; border:1px solid #ded2fc; border-radius:22px; background:linear-gradient(135deg,var(--brand-lilac-soft),#fff 72%); }.plannerHero h1 { margin:8px 0 14px; font-size:clamp(2.1rem,4vw,3.35rem); line-height:1.06; letter-spacing:-.04em; }.plannerHero > p:not(.homeEyebrow) { max-width:760px; color:var(--muted); font-size:1.06rem; line-height:1.65; }.plannerForm { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:28px; padding:28px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-card); }.plannerForm label { display:grid; gap:8px; font-weight:900; }.plannerForm select { min-height:47px; padding:0 12px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:#fff; font:inherit; }.plannerForm select:focus-visible { outline:none; box-shadow:var(--focus-ring); }.plannerForm button { grid-column:1 / -1; justify-self:start; border:0; cursor:pointer; font:inherit; }.plannerResult { margin-top:28px; padding:30px; border:1px solid #cfeafb; border-radius:18px; background:#fff; box-shadow:var(--shadow-card); }.plannerResult[hidden] { display:none; }.plannerResultHeader { display:flex; justify-content:space-between; gap:18px; align-items:start; }.plannerResult h2 { margin:7px 0 8px; font-size:1.85rem; }.plannerResultHeader p { margin:0; color:var(--muted); line-height:1.55; }.plannerResultHeader button { flex:0 0 auto; border:0; cursor:pointer; font:inherit; }.plannerPlanGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0; }.plannerPlanGrid article { padding:14px; border-radius:12px; background:var(--paper); }.plannerPlanGrid strong { display:block; margin-bottom:5px; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; }.plannerPlanGrid span { color:var(--muted); line-height:1.45; }.plannerPlanSteps { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.plannerPlanSteps section { padding:18px; border-left:4px solid var(--brand-blue); border-radius:0 12px 12px 0; background:var(--brand-blue-soft); }.plannerPlanSteps section:nth-child(2) { border-color:var(--brand-mint); background:var(--brand-mint-soft); }.plannerPlanSteps h3 { margin:0 0 8px; }.plannerPlanSteps p { margin:0; color:var(--muted); line-height:1.6; }.plannerDrawingResult { display:block; margin-top:18px; padding:15px; border:1px solid var(--line); border-radius:12px; color:var(--ink); text-decoration:none; font-weight:900; }.plannerDrawingResult:hover { border-color:var(--brand-blue); color:var(--brand-blue-strong); }
@media (max-width: 860px) { .teacherHero { grid-template-columns:1fr; padding-top:42px; }.teacherResultsGrid, .teacherStepsGrid { grid-template-columns:repeat(2,1fr); }.teacherResourceBand, .activityMainGrid { grid-template-columns:1fr; }.activityHubGrid, .routineGrid { grid-template-columns:repeat(2,1fr); }.routineWeeklyGrid, .plannerPlanSteps { grid-template-columns:1fr; } }
@media (max-width: 620px) { .teacherHero, .teacherFinder, .teacherResults, .teacherSteps, .teacherResourceBand, .activityHub, .activitySheet, .routinePage, .plannerPage { width:min(100% - 28px, 1180px); }.teacherFinder { padding:24px 18px; }.teacherResults { padding:48px 0; }.teacherResultsHeading, .plannerResultHeader { align-items:start; flex-direction:column; }.teacherResultsGrid, .teacherStepsGrid, .teacherResourceLinks, .activityHubGrid, .routineGrid, .routineRecipe, .plannerForm, .plannerPlanGrid { grid-template-columns:1fr; }.teacherResultCard { min-height:0; }.teacherResourceBand, .activitySheetHero, .routineHero, .plannerHero, .plannerForm, .plannerResult { padding:24px; }.routineCard:nth-child(5) { grid-column:auto; }.selectionDialogActions { align-items:stretch; flex-direction:column-reverse; }.selectionDialogActions button { text-align:center; }.plannerForm button { grid-column:auto; width:100%; }.plannerResultHeader button { width:100%; } }
@media print { .siteHeader, .teacherHero, .teacherFinder, .teacherResults, .teacherSteps, .teacherResourceBand, .siteFooter, .dialogClose, .selectionDialogActions, .activityBreadcrumb, .activityPrint, .plannerHero, .plannerForm, .plannerResultHeader button { display:none !important; }.selectionDialog { position:static; display:block; width:auto; box-shadow:none; }.selectionDialog::backdrop { display:none; }.activitySheet, .routinePage, .plannerPage { width:auto; padding:0; }.activitySheetHero, .activityBlock, .routineHero, .routineCard, .routineWeekly, .plannerResult { box-shadow:none; border-color:#ccd3dc; }.activityMainGrid { display:block; }.activityMainGrid > * { margin-top:16px; }.plannerResult { margin:0; } }

/* Constructor de actividades: capa de interacción propia de la Zona Docentes. */
.plannerStudio { max-width: 1180px; }
.plannerHeroEnhanced { position:relative; display:grid; grid-template-columns:1fr 270px; gap:30px; overflow:hidden; border-color:#d8cdf8; isolation:isolate; }
.plannerHeroEnhanced::after, .plannerBuildStep::after, .plannerResultEnhanced::after { content:""; position:absolute; z-index:-1; width:280px; height:280px; left:calc(var(--pointer-x, 50%) - 140px); top:calc(var(--pointer-y, 50%) - 140px); border-radius:50%; background:radial-gradient(circle,rgba(124,200,255,.17),transparent 68%); pointer-events:none; transition:left .18s ease,top .18s ease; }
.plannerHeroSignal { align-self:center; display:grid; gap:7px; padding:23px; border:1px solid rgba(103,72,170,.17); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:var(--shadow-card); }
.plannerHeroSignal strong { color:#6748aa; font-size:1.7rem; }.plannerHeroSignal span { color:var(--muted); line-height:1.5; }
.plannerBuilder { display:grid; gap:18px; margin-top:26px; }.plannerBuildStep { position:relative; overflow:hidden; padding:26px; border:1px solid var(--line); border-radius:18px; background:#fff; box-shadow:var(--shadow-card); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }.plannerBuildStep:hover { transform:translateY(-3px); border-color:#b9ddec; box-shadow:var(--shadow-card-hover); }.plannerStepHeading { display:flex; gap:13px; align-items:flex-start; margin-bottom:21px; }.plannerStepHeading > span { display:grid; place-items:center; flex:0 0 auto; width:31px; height:31px; border-radius:50%; background:var(--brand-blue-soft); color:var(--brand-blue-strong); font-weight:900; }.plannerStepHeading h2 { margin:0; font-size:1.35rem; }.plannerStepHeading p { margin:4px 0 0; color:var(--muted); line-height:1.45; }.plannerBuildStep fieldset { border:0; padding:0; margin:19px 0 0; }.plannerBuildStep legend { margin-bottom:10px; font-weight:900; }.plannerOptionGrid,.plannerTaskGrid { display:grid; gap:10px; }.plannerOptionGrid--three { grid-template-columns:repeat(3,1fr); }.plannerOptionGrid--moment { grid-template-columns:repeat(5,1fr); }.plannerOptionGrid label,.plannerTaskGrid label { position:relative; cursor:pointer; }.plannerOptionGrid input,.plannerTaskGrid input { position:absolute; opacity:0; }.plannerOptionGrid label span,.plannerTaskGrid label span { display:grid; gap:3px; min-height:65px; padding:13px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font-weight:800; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }.plannerOptionGrid label small,.plannerTaskGrid label small { color:var(--muted); font-weight:600; }.plannerOptionGrid label:hover span,.plannerTaskGrid label:hover span { transform:translateY(-2px); border-color:var(--brand-blue); box-shadow:0 10px 22px rgba(37,48,68,.08); }.plannerOptionGrid input:checked + span,.plannerTaskGrid input:checked + span { border-color:var(--brand-blue-strong); background:var(--brand-blue-soft); color:var(--brand-blue-strong); box-shadow:0 9px 20px rgba(47,149,216,.12); }.plannerOptionGrid input:focus-visible + span,.plannerTaskGrid input:focus-visible + span { outline:none; box-shadow:var(--focus-ring); }.plannerTaskGrid { grid-template-columns:repeat(3,1fr); }.plannerTaskGrid label span { min-height:92px; }.plannerTaskGrid b { font-size:.96rem; }.plannerSelectGrid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.plannerSelectGrid label { display:grid; gap:8px; font-weight:900; }.plannerSelectGrid select { min-height:48px; padding:0 12px; border:1px solid var(--line); border-radius:10px; color:var(--ink); background:#fff; font:inherit; }.plannerSelectGrid select:focus-visible { outline:none; box-shadow:var(--focus-ring); }.plannerGenerate { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:22px; border:0; cursor:pointer; font:inherit; }.plannerGenerate span:last-child { font-size:1.3rem; transition:transform .2s ease; }.plannerGenerate:hover span:last-child { transform:translateX(5px); }
.plannerResultEnhanced { position:relative; overflow:hidden; border-color:#b8dded; }.plannerResultPulse { animation:plannerPulse .58s ease both; }@keyframes plannerPulse { 0% { transform:scale(.985); opacity:.55; }100%{transform:scale(1);opacity:1;} }.plannerResultActions { display:flex; flex-wrap:wrap; gap:9px; }.plannerResultActions button { border:0; cursor:pointer; font:inherit; }.plannerInsightBar { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:23px 0; }.plannerInsightBar span { padding:13px; border-radius:11px; background:var(--paper); color:var(--muted); line-height:1.45; }.plannerInsightBar b { display:block; margin-bottom:4px; color:var(--ink); font-size:.76rem; text-transform:uppercase; letter-spacing:.05em; }.plannerTimeline { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin:22px 0; }.plannerTimeline article { display:flex; gap:11px; padding:16px; border:1px solid var(--line); border-radius:13px; background:#fff; }.plannerTimeline article > span { display:grid; place-items:center; flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:var(--brand-mint-soft); color:var(--brand-mint-strong); font-weight:900; }.plannerTimeline strong { display:block; margin-bottom:5px; }.plannerTimeline p { margin:0; color:var(--muted); line-height:1.52; }.plannerSupportGrid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }.plannerSupportGrid section { padding:18px; border-radius:14px; background:var(--brand-yellow-soft); }.plannerSupportGrid section+section { background:var(--brand-lilac-soft); }.plannerBlockLabel { margin:0 0 8px; color:var(--muted); font-size:.77rem; font-weight:900; text-transform:uppercase; letter-spacing:.05em; }.plannerSupportGrid h3 { margin:0 0 8px; font-size:1.06rem; }.plannerSupportGrid p:last-child { margin:0; color:var(--muted); line-height:1.58; }.plannerDrawingResult { display:grid; gap:4px; margin-top:18px; transition:transform .2s ease,box-shadow .2s ease; }.plannerDrawingResult:hover { transform:translateY(-2px); box-shadow:var(--shadow-card); }.plannerDrawingResult span,.plannerDrawingResult small { color:var(--muted); }.plannerNextActions { display:flex; flex-wrap:wrap; gap:10px; margin-top:17px; }.plannerNextActions a { padding:9px 11px; border-radius:var(--radius-pill); background:var(--paper); color:var(--brand-blue-strong); font-weight:800; text-decoration:none; }.plannerNextActions a:hover { background:var(--brand-blue-soft); }.plannerSaved { margin-top:32px; padding:27px; border:1px solid var(--line); border-radius:18px; background:#fff; }.plannerSavedHeading { display:flex; justify-content:space-between; gap:15px; align-items:start; }.plannerSavedHeading h2 { margin:7px 0 0; font-size:1.45rem; }.plannerTextButton { padding:8px 0; border:0; background:transparent; color:var(--brand-coral-strong); font:inherit; font-weight:800; cursor:pointer; }.savedPlansList { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }.savedPlanCard { display:grid; gap:5px; text-align:left; padding:15px; border:1px solid var(--line); border-radius:12px; background:#fff; color:var(--ink); font:inherit; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.savedPlanCard:hover { transform:translateY(-3px); border-color:var(--brand-mint); box-shadow:var(--shadow-card); }.savedPlanCard span { color:var(--brand-mint-strong); font-size:.78rem; font-weight:900; }.savedPlanCard small,.emptySavedPlans { color:var(--muted); line-height:1.45; }.emptySavedPlans { margin:0; }
@media (max-width:980px){.plannerHeroEnhanced{grid-template-columns:1fr;}.plannerOptionGrid--moment{grid-template-columns:repeat(3,1fr);}.plannerSelectGrid{grid-template-columns:repeat(2,1fr);}.plannerTimeline{grid-template-columns:1fr;}.savedPlansList{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.plannerHeroEnhanced,.plannerBuildStep,.plannerResultEnhanced,.plannerSaved{padding:21px;}.plannerOptionGrid--three,.plannerOptionGrid--moment,.plannerTaskGrid,.plannerSelectGrid,.plannerInsightBar,.plannerSupportGrid,.savedPlansList{grid-template-columns:1fr;}.plannerResultActions{width:100%;}.plannerResultActions button{width:100%;}.plannerHeroSignal{display:none;}.plannerNextActions{display:grid;grid-template-columns:1fr;}.plannerNextActions a{text-align:center;}.plannerBuildStep:hover{transform:none;}}
@media (prefers-reduced-motion:reduce){.plannerBuildStep,.plannerOptionGrid label span,.plannerTaskGrid label span,.plannerDrawingResult,.savedPlanCard{transition:none !important;}.plannerResultPulse{animation:none;}}
@media (max-width:860px){.teacherQuickActions{grid-template-columns:repeat(2,1fr);}}
@media (max-width:860px){.teacherDashboardHero{grid-template-columns:1fr;}.teacherWorkspaceBar{grid-template-columns:1fr;}.teacherNeedCollectionGrid{grid-template-columns:repeat(3,1fr);}.teacherResults{padding:26px;}}
@media (max-width:980px){.teacherNeedCollectionGrid{grid-template-columns:repeat(3,1fr);}.teacherDrawingMiniGrid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:980px){.weeklyPlannerHero{grid-template-columns:1fr;}.weeklyPlannerControls{grid-template-columns:1fr;}.weeklyPlanGrid{grid-template-columns:repeat(3,1fr);}.weeklyDayCard{min-height:320px;}}
@media (max-width:620px){.teacherQuickStart{width:min(100% - 28px,1180px);margin-bottom:30px;padding:22px 18px;}.teacherQuickActions{grid-template-columns:1fr;}.teacherQuickAction{min-height:86px;}.teacherQuickAction:hover{transform:none;}}
@media (max-width:620px){.teacherDashboardHero{width:min(100% - 28px,1180px);margin-top:18px;padding:27px 20px;}.teacherDashboardHero .teacherHeroCopy h1{font-size:2.28rem;}.teacherDashboardHero::before,.teacherQuickStart::after,.teacherFinder::before{display:none;}.teacherWorkspaceBar{width:min(100% - 28px,1180px);gap:13px;margin-bottom:26px;}.teacherWorkspaceCard{padding:20px;}.teacherWorkspaceButton:hover,.teacherResultCard:hover{transform:none;}.teacherFinder,.teacherResults,.teacherNeedCollections,.teacherFaq{width:min(100% - 28px,1180px);}.teacherFinder,.teacherResults,.teacherNeedCollections,.teacherFaq{padding:22px 18px;}.teacherResults{margin-top:19px;margin-bottom:30px;}.teacherNeedCollections{margin-bottom:34px;}.teacherNeedCollectionGrid{grid-template-columns:1fr 1fr;}.teacherSteps{width:min(100% - 28px,1180px);padding-bottom:34px;}.teacherResourceBand{margin-bottom:22px;}.teacherFaq{margin-bottom:45px;}.teacherFaqList summary{padding-left:15px;}.teacherFaqList details>div{padding:0 15px 16px;}}
@media (max-width:620px){.weeklyPlannerPage{width:min(100% - 28px,1280px);padding:27px 0 50px;}.weeklyPlannerHero,.weeklyPlannerControls,.weeklyPlanner{padding:21px;}.weeklyPlannerHero aside{display:none;}.weeklyControlGrid,.weeklyPlanGrid{grid-template-columns:1fr;}.weeklyControlActions{justify-content:stretch;}.weeklyControlActions button{width:100%;}.weeklyPlannerHeading{align-items:start;flex-direction:column;}.weeklyPlannerHeading > p{text-align:left;}.weeklyDayCard{min-height:0;}.weeklyDayCard:hover{transform:none;}}
@media (max-width:620px){.teacherNeedCollections{width:min(100% - 28px,1180px);margin-bottom:38px;}.teacherNeedCollectionsHeading,.teacherNeedDetailHeading{align-items:stretch;flex-direction:column;}.selectionButton--secondary{display:inline-flex;align-self:flex-start;}.teacherNeedCollectionsHeading > .selectionButton{display:none;}.teacherNeedCollectionGrid,.teacherDrawingMiniGrid{grid-template-columns:1fr;}.teacherNeedCollectionCard{min-height:116px;}.teacherNeedCollectionCard:hover,.teacherNeedCollectionCard.is-active{transform:none;}.teacherNeedCollectionDetail{padding:20px;}.teacherCollectionAddAll{width:100%;}.folderCreateRow > div,.folderItemList li,.folderItemList li > div:last-child{align-items:stretch;flex-direction:column;}.folderCreateRow button{min-height:42px;}.folderItemList li > div:last-child{gap:5px;}.folderItemList li > div:last-child a,.folderItemList li > div:last-child button{text-align:left;}}
@media (prefers-reduced-motion:reduce){.teacherQuickAction{transition:none;}}
@media print{.weeklyPlannerHero,.weeklyPlannerControls,.weeklyPlannerNote{display:none !important;}.weeklyPlannerPage{width:auto;padding:0;}.weeklyPlanner{margin:0;padding:0;border:0;box-shadow:none;}.weeklyPlanGrid{grid-template-columns:repeat(5,1fr);gap:8px;}.weeklyDayCard{min-height:0;padding:11px;box-shadow:none;break-inside:avoid;}.weeklyTaskSelect select{appearance:none;border:0;padding:0;min-height:0;background:transparent;font-weight:900;}.weeklyDayCard > a{color:#1f2937;}.weeklyDayClose{padding:8px;}}

/* Resultados: bloque editorial limpio que se adapta al número de propuestas. */
.teacherResults{margin-top:30px;margin-bottom:48px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.teacherResultsHeading{align-items:center;margin-bottom:16px;}.teacherResultsHeading > div{max-width:700px;}.teacherResultsHeading h2{font-size:clamp(1.8rem,3vw,2.45rem);}
.recommendationSummary{margin:0 0 20px;border-radius:12px;}.teacherResultsGrid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));align-items:stretch;margin-top:0;}.teacherResultsGrid .teacherResultCard{min-height:0;}
@media (max-width:860px){.teacherResults{padding:0;}}
@media (max-width:620px){.teacherResults{padding:0;margin-top:19px;margin-bottom:30px;}.teacherResultsHeading{align-items:flex-start;}.teacherResultsGrid{grid-template-columns:1fr;}}