:root{color-scheme:light;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#e9e9e5;color:#111}.reader-top{display:flex;align-items:center;gap:22px;padding:15px clamp(18px,4vw,56px);background:#111c27;color:#fff}.reader-brand{font:700 24px Georgia,serif;letter-spacing:.06em;color:#fff;text-decoration:none;white-space:nowrap}.reader-brand span{display:block;font:700 9px Arial,sans-serif;letter-spacing:.25em;text-align:right}.reader-top p{margin:0;font-size:13px}.reader-download{margin-left:auto;color:#fff;border:1px solid #fff9;border-radius:6px;padding:10px 14px;text-decoration:none;font-size:13px}.reader-shell{width:min(1500px,100%);margin:auto;padding:18px clamp(10px,2vw,28px) 35px}.reader-lead{text-align:center}.reader-lead h1{font:400 clamp(24px,3vw,40px) Georgia,serif;margin:4px 0 6px}.reader-lead p{font-size:14px;line-height:1.4;margin:0 0 14px}.reader-toolbar{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.reader-toolbar button{border:1px solid #84929b;border-radius:8px;background:#fff;color:#111;min-height:42px;padding:7px 12px;font-size:14px;cursor:pointer}.reader-toolbar button:disabled{opacity:.45;cursor:not-allowed}.reader-toolbar button[aria-pressed=true]{background:#dfeae9;border-color:#2f5861}.reader-toolbar button:focus-visible,.reader-download:focus-visible,.reader-brand:focus-visible,.reader-viewport:focus-visible{outline:3px solid #ff9d4d;outline-offset:2px}#pageIndicator{min-width:115px;text-align:center;font-weight:700;font-size:13px}.reader-viewport{width:100%;overflow:auto;border-radius:10px;background:#8c9699;padding:clamp(8px,2vw,18px);touch-action:pan-x pan-y}.spread{display:flex;justify-content:center;align-items:center;gap:4px;min-height:min(68vh,720px);perspective:1400px}.sheet{position:relative;flex:0 1 auto;width:auto;max-width:calc(50% - 4px);height:min(68vh,720px);aspect-ratio:612/792;box-shadow:0 10px 23px #0005;background:#fff;backface-visibility:hidden;transform-origin:left center}.sheet:only-child{max-width:100%}.sheet img{display:block;width:100%;height:100%;object-fit:contain}.sheet.turn-next{animation:turnNext .48s ease-in forwards}.sheet.turn-previous{animation:turnPrevious .48s ease-in forwards}@keyframes turnNext{to{transform:rotateY(-86deg)}}@keyframes turnPrevious{to{transform:rotateY(86deg)}}.spread.zoomed{min-width:max-content;min-height:max-content}.spread.zoomed .sheet{height:min(120vh,1300px);max-width:none}.reader-hint{text-align:center;font-size:13px;color:#30383b;margin:10px 0 0}@media(max-width:900px){.reader-top{flex-wrap:wrap;gap:8px 16px}.reader-top p{display:none}.reader-download{padding:8px;font-size:12px}.reader-lead p{font-size:12px}.spread{min-height:0}.sheet{height:auto;width:min(100%,620px);max-width:100%;max-height:none}.sheet img{height:auto}.spread.zoomed .sheet{width:min(170vw,1000px);height:auto}.reader-viewport{max-height:calc(100dvh - 175px);min-height:200px}.reader-toolbar{gap:5px}.reader-toolbar button{padding:6px 8px;min-height:40px}}@media(max-width:900px) and (orientation:landscape){.reader-shell{padding-top:7px}.reader-lead{display:none}.reader-viewport{max-height:calc(100dvh - 110px)}.reader-toolbar{margin-bottom:5px}.sheet{width:min(77vw,620px)}}@media(max-width:520px){.reader-brand{font-size:19px}.reader-toolbar button span{display:none}.reader-hint{font-size:12px}}@media(prefers-reduced-motion:reduce){.sheet.turn-next,.sheet.turn-previous{animation-duration:.01s}}
.reader-translation{max-width:980px;margin:18px auto;padding:22px;background:#fff;color:#111;border-radius:16px;box-shadow:0 4px 22px #0002}
.reader-translation h2{margin:0 0 12px;font:700 22px/1.25 Georgia,serif}
.reader-translation-text{white-space:pre-wrap;font:16px/1.65 Arial,sans-serif;overflow-wrap:anywhere}
.reader-translation[hidden]{display:none}
.reader-language-slot{display:flex;align-items:center}
.sheet{container-type:inline-size}
.sheet > img{display:block;width:100%;height:100%;object-fit:contain}
.reader-overlay{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center}
.reader-overlay > img{width:100%;height:100%;object-fit:contain}
.reader-overlay button{width:100%;height:100%;border:1px solid #fff9;border-radius:8px;background:#c11d2b;color:#fff;font-weight:700;cursor:pointer}
.reader-overlay-text{white-space:pre-wrap;font-weight:700;line-height:1.15;padding:2%;box-shadow:0 2px 12px #0003}
.reader-overlay-image.clickable{cursor:pointer}
.reader-overlay-programmatic{background:#fff}
.reader-overlay-programmatic > div{max-width:100%;max-height:100%}
.reader-ad-slot{max-width:370px;min-height:0;margin:14px auto;text-align:center}
.reader-ad-slot:before{content:'Publicidad · LV Media Group';display:block;font:11px Arial,sans-serif;color:#333;margin-bottom:6px}
.reader-ad-slot[hidden]{display:none}
.reader-media-dialog{border:0;border-radius:14px;padding:18px;width:min(95vw,750px);box-shadow:0 20px 80px #0008}
.reader-media-dialog::backdrop{background:#000b}
.reader-media-dialog button{display:block;margin-left:auto;margin-bottom:12px;padding:8px 14px}
.reader-media-dialog video,.reader-media-dialog audio{display:block;max-width:100%;width:100%}
@media(max-width:900px){.reader-language-slot{order:3;width:100%;justify-content:flex-end}}

/* Editorial reader: keep the page as the focus and place only controls beneath it. */
body { background: #fff; color: #191919; }
.reader-top { gap: 18px; padding: 15px clamp(18px, 4vw, 56px); border-top: 4px solid #ed1c24; border-bottom: 1px solid #dedede; background: #fff; color: #191919; }
.reader-brand { color: #191919; font-family: Georgia, 'Times New Roman', serif; font-size: 26px; letter-spacing: -.045em; line-height: .92; }
.reader-brand span { margin-top: 6px; color: #ed1c24; font-size: 9px; letter-spacing: .24em; }
.reader-top p { display: none; }
.reader-download { border: 1px solid #bfc0c0; border-radius: 0; padding: 10px 14px; background: #fff; color: #191919; font-size: 12px; font-weight: 700; }
.reader-download:hover { border-color: #ed1c24; color: #ed1c24; }
.reader-shell { display: flex; flex-direction: column; width: min(1500px, 100%); padding: 16px clamp(10px, 2vw, 28px) 32px; }
.reader-lead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.reader-viewport { order: 1; width: 100%; padding: 0; border-radius: 0; background: #fff; }
.spread { gap: 8px; }
.sheet { border: 1px solid #e0e0e0; background: #fff; box-shadow: 0 7px 28px rgba(0, 0, 0, .12); }
.reader-toolbar { order: 2; gap: 10px; justify-content: center; flex-wrap: nowrap; width: min(680px, 100%); min-height: 65px; margin: 11px auto 0; padding: 11px 10px 0; border-top: 1px solid #dedede; }
.reader-toolbar button { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 auto; width: 42px; height: 42px; min-height: 42px; padding: 0; border: 1px solid #d7d7d7; border-radius: 50%; background: #fff; color: #191919; font-family: Georgia, serif; font-size: 27px; line-height: 1; transition: border-color .15s, color .15s, background .15s; }
.reader-toolbar button:hover:not(:disabled) { border-color: #ed1c24; color: #ed1c24; }
.reader-toolbar button:disabled { opacity: .3; }
.reader-toolbar button[aria-pressed=true] { border-color: #d7d7d7; background: #fff; color: #191919; }
.reader-toolbar button[aria-pressed=false] { color: #777; }
.reader-toolbar button span { display: none; }
.reader-toolbar button svg { width: 19px; height: 19px; }
.reader-toolbar .sound-slash { display: none; }
.reader-toolbar #soundToggle[aria-pressed=false] .sound-wave { display: none; }
.reader-toolbar #soundToggle[aria-pressed=false] .sound-slash { display: block; }
.reader-toolbar #zoomToggle[aria-pressed=true] { border-color: #ed1c24; color: #ed1c24; }
#pageIndicator { min-width: 115px; color: #191919; font-family: Georgia, 'Times New Roman', serif; font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .035em; }
.reader-hint { display: none; }
.reader-ad-slot { order: 3; }
.reader-translation { order: 4; border: 1px solid #e2e2e2; border-radius: 0; box-shadow: none; }
.reader-toolbar button:focus-visible, .reader-download:focus-visible, .reader-brand:focus-visible, .reader-viewport:focus-visible { outline: 2px solid #ed1c24; outline-offset: 3px; }

@media (max-width: 900px) {
  .reader-top { gap: 8px 16px; }
  .reader-viewport { max-height: calc(100dvh - 135px); min-height: 0; }
  .reader-toolbar { gap: 8px; min-height: 58px; margin-top: 9px; padding-top: 8px; }
  .reader-toolbar button { width: 39px; height: 39px; min-height: 39px; }
  #pageIndicator { min-width: 95px; font-size: 15px; }
}
@media (max-width: 900px) and (orientation: landscape) {
  .reader-top { flex-wrap: nowrap; gap: 12px; min-height: 54px; padding: 5px 18px; }
  .reader-brand { font-size: 19px; }
  .reader-brand span { margin-top: 3px; font-size: 7px; }
  .reader-download { margin-left: auto; padding: 7px 10px; }
  .reader-language-slot { order: 0; width: auto; justify-content: flex-end; }
  .reader-shell { padding-top: 4px; padding-bottom: 0; }
  .reader-viewport { max-height: calc(100dvh - 118px); }
  .sheet, .sheet:only-child { width: auto; height: calc(100dvh - 123px); max-width: 100%; }
  .sheet img { width: 100%; height: 100%; }
  .reader-toolbar { min-height: 46px; margin-top: 3px; padding-top: 3px; }
  .reader-toolbar button { width: 35px; height: 35px; min-height: 35px; }
}
@media (max-width: 520px) {
  .reader-brand { font-size: 20px; }
  .reader-download { padding: 9px 10px; font-size: 11px; }
  .reader-toolbar { gap: 7px; }
  #pageIndicator { min-width: 85px; }
}
