/* WordPress integration only. Story design is preserved. */
html { margin-top:0!important } #wpadminbar { display:none!important }
.rb-story-skip { position:fixed;z-index:30;left:20px;top:-100px;background:#f6f5f1;color:#141414;padding:12px }
.rb-story-skip:focus { top:10px }
.hero button.story-start { display:block;min-height:44px;min-width:44px;border:0;border-radius:0;background:none;color:var(--tinta-suave);font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 0;text-align:left;cursor:pointer;pointer-events:auto }
.hero button.story-start::after { display:none }
.hero button.story-start[hidden],.hero .story-scroll-cue[hidden] { display:none!important }
.hero button.story-start:hover { color:var(--tinta) }
.hero button.story-start:focus-visible { outline:2px solid var(--luz);outline-offset:6px }
.hero .story-scroll-cue { color:var(--tinta-suave);transition:opacity .2s ease,visibility 0s }
.hero .story-entry-dismissed { opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s .2s }
.hero .story-entry-dismissed::after { animation:none }
@media(prefers-reduced-motion:reduce){.hero .story-scroll-cue,.hero .story-entry-dismissed{transition:none}}
#creditos-abrir { position:fixed;bottom:72px;right:18px;z-index:12;border:0;background:transparent;font:inherit;font-size:11px;min-height:44px;padding:12px;color:inherit;cursor:pointer }
.en-oscura #creditos-abrir {color:var(--papel)}
#creditos { max-width:36rem;width:calc(100% - 40px);border:1px solid #bbb;padding:30px;background:var(--papel);color:var(--tinta) }
#creditos::backdrop {background:#0006} #creditos a {color:inherit} #creditos button {font:inherit;padding:10px 18px;background:none;border:1px solid;cursor:pointer}
nav a,nav button,#capitulos button {min-height:44px}
:focus-visible {outline:2px solid currentColor;outline-offset:4px}
#creditos-abrir .credito-icono{display:none}
#creditos-abrir .credito-texto{display:inline}
@media(max-width:700px){
 #capitulos{align-items:center;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #creditos-abrir{position:static;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border:0;opacity:.75}
 #creditos-abrir .credito-texto{display:none}
 #creditos-abrir .credito-icono{display:block}
}

/* The scroll spacer has no interactive content; let taps reach the story. */
#recorrido { pointer-events:none }