.reader-landscape-gate{position:fixed;inset:0;z-index:2147483000;box-sizing:border-box;display:grid;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;justify-items:center;align-items:safe center;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:max(1.5rem,env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) max(1.5rem,env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px));color:var(--color-tinta, #1f3a5f);background:var(--color-papel, #f7f1e8);font-family:var(--font-sans, ui-sans-serif, system-ui, sans-serif);text-align:center}.reader-landscape-gate[hidden],.reader-landscape-gate:not([open]){display:none}.reader-landscape-gate::backdrop{background:var(--color-papel, #f7f1e8)}html:has(.reader-landscape-gate[open]:not([hidden])){overflow:hidden}.reader-landscape-gate__card{width:min(100%,24rem);min-width:0;display:flex;flex-direction:column;align-items:center}.reader-landscape-gate__illustration{display:grid;flex:0 0 auto;width:min(100%,10rem);aspect-ratio:1;margin-bottom:1.5rem;place-items:center;border:1px solid var(--color-tinta-200, #bcccdc);border-radius:50%;background:color-mix(in srgb,var(--color-hoja, #7cc9d4) 20%,var(--color-papel, #f7f1e8))}.reader-landscape-gate__device{position:relative;box-sizing:border-box;width:4.25rem;height:7rem;overflow:hidden;border:.25rem solid var(--color-tinta, #1f3a5f);border-radius:.75rem;background:var(--color-papel, #f7f1e8);box-shadow:0 .35rem #1f3a5f1a;transform-origin:center;animation:reader-turn-phone 3.2s cubic-bezier(.65,0,.35,1) infinite}.reader-landscape-gate__device:before{content:"";position:absolute;top:.3rem;left:50%;width:1.15rem;height:.17rem;border-radius:999px;background:var(--color-tinta, #1f3a5f);transform:translate(-50%)}.reader-landscape-gate__book{position:absolute;top:50%;left:50%;width:80%;height:43%;transform:translate(-50%,-45%);animation:reader-turn-book 3.2s cubic-bezier(.65,0,.35,1) infinite}.reader-landscape-gate__page{position:absolute;top:0;box-sizing:border-box;width:50%;height:100%;border:.1rem solid var(--color-encuentro, #a94e1e);background:var(--color-encuentro-100, #fde0cc)}.reader-landscape-gate__page--left{right:50%;border-radius:.4rem .06rem .06rem .4rem;transform:rotate(-4deg);transform-origin:right center}.reader-landscape-gate__page--right{left:50%;border-radius:.06rem .4rem .4rem .06rem;transform:rotate(4deg);transform-origin:left center}.reader-landscape-gate__eyebrow{margin:0 0 .6rem;color:var(--color-encuentro, #a94e1e);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.reader-landscape-gate__title{margin:0;color:var(--color-tinta, #1f3a5f);font-family:var(--font-hand, ui-sans-serif, system-ui, sans-serif);font-size:clamp(1.75rem,7.5vw,2.25rem);font-weight:600;line-height:1.18;text-wrap:balance}.reader-landscape-gate__copy{max-width:21rem;margin:1rem 0 0;font-size:1rem;line-height:1.55;text-wrap:balance}.reader-landscape-gate__help{max-width:21rem;margin:.75rem 0 0;color:var(--color-tinta-600, #1a3252);font-size:.875rem;line-height:1.5;text-wrap:balance}.reader-landscape-gate__exit{max-width:100%;min-height:2.75rem;margin-top:1.5rem;padding:.7rem 1.1rem;border:1px solid var(--color-tinta-200, #bcccdc);border-radius:.5rem;color:var(--color-tinta, #1f3a5f);background:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.reader-landscape-gate__exit:hover{border-color:var(--color-tinta, #1f3a5f);background:var(--color-tinta-50, #f0f4f8)}.reader-landscape-gate__exit:focus-visible{outline:3px solid var(--color-encuentro, #a94e1e);outline-offset:4px}@keyframes reader-turn-phone{0%,18%{transform:rotate(0)}48%,82%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes reader-turn-book{0%,18%,to{transform:translate(-50%,-45%) rotate(0)}48%,82%{transform:translate(-50%,-45%) rotate(-90deg)}}@media(max-height:620px){.reader-landscape-gate__illustration{width:min(100%,8rem);margin-bottom:1rem}.reader-landscape-gate__device{width:3.5rem;height:5.75rem}.reader-landscape-gate__exit{margin-top:1rem}}@media(prefers-reduced-motion:reduce){.reader-landscape-gate__device{animation:none;transform:rotate(90deg)}.reader-landscape-gate__book{animation:none;transform:translate(-50%,-45%) rotate(-90deg)}.reader-landscape-gate__exit{transition:none}}