.lectura-boton{border:1px solid var(--border-2);background:var(--surface);color:var(--text);font:600 13.5px/1.2 var(--font-sans), system-ui, sans-serif;cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 7px;transition:border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.lectura-boton:hover{border-color:var(--text-muted);transform:translateY(-1px)}.lectura-boton span{background:var(--surface-3);width:32px;height:32px;color:var(--text);border-radius:50%;place-items:center;display:grid}.lectura-boton svg{width:16px;height:16px}:root[data-lectura] body{overflow:hidden}:root[data-lectura] .wrap{z-index:200}:root[data-lectura] .nota-col{z-index:120;overscroll-behavior:contain;background:var(--bg);padding:calc(72px + env(safe-area-inset-top)) 20px 48px;position:fixed;inset:0;overflow-y:auto}@supports not (view-transition-name:a){:root[data-lectura=abre] .nota-col{animation:.3s both lectura-entra}}:root[data-vt][data-lectura] .nota-col{view-transition-name:lectura-hoja}::view-transition-new(lectura-hoja){animation:.5s cubic-bezier(.16,1,.3,1) both hoja-sube}::view-transition-old(lectura-hoja){animation:.34s cubic-bezier(.4,0,1,1) both hoja-baja}@keyframes hoja-sube{0%{opacity:0;border-radius:18px;transform:translateY(28px)scale(.985)}60%{opacity:1}}@keyframes hoja-baja{to{opacity:0;border-radius:18px;transform:translateY(22px)scale(.99)}}:root[data-vt]::view-transition-old(root){animation:none}:root[data-vt]::view-transition-new(root){animation:none}:root[data-vt]::view-transition-group(lectura-hoja){animation:none}:root[data-vt=abrir]::view-transition-new(lectura-nav){animation:.5s cubic-bezier(.16,1,.3,1) 60ms both barra-sube}:root[data-vt=abrir]::view-transition-new(lectura-cerrar){animation:.35s .18s both cerrar-aparece}:root[data-vt=cerrar]::view-transition-old(lectura-nav){animation:.3s cubic-bezier(.4,0,1,1) reverse both barra-sube;display:block}:root[data-vt=cerrar]::view-transition-old(lectura-cerrar){animation:.2s reverse both cerrar-aparece;display:block}@keyframes barra-sube{0%{transform:translateY(100%)}}@keyframes cerrar-aparece{0%{opacity:0;transform:scale(.8)}}@keyframes lectura-entra{0%{opacity:0}}:root[data-lectura] .nota-col>*{max-width:720px;margin-left:auto;margin-right:auto}:root[data-lectura] .nota-col .pub-caja,:root[data-lectura] .nota-col .nota-acciones{display:none!important}:root[data-lectura] .nevi-pildora{display:none}.lectura-cerrar{z-index:121;top:max(16px, env(safe-area-inset-top));position:fixed;left:18px;box-shadow:0 6px 18px #0003}:root[data-lectura] .nota-col{padding-bottom:130px}:root[data-lectura] .nota-col>.lectura-nav{max-width:none;margin:0}.lectura-nav{z-index:121;padding:10px max(16px, calc(50vw - 380px)) calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;display:grid;position:fixed;bottom:0;left:0;right:0}.lectura-vecina{background:var(--surface);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:14px;gap:3px;padding:10px 14px;text-decoration:none;transition:border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.lectura-vecina:hover{border-color:var(--red-border);transform:translateY(-2px)}.lectura-vecina span{letter-spacing:.1em;text-transform:uppercase;color:var(--label);font-size:10.5px;font-weight:800}.lectura-vecina strong{font-family:var(--font-serif), Georgia, serif;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}.lectura-vecina--sig{text-align:right}@media (max-width:639px){:root[data-lectura] .nota-col{padding:calc(64px + env(safe-area-inset-top)) 16px 120px}.lectura-nav{gap:8px;padding-left:10px;padding-right:10px}.lectura-vecina{padding:8px 10px}.lectura-vecina strong{-webkit-line-clamp:2;font-size:13.5px}}::view-transition-old(.lectura-sig){mix-blend-mode:normal;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.8,.2,1);animation-fill-mode:both}::view-transition-new(.lectura-sig){mix-blend-mode:normal;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.8,.2,1);animation-fill-mode:both}::view-transition-old(.lectura-ant){mix-blend-mode:normal;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.8,.2,1);animation-fill-mode:both}::view-transition-new(.lectura-ant){mix-blend-mode:normal;animation-duration:.42s;animation-timing-function:cubic-bezier(.22,.8,.2,1);animation-fill-mode:both}::view-transition-old(.lectura-sig){animation-name:lectura-a-izq}::view-transition-new(.lectura-sig){animation-name:lectura-de-der}::view-transition-old(.lectura-ant){animation-name:lectura-a-der}::view-transition-new(.lectura-ant){animation-name:lectura-de-izq}@keyframes lectura-a-izq{to{transform:translate(-100%)}}@keyframes lectura-de-der{0%{transform:translate(100%)}}@keyframes lectura-a-der{to{transform:translate(100%)}}@keyframes lectura-de-izq{0%{transform:translate(-100%)}}.lectura-cerrar{view-transition-name:lectura-cerrar}.lectura-nav{view-transition-name:lectura-nav}::view-transition-group(lectura-cerrar){z-index:10;animation:none}::view-transition-group(lectura-nav){z-index:10;animation:none}::view-transition-old(lectura-cerrar){display:none}::view-transition-old(lectura-nav){display:none}::view-transition-new(lectura-cerrar){animation:none}::view-transition-new(lectura-nav){animation:none}::view-transition{pointer-events:none}@media (prefers-reduced-motion:reduce){:root[data-lectura] .nota-col{animation:none}::view-transition-old(lectura-hoja){animation-duration:0s}::view-transition-new(lectura-hoja){animation-duration:0s}::view-transition-old(.lectura-sig){animation-duration:0s}::view-transition-new(.lectura-sig){animation-duration:0s}::view-transition-old(.lectura-ant){animation-duration:0s}::view-transition-new(.lectura-ant){animation-duration:0s}}
