:root{--rose:#ff5865;--dark:#071d5b;--pink:#ffe6ea;--ink:#071d5b;--muted:#5f6a85;--line:#e7e9f1;--paper:#fff;--green:#3aa878;--yellow:#ffd65a;--blue:#8dd8ff;--shadow:0 12px 32px rgba(30,53,100,.08)}
body{background:#fff;color:var(--ink);font-family:Nunito,"Arial Rounded MT Bold",system-ui,sans-serif}
h1,h2,h3,h4,.brand,.top-brand,.top-navigation,.home-tile strong{font-family:Nunito,"Arial Rounded MT Bold",system-ui,sans-serif;color:var(--dark)}
.workspace{margin-left:0}.sidebar{transform:translateX(-105%);box-shadow:18px 0 50px #071d5b26;border:0}.sidebar.open{transform:translateX(0)}
.topbar{position:sticky;top:0;z-index:18;min-height:80px;padding:12px max(28px,calc((100vw - 1400px)/2));gap:22px;background:#fffc;border:0;box-shadow:0 1px 0 #edf0f7;backdrop-filter:blur(14px)}
.top-brand{display:flex;align-items:center;gap:12px;white-space:nowrap;text-decoration:none;color:var(--dark);font-size:1.55rem;font-weight:1000;letter-spacing:-.04em}.top-brand-mark{font-size:2.3rem;line-height:1;position:relative}.top-brand-mark i{font-style:normal;font-size:1.6rem;margin-left:-8px;display:inline-block;transform:rotate(-10deg)}
.top-navigation{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.top-navigation a{padding:10px 16px;border-radius:999px;color:var(--dark);text-decoration:none;font-weight:900;font-size:.94rem;text-transform:uppercase}.top-navigation a:hover,.top-navigation a.active{background:var(--rose);color:#fff}
.global-search{flex:0 0 52px;width:52px;height:52px;max-width:none;border:0;border-radius:50%;background:#f0efff;padding:0;overflow:hidden;transition:width .2s,border-radius .2s}.global-search>span{font-size:2rem;margin-left:13px}.global-search input{width:0;padding:0}.global-search button{font-size:0;padding:0;min-height:0}.global-search:focus-within{width:260px;border-radius:18px;padding-right:10px}.global-search:focus-within input{width:auto;padding:12px}.global-search:focus-within button{font-size:.85rem;padding:8px 10px;min-height:38px}.top-favorite{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#ffe8ec;font-size:2rem}.top-favorite span{display:none}.menu-button{display:none;width:52px;height:52px;border-radius:50%;font-size:1.65rem;background:#efefff;color:var(--dark);padding:0}.menu-button span{display:none}
main{max-width:1400px;padding:30px 30px 70px}.footer{background:#f7f8fc;border:0;color:#68718a;padding-left:max(30px,calc((100vw - 1400px)/2));padding-right:max(30px,calc((100vw - 1400px)/2))}
button,.button{border-radius:999px;background:var(--rose);font-weight:900;box-shadow:none}.secondary{border:2px solid var(--dark);color:var(--dark);background:#fff}.secondary:hover{background:#f1f4ff}.panel,.resource-card,.game-tile,.access,.selection-item{border-color:#edf0f5;box-shadow:var(--shadow);border-radius:22px}.eyebrow{color:var(--rose)}
.home-hero{min-height:340px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.8fr);align-items:center;margin:-30px -30px 0;padding:38px max(32px,calc((100vw - 1400px)/2));overflow:hidden;background:linear-gradient(175deg,#f5f2ff 0 56%,#fff 56.2%);position:relative}.home-hero-copy{z-index:2;padding:18px 0 28px}.home-hero h1{font-size:clamp(3.1rem,5.6vw,5.4rem);max-width:780px;line-height:.98;letter-spacing:-.055em;text-transform:uppercase;margin:0}.home-hero h1 span{color:#ffc739;font-size:.7em}.home-hero p{font-size:clamp(1.2rem,2vw,1.8rem);letter-spacing:.13em;text-transform:uppercase;margin:22px 0;color:var(--dark)}.home-hero-actions{display:flex;gap:14px;flex-wrap:wrap}.home-hero-actions .button{min-width:260px;font-size:1.1rem;text-transform:uppercase;min-height:62px}.home-hero-art{align-self:stretch;position:relative;display:grid;place-items:center;min-height:300px}.home-hero-art img{position:relative;width:min(390px,34vw);max-height:360px;object-fit:contain;z-index:2;filter:drop-shadow(0 14px 12px rgba(68,35,60,.12))}.hero-arch{position:absolute;width:min(310px,28vw);height:270px;bottom:30px;border-radius:150px 150px 12px 12px;background:linear-gradient(145deg,#ff6b73,#e53d58);box-shadow:inset 28px 0 0 #ff8790}
.home-section{margin-top:26px}.home-section>h2{text-align:center;text-transform:uppercase;font-size:clamp(1.65rem,2.4vw,2.4rem);letter-spacing:-.03em;margin:0 0 18px}.home-section.compact>h2{text-align:left;font-size:1.45rem}.home-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tile{min-height:112px;border-radius:16px;display:grid;grid-template-columns:115px 1fr 24px;align-items:center;padding:12px 22px;text-decoration:none;color:var(--dark);overflow:hidden;transition:transform .16s,box-shadow .16s}.home-tile:hover{transform:translateY(-2px);box-shadow:0 14px 24px #071d5b18}.home-tile>span{font-size:4rem;text-align:center;filter:drop-shadow(0 6px 4px #071d5b12)}.home-tile strong{text-align:center;font-size:1.45rem;text-transform:uppercase}.home-tile>b{font-size:2.4rem;font-weight:600}.tone-mint{background:linear-gradient(105deg,#a1e8c8,#c4f2d9)}.tone-yellow{background:linear-gradient(105deg,#ffdc64,#ffe99e)}.tone-coral{background:linear-gradient(105deg,#ff7582,#ff9ca5)}.tone-blue{background:linear-gradient(105deg,#8bd8ff,#b8e9ff)}.tone-lilac{background:linear-gradient(105deg,#c8c7ff,#e4e2ff)}.tone-pink{background:linear-gradient(105deg,#ffdbe3,#fff0f3)}.tone-sand{background:linear-gradient(105deg,#ffe3be,#fff1db)}
.home-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.home-quick-grid,.home-classroom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-bottom-grid .home-tile{grid-template-columns:1fr;min-height:124px;padding:16px 10px}.home-bottom-grid .home-tile>span{font-size:3rem}.home-bottom-grid .home-tile strong{font-size:1rem}.home-bottom-grid .home-tile>b{display:none}
.resource-card .resource-preview{background:#f5f3ff}.resource-card:nth-child(3n+2) .resource-preview{background:#effcf6}.resource-card:nth-child(3n) .resource-preview{background:#fff3df}.filters{border:0;background:#f6f7fb;border-radius:20px}.chip{border:0;background:#f0f2f8;color:var(--dark)}.chip.active,.chip:hover{background:var(--rose)}
.pdi-costume{width:min(360px,55vw);aspect-ratio:1;margin:0 auto 12px;display:grid;place-items:center;border-radius:36px;background:linear-gradient(145deg,#f0efff,#fff1d6);box-shadow:inset 0 0 0 4px #fff,0 16px 30px #071d5b16}.pdi-costume span{font-size:clamp(8rem,22vw,15rem);line-height:1}.projection-main[data-game="disfraces"] .choice{font-size:clamp(1.25rem,2.5vw,2rem);min-width:210px}
.projection-main .pdi-costume img{width:100%;height:auto;max-height:50vh;object-fit:contain;border-radius:20px}.projection-main .pdi-costume figcaption{font-size:.7rem;color:#68718a}
dialog{border-radius:28px}.dialog-header,.projection-toolbar{background:#fff}.print-options{background:#f4f2ff}.print-options select{border:2px solid #c6c9dc}
@media screen and (min-width:1101px){.sidebar{display:none}}
@media screen and (max-width:1100px){.topbar{padding:12px 28px}.menu-button{display:inline-grid;place-items:center}.top-navigation a:nth-child(n+4){display:none}.global-search{margin-left:auto}main{padding:26px 28px 64px}.home-hero{margin:-26px -28px 0;padding:34px 5.5vw;grid-template-columns:1.1fr .9fr}.home-hero h1{font-size:clamp(3rem,7vw,4.3rem)}.home-hero-art img{width:min(360px,42vw)}.hero-arch{width:min(290px,34vw)}.home-bottom-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:700px){.topbar{min-height:78px;padding:10px 16px;gap:10px}.top-brand{font-size:1.25rem}.top-brand-mark{font-size:1.85rem}.top-brand-mark i{font-size:1.25rem}.top-navigation,.global-search{display:none}.top-favorite,.menu-button{width:48px;height:48px}.top-favorite{margin-left:auto}.sidebar{width:min(310px,88vw)}main{padding:0 14px 50px}.home-hero{margin:0 -14px;padding:28px 18px 22px;grid-template-columns:1.25fr .75fr;min-height:360px;background:linear-gradient(165deg,#f0edff 0 64%,#fff 64.2%)}.home-hero-copy{padding:0;align-self:start}.home-hero h1{font-size:clamp(2.45rem,12vw,3.4rem);max-width:470px}.home-hero p{font-size:1rem;line-height:1.45;margin:16px 0;max-width:400px}.home-hero-art{min-height:240px;align-self:end;margin-left:-60px}.home-hero-art img{width:225px;max-width:none}.hero-arch{width:175px;height:230px;bottom:4px;border-radius:90px 90px 8px 8px}.home-hero-actions{grid-column:1/-1;position:absolute;left:18px;right:18px;bottom:-152px;display:grid;gap:10px}.home-hero-actions .button{min-width:0;min-height:62px}.home-hero+.home-section{margin-top:170px}.home-section>h2{text-align:left;font-size:1.55rem}.home-category-grid{grid-template-columns:1fr;gap:8px}.home-tile{min-height:82px;grid-template-columns:90px 1fr 24px;padding:8px 18px}.home-tile>span{font-size:3.3rem}.home-tile strong{font-size:1.2rem;text-align:left}.home-bottom-grid{gap:8px}.home-quick-grid,.home-classroom-grid{grid-template-columns:1fr;gap:8px}.home-bottom-grid .home-tile{grid-template-columns:90px 1fr 24px;min-height:70px;padding:7px 18px}.home-bottom-grid .home-tile>span{font-size:2.7rem}.home-bottom-grid .home-tile strong{text-align:left;font-size:1.02rem}.home-bottom-grid .home-tile>b{display:block}.page-head{padding-top:24px;align-items:flex-start}.resource-grid,.game-grid,.species-grid,.project-steps,.today-grid,.two-col{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.dialog-body{grid-template-columns:1fr}.projection-toolbar{padding:10px 12px}.projection-toolbar strong{font-size:.85rem}.projection-main{padding:15px 10px}.choice-grid{gap:12px}.choice{min-width:min(210px,90vw)}.footer{padding:20px;display:block}.footer span{display:block;margin-top:6px}}
@media screen and (max-width:430px){.top-brand{font-size:1.08rem}.top-brand-mark{font-size:1.6rem}.top-favorite,.menu-button{width:44px;height:44px}.home-hero h1{font-size:2.35rem}.home-hero p{font-size:.92rem}.home-hero-art{margin-left:-82px}.home-hero-art img{width:205px}.filters{grid-template-columns:1fr}}

/* Mezcla funcional: navegación completa de la versión anterior con la nueva identidad visual. */
.global-search .search-toggle{flex:0 0 52px;width:52px;height:52px;min-height:52px;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--dark)!important;font-size:1.55rem;line-height:1}.global-search input{opacity:0;pointer-events:none}.global-search .search-submit{opacity:0;pointer-events:none}.global-search.expanded,.global-search:focus-within{flex-basis:290px;width:290px;border-radius:18px;padding-right:8px;background:#f4f3ff}.global-search.expanded input,.global-search:focus-within input{width:auto;padding:12px 4px;opacity:1;pointer-events:auto}.global-search.expanded .search-submit,.global-search:focus-within .search-submit{font-size:.85rem;padding:8px 10px;min-height:38px;opacity:1;pointer-events:auto}
.name-builder{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end}.name-builder .field{min-width:0}.name-builder input{width:100%}.name-builder button{white-space:nowrap;max-width:100%}
.sidebar-close{display:none;position:absolute;right:12px;top:12px;width:42px;height:42px;min-height:42px;padding:0;border-radius:50%;background:#f1efff;color:var(--dark);font-size:1.8rem;z-index:2}
.home-hero h1{font-size:clamp(2.75rem,4.5vw,4.25rem);line-height:1.02;max-width:700px}.home-hero p{font-size:clamp(1.05rem,1.6vw,1.45rem);margin:18px 0}.home-hero-actions .button{min-height:56px;font-size:1rem}.home-section>h2{font-size:clamp(1.5rem,2vw,2rem)}.home-tile{grid-template-columns:96px 1fr 22px;min-height:96px}.home-tile>span{font-size:3.25rem}.home-tile strong{font-size:1.22rem}.home-classroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media screen and (min-width:1101px){.sidebar{display:flex;transform:none;width:248px;background:#fff;border-right:1px solid #edf0f7;overflow-x:hidden}.sidebar .brand{font-size:1.27rem;gap:8px}.sidebar .brand-teacher{flex:0 0 44px;width:44px;height:44px}.workspace{margin-left:248px}.top-brand{display:none}.topbar{padding-left:28px;padding-right:28px}.top-navigation{justify-content:flex-start}.top-navigation a{padding:9px 13px;font-size:.86rem}.top-favorite{flex:0 0 48px;width:48px;height:48px}.global-search{flex-basis:48px;width:48px;height:48px}.global-search .search-toggle{flex-basis:48px;width:48px;height:48px;min-height:48px}.global-search.expanded,.global-search:focus-within{flex-basis:270px;width:270px}main{max-width:1320px;padding-left:42px;padding-right:42px}.home-hero{min-height:300px;margin:-30px -42px 0;padding:32px 42px;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.home-hero-art{min-height:270px}.home-hero-art img{width:min(330px,27vw);max-height:315px}.hero-arch{width:min(270px,23vw);height:235px;bottom:22px}.nav-link{padding-top:8px;padding-bottom:8px}.nav-label{padding-top:13px}}
@media screen and (max-width:1100px){.sidebar-close{display:grid;place-items:center}.sidebar .brand{padding-right:38px}.top-navigation a{padding:9px 11px;font-size:.84rem}.home-hero h1{font-size:clamp(2.65rem,6.2vw,3.8rem)}.name-builder{grid-template-columns:minmax(200px,1fr) auto auto}}
@media screen and (max-width:700px){.global-search{display:flex;flex:0 0 48px;width:48px;height:48px;margin-left:auto;overflow:visible}.search-toggle{flex-basis:48px;width:48px;height:48px;min-height:48px}.global-search input,.global-search .search-submit{display:none}.global-search.expanded{position:absolute;left:12px;right:12px;top:70px;width:auto;height:58px;padding-right:8px;overflow:hidden;background:#fff;box-shadow:0 14px 32px #071d5b2b}.global-search.expanded input,.global-search.expanded .search-submit{display:block}.global-search.expanded input{min-width:0}.top-favorite{margin-left:0}.home-hero h1{font-size:2.2rem}.home-hero p{font-size:.9rem;letter-spacing:.08em}.home-section>h2{font-size:1.42rem}.home-tile{grid-template-columns:78px 1fr 22px;min-height:76px}.home-tile>span{font-size:2.8rem}.home-tile strong{font-size:1.08rem}.home-classroom-grid{grid-template-columns:1fr}.name-builder{grid-template-columns:1fr}.name-builder button{width:100%}}

/* Portada funcional inspirada en la interfaz original. */
.topbar{background:#fff;border-bottom:1px solid #e9ebf2;box-shadow:0 4px 18px #071d5b09}.top-date{flex:0 0 auto;color:var(--rose);font-size:.8rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.home-welcome{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 0 28px}.home-welcome h1{font-size:clamp(2.2rem,3.3vw,3.25rem);margin:7px 0 8px;letter-spacing:-.04em}.home-welcome p{font-size:1.15rem;color:var(--muted);margin:0}.home-welcome-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.home-welcome-actions .button{min-height:54px;padding:12px 22px;font-size:1rem;background:#fff;color:var(--rose);border-color:#e2c4d1}.home-welcome-actions .button:hover{background:var(--pink)}
.home-assembly{padding:26px 28px;background:#fff;border-color:#e9dfe4}.home-assembly-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.home-assembly-head>div{display:flex;align-items:center;gap:15px}.home-assembly-head .round-icon{background:#fff0bd}.home-assembly-head h2{font-size:2rem;margin:2px 0 2px}.home-assembly-head p{color:var(--muted);margin:0}.home-assembly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.assembly-home-step{min-height:94px;display:grid;grid-template-columns:40px 48px 1fr;align-items:center;text-align:left;gap:8px;padding:14px;background:#fbf7f8;color:var(--dark);border:1px solid #f0e8ec;border-radius:16px}.assembly-home-step:hover{background:#fff0f3}.assembly-home-step b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff;color:var(--rose)}.assembly-home-step>span{font-size:1.75rem;text-align:center}.assembly-home-step strong{font-size:1rem;line-height:1.25}.home-projects-section{margin-top:28px}.home-project-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-project-card{position:relative;min-height:215px;padding:28px 190px 26px 28px;border-radius:22px;overflow:hidden;text-decoration:none;color:var(--dark);border:1px solid #e8e9ef;box-shadow:var(--shadow)}.home-project-card h2{font-size:1.8rem;line-height:1.12;margin:8px 0 12px;max-width:360px}.home-project-card p{font-size:1rem;line-height:1.5;margin:0;max-width:350px}.home-project-card img{position:absolute;right:12px;bottom:4px;width:170px;height:175px;object-fit:contain}.home-project-card.dino{background:#e8f2eb}.home-project-card.dino .eyebrow{color:#27705a}.home-project-card.kusama{background:#fff0f3}.home-project-card.kusama .eyebrow{color:#bd365b}.filters-useful{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
@media screen and (min-width:1101px){.topbar{min-height:76px}.top-navigation{justify-content:center}.home-welcome{padding-top:8px}}
@media screen and (max-width:1100px){.top-date{display:none}.home-assembly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-project-card{padding-right:150px}.home-project-card img{width:140px}}
@media screen and (max-width:700px){.home-welcome{align-items:flex-start;flex-direction:column;padding:22px 4px}.home-welcome h1{font-size:2.15rem}.home-welcome p{font-size:1rem}.home-welcome-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.home-welcome-actions .button{min-height:50px;padding:10px 12px;font-size:.9rem}.home-assembly{padding:20px 16px}.home-assembly-head{align-items:flex-start;flex-direction:column}.home-assembly-head>a{width:100%}.home-assembly-grid{grid-template-columns:1fr}.assembly-home-step{min-height:76px}.home-project-cards{grid-template-columns:1fr}.home-project-card{min-height:190px;padding:24px 135px 22px 22px}.home-project-card h2{font-size:1.45rem}.home-project-card img{width:125px;height:135px}.filters-useful{grid-template-columns:1fr}}

/* Cabecera continua y fondo ilustrado de la interfaz original. */
body{background:#fcf5f1 url('assets/fondo-aula.webp') repeat;background-size:750px}
@media screen and (min-width:1101px){
  .sidebar{padding:0;border-right:0;background:#fff;overflow:hidden}
  .sidebar .brand{flex:0 0 76px;height:76px;box-sizing:border-box;margin:0;padding:10px 18px;border-bottom:1px solid #e9ebf2;background:#fff}
  .sidebar #navigation{flex:1;min-height:0;overflow-y:auto;padding:18px 18px 0;scrollbar-width:thin;scrollbar-color:var(--rose) #fff1f4}
  .sidebar #navigation::-webkit-scrollbar{width:6px}
  .sidebar #navigation::-webkit-scrollbar-track{background:#fff1f4}
  .sidebar #navigation::-webkit-scrollbar-thumb{background:var(--rose);border-radius:999px}
  .sidebar .sidebar-bottom{flex:0 0 auto;padding:18px 28px 20px}
  .topbar{height:76px;box-sizing:border-box;padding-top:10px;padding-bottom:10px;box-shadow:none}
  .top-navigation,.top-date{display:none}
  .global-search,.global-search.expanded,.global-search:focus-within{flex-basis:320px;width:320px;margin-left:auto;border-radius:18px;padding-right:8px;background:#f4f3ff;overflow:hidden}
  .global-search input{width:auto;min-width:0;padding:12px 4px;opacity:1;pointer-events:auto}
  .global-search .search-submit{font-size:.85rem;padding:8px 10px;min-height:38px;opacity:1;pointer-events:auto}
}
.home-course-section{margin-top:28px}.home-course-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-course-card{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:112px;padding:16px;border:1px solid #eadfe4;border-radius:18px;background:#fff;text-decoration:none;color:var(--dark);box-shadow:var(--shadow)}.home-course-card:hover{transform:translateY(-2px)}.home-course-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff0f3;font-size:2rem}.home-course-card span:nth-child(2){display:grid;gap:2px;min-width:0}.home-course-card small{color:var(--rose);font-weight:1000;text-transform:uppercase}.home-course-card strong{font-size:1.05rem}.home-course-card em{overflow:hidden;color:var(--muted);font-size:.86rem;font-style:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-course-card>b{font-size:1.8rem;color:var(--rose)}
.top-navigation,.top-date{display:none}
@media screen and (max-width:900px){.top-navigation,.top-date{display:none}.home-course-cards{grid-template-columns:1fr}}

/* Cabecera uniforme y buscador amplio de la interfaz anterior. */
@media screen and (min-width:1101px){
  .sidebar,.sidebar .brand,.topbar{background:#fff!important}
  .sidebar{box-shadow:none}
  .topbar{justify-content:center;border-bottom-color:#e9ebf2;box-shadow:none;backdrop-filter:none}
  .global-search,.global-search.expanded,.global-search:focus-within{flex:0 1 720px;width:min(720px,calc(100% - 120px));max-width:720px;height:52px;margin:0 auto;padding:0 10px 0 8px;gap:8px;border:0;border-radius:28px;background:#f4f3ff}
  .global-search .search-toggle{flex:0 0 46px;width:46px;height:46px;min-height:46px;font-size:1.5rem}
  .global-search input,.global-search.expanded input,.global-search:focus-within input{display:block;flex:1;width:auto;min-width:0;padding:13px 6px;opacity:1;pointer-events:auto;font-size:1rem}
  .global-search .search-submit,.global-search.expanded .search-submit,.global-search:focus-within .search-submit{display:block;min-height:42px;padding:8px 14px;opacity:1;pointer-events:auto;background:transparent!important;color:var(--dark)!important;font-size:.92rem;font-weight:1000}
  .top-favorite{position:absolute;right:28px}
}

/* Tablet y móvil: marca completa, sin buscador y blanco uniforme. */
.top-brand-teacher{width:54px;height:54px;flex:0 0 54px;object-fit:contain;filter:drop-shadow(0 3px 6px #071d5b18)}.top-brand-copy{display:grid;line-height:1.05}.top-brand-copy strong{font-size:1.35rem}.top-brand-copy small{margin-top:6px;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.07em}
@media screen and (max-width:1100px){
  .topbar{background:#fff!important;border-bottom:1px solid #e9ebf2;box-shadow:none;backdrop-filter:none}
  .global-search{display:none!important}
  .top-brand{min-width:0;gap:9px}
  .menu-button{margin-left:auto}
  .top-favorite{margin-left:0}
}
@media screen and (max-width:520px){
  .topbar{min-height:72px;padding:8px 12px;gap:7px}
  .top-brand-teacher{width:46px;height:46px;flex-basis:46px}
  .top-brand-copy strong{font-size:clamp(1.02rem,5vw,1.22rem)}
  .top-brand-copy small{display:none}
  .menu-button,.top-favorite{width:42px;height:42px;min-height:42px}
}
@media screen and (max-width:360px){
  .topbar{padding-inline:8px;gap:5px}
  .top-brand-teacher{width:42px;height:42px;flex-basis:42px}
  .top-brand-copy strong{font-size:1rem}
  .menu-button,.top-favorite{width:40px;height:40px;min-height:40px}
}