.revista{--rv-borde:#6096ff33;--rv-borde-s:#78aaff6b;--rv-azul:#3b7bff;--rv-cian:#37c6ff;--rv-tinta:#eaf1ff;--rv-tenue:#8fa4cf;color:var(--rv-tinta);background:radial-gradient(70% 90% at 62% 45%,#16305f,#081227 70%);grid-template-columns:minmax(170px,23%) minmax(0,1fr);display:grid;position:absolute;inset:0}.revista--error{color:var(--rv-tenue);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.revista--error p{margin:0}.revista__portada{border-right:1px solid var(--rv-borde);background:linear-gradient(#08122899,#081228e6);flex-direction:column;justify-content:center;gap:8px;padding:22px;display:flex}.revista__logo{object-fit:cover;background:#fff;border-radius:16px;width:64px;height:64px}.revista__logo--ini{background:var(--rv-azul);color:#fff;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.revista__ojo{letter-spacing:.2em;text-transform:uppercase;color:var(--rv-cian);margin:8px 0 0;font-size:.64rem;font-weight:700}.revista__titulo{margin:0;font-size:1.1rem;font-weight:800;line-height:1.2}.revista__linea{background:var(--lima);border-radius:3px;width:36px;height:3px}.revista__pag{color:var(--rv-tenue);margin:4px 0 0;font-size:.8rem}.revista__pag b{color:var(--rv-tinta)}.revista__flechas{gap:8px;display:flex}.revista__flechas button{border:1.5px solid var(--rv-borde-s);width:36px;height:36px;color:var(--rv-tinta);cursor:pointer;border-radius:50%;place-items:center;display:grid}.revista__flechas button:hover:not(:disabled){border-color:var(--lima);color:var(--lima)}.revista__flechas button:disabled{opacity:.35;cursor:default}.revista__bajar{color:var(--rv-cian);align-items:center;gap:6px;margin-top:6px;font-size:.78rem;font-weight:700;display:inline-flex}.revista__bajar:hover{color:var(--lima)}.revista__opciones{flex-direction:column;align-items:flex-start;gap:8px;margin-top:6px;display:flex}.revista__modo{border:1px solid var(--rv-borde);background:#040a188c;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.revista__modo button,.revista__pantalla{color:#fff9;cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.revista__modo button:hover{color:#fff;background:#ffffff0f}.revista__modo button[aria-pressed=true]{background:var(--lima);color:var(--navy-900,#0a1020);box-shadow:0 6px 16px #a3e63533}.revista__pantalla{border:1.5px solid var(--rv-borde-s);height:34px;color:var(--rv-tinta)}.revista__pantalla:hover{border-color:var(--lima);color:var(--lima)}.revista__portada{container-type:inline-size}@container (max-width:200px){.revista__opciones,.revista__modo{align-self:stretch}.revista__modo{flex-direction:column}}.revista.revista--cubre{z-index:1000;position:fixed;inset:0}.revista--pantalla .revista__mesa{perspective:2200px}.revista__mesa{perspective:1600px;outline:none;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.revista__mesa:focus-visible{box-shadow:inset 0 0 0 2px var(--lima)}.revista__pliego{transform-style:preserve-3d;display:flex;position:relative}.revista__hoja{transform-origin:0;transform-style:preserve-3d;background:#fff;position:relative;box-shadow:0 1px #fff3,0 22px 50px #0000008c,0 6px 14px #00000059}.revista__hoja--izq{transform-origin:100%}.revista__hoja canvas{display:block}.revista__hoja--cargando{aspect-ratio:1/1.414;background:linear-gradient(100deg,#e8edf6 30%,#f7f9fc 50%,#e8edf6 70%) 0 0/300% 100%;width:min(42vw,360px);animation:1.3s linear infinite revista-brillo}.revista__hoja--cargando canvas{opacity:0}@keyframes revista-brillo{to{background-position:-300% 0}}.revista__lomo{pointer-events:none;background:linear-gradient(90deg,#00000047,#0000000f 45%,#0000);width:9%;position:absolute;inset:0 auto 0 0}.revista__hoja--izq .revista__lomo{background:linear-gradient(270deg,#0000004d,#00000012 45%,#0000);width:7%;inset:0 0 0 auto}.revista__hoja--der .revista__lomo{width:7%}.revista__esquina{pointer-events:none;background:linear-gradient(135deg,#0000 50%,#d9e2f1 50%,#b9c6dc 100%);border-top-left-radius:4px;width:34px;height:34px;transition:width .2s,height .2s;position:absolute;bottom:0;right:0;box-shadow:-3px -3px 6px #0000002e}.revista__pliego:hover .revista__esquina{width:46px;height:46px}.revista__zona{cursor:pointer;background:0 0;width:50%;position:absolute;top:0;bottom:0}.revista__zona:disabled{cursor:default}.revista__zona--ant{cursor:w-resize;left:0}.revista__zona--sig{cursor:e-resize;right:0}.revista__pliego--sale-sig .revista__hoja:not(.revista__hoja--izq){animation:.24s ease-in forwards revista-sale-sig}.revista__pliego--entra-sig .revista__hoja:not(.revista__hoja--der){animation:.26s ease-out revista-entra-sig}.revista__pliego--sale-ant .revista__hoja:not(.revista__hoja--der){animation:.24s ease-in forwards revista-sale-ant}.revista__pliego--entra-ant .revista__hoja:not(.revista__hoja--izq){animation:.26s ease-out revista-entra-ant}@keyframes revista-sale-sig{to{filter:brightness(.7);transform:rotateY(-88deg)}}@keyframes revista-entra-sig{0%{filter:brightness(.7);transform:rotateY(88deg)}}@keyframes revista-sale-ant{to{filter:brightness(.7);transform:rotateY(88deg)}}@keyframes revista-entra-ant{0%{filter:brightness(.7);transform:rotateY(-88deg)}}.revista.revista--sola{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.revista__abriendo{text-align:center;color:#5b6b86;pointer-events:none;place-items:center;padding:12px;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.revista__hoja--cargando{animation:none}}@media (max-width:767px){.revista{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.revista__portada{border-right:0;border-bottom:1px solid var(--rv-borde);flex-flow:wrap;align-items:center;gap:8px 10px;padding:10px 12px}.revista__logo{border-radius:9px;width:32px;height:32px}.revista__ojo,.revista__linea{display:none}.revista__titulo{font-size:.86rem}.revista__pag{margin:0 0 0 auto}.revista__bajar{display:none}.revista__opciones{flex-direction:row;align-items:center;margin:0}.revista__modo button span,.revista__pantalla span{display:none}.revista__modo button,.revista__pantalla{padding:0 8px}}
