/* Navegación compartida: cápsula de cristal plateado, sin desplegables de Noticias. */
/* Los fondos de las primeras escenas llegan al borde superior, bajo el menú fijo. */
.books-main { padding-top:0 !important; }
.school-main { margin-top:0 !important; }
main:has(> .editorial-hero) { padding-top:0 !important; }
.floating-header {
  --capsule-ease:cubic-bezier(.4,0,.2,1);
  --capsule-glass:rgba(15,15,20,.8);
  --capsule-blur:15px;
  position:fixed; top:20px; left:50%; right:auto; bottom:auto;
  transform:translateX(-50%); z-index:1000;
  width:880px; max-width:calc(100vw - 32px); padding:0;
  border:1px solid rgba(220,225,230,.35); border-radius:50px;
  background:transparent;
  box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 15px rgba(200,210,220,.2),inset 0 1px 0 #ffffff17;
  color:#e2e8f0; font-family:Arial,Helvetica,sans-serif;
  transition:width 1.25s var(--capsule-ease),border-color .5s ease,box-shadow .5s ease;
}
.floating-header::before {
  content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none;
  background-color:var(--capsule-glass);
  backdrop-filter:blur(var(--capsule-blur)) saturate(135%);
  -webkit-backdrop-filter:blur(var(--capsule-blur)) saturate(135%);
  transition:background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease;
}
.floating-header.capsule-ready:not(.is-expanded) { width:var(--capsule-width,230px); }
.floating-header.scrolled { --capsule-glass:rgba(15,15,20,.36); --capsule-blur:28px; border-color:rgba(220,225,230,.28); box-shadow:0 6px 24px #0003,inset 0 1px 0 #ffffff0c; }
.capsule-shell { display:flex; align-items:center; justify-content:space-between; gap:6px; min-height:58px; padding:6px 10px; }
.capsule-brand { display:block; position:relative; flex:0 0 44px; width:44px; height:36px; overflow:hidden; border-radius:8px; transition:all .4s var(--capsule-ease); }
.capsule-brand img { position:absolute; width:49px; max-width:none; height:auto; top:-18px; left:-2px; filter:brightness(0) invert(1); }
.capsule-brand:hover { filter:drop-shadow(0 0 5px #ffffff80); transform:scale(1.04); }
.capsule-links { display:flex; align-items:center; justify-content:space-evenly; flex:1; gap:2px; list-style:none; padding:0; margin:0; overflow:hidden; opacity:1; max-width:800px; visibility:visible; transition:max-width 1.25s var(--capsule-ease),opacity .55s ease .25s,visibility 0s; }
.capsule-links li { margin:0; padding:0; flex:none; }
.capsule-links a { display:block; padding:12px 13px; border-radius:30px; color:#e2e8f0; font-size:14px; line-height:1.2; letter-spacing:.6px; text-decoration:none; white-space:nowrap; text-shadow:0 0 8px rgba(255,255,255,.4); transition:all .4s var(--capsule-ease); }
.capsule-links a:hover,.capsule-links a[aria-current="page"] { background:linear-gradient(130deg,#dce5f321,#ffffff08); color:#fff; box-shadow:inset 0 0 0 1px #dce5f32a,0 0 12px #c8d2dc14; }
.capsule-links a:hover { transform:translateY(-1px); }
.capsule-toggle { display:none; align-items:center; justify-content:center; flex:none; gap:12px; border:0; border-radius:30px; background:transparent; color:#e2e8f0; padding:10px 8px; font:14px/1.3 Arial,Helvetica,sans-serif; letter-spacing:.5px; cursor:pointer; text-shadow:0 0 8px #ffffff66; transition:all .4s var(--capsule-ease); }
.capsule-toggle svg { flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; transition:transform .8s var(--capsule-ease); }
.capsule-toggle:hover { background:#ffffff0d; color:#fff; }
.capsule-current { max-width:200px; overflow:hidden; white-space:nowrap; transition:max-width 1.25s var(--capsule-ease),opacity .4s ease; }
.capsule-ready .capsule-toggle { display:flex; }
.capsule-ready:not(.is-expanded) .capsule-shell { justify-content:space-between; }
.capsule-ready:not(.is-expanded) .capsule-links { max-width:0; opacity:0; visibility:hidden; pointer-events:none; transition:max-width 1.25s var(--capsule-ease),opacity .55s ease,visibility 0s 1.25s; }
.capsule-ready.is-expanded .capsule-current { max-width:0; opacity:0; }
.capsule-ready.is-expanded .capsule-toggle { gap:0; }
.capsule-ready.is-expanded .capsule-toggle svg { transform:rotate(180deg); }
.floating-header :focus-visible { outline:2px solid #dbe7f7; outline-offset:3px; }
@media (max-width:800px), (hover:none) {
  .floating-header,.floating-header.capsule-ready.is-expanded { width:var(--capsule-width,230px); }
  .capsule-shell { justify-content:space-between; min-height:56px; }
  .capsule-ready.is-expanded .capsule-current { max-width:200px; opacity:1; }
  .capsule-toggle { display:flex; }
  .capsule-links { position:absolute; top:calc(100% + 12px); left:50%; transform:translateX(-50%); width:min(340px,calc(100vw - 32px)); max-width:none; flex-direction:column; align-items:stretch; padding:10px; border-radius:22px; border:1px solid rgba(220,225,230,.35); background:transparent; box-shadow:0 15px 32px #0008,0 0 15px #c8d2dc26; transition:opacity .6s ease .12s,translate 1.25s var(--capsule-ease),visibility 0s; }
  /* Capas hermanas: el filtro de la cápsula no limita el cristal del desplegable. */
  .capsule-links::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background-color:var(--capsule-glass); backdrop-filter:blur(var(--capsule-blur)) saturate(135%); -webkit-backdrop-filter:blur(var(--capsule-blur)) saturate(135%); transition:background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease; }
  .capsule-links a { padding:15px 18px; text-align:left; }
  .capsule-ready:not(.is-expanded) .capsule-links { max-width:none; opacity:0; translate:0 -14px; pointer-events:none; transition:opacity .4s ease,translate 1.25s var(--capsule-ease),visibility 0s 1.25s; }
}