/* V6.6.21 — controles de lectura, carrusel y recomendaciones. */
[hidden]{display:none!important}
html[data-appearance] body{background:var(--paper);color:var(--ink)}
html[data-appearance] .site-header{background:var(--cream)}
html[data-appearance] .topnote{background:var(--bar-bg);color:#fff}
html[data-appearance] .hero{background:linear-gradient(125deg,var(--cream),var(--hero-glow) 65%,var(--paper))}
html[data-appearance] .hero-copy .lead,html[data-appearance] .issue-band p,html[data-appearance] .legal p,html[data-appearance] .legal li{color:var(--muted)}
html[data-appearance] .page-hero{background:linear-gradient(130deg,var(--cream),var(--hero-glow))}
html[data-appearance] .btn,html[data-appearance] .nav-cta,html[data-appearance] .pill.selected,html[data-appearance] .pill:hover{background:var(--guinda);color:var(--on-accent)!important}
html[data-appearance] .btn:hover,html[data-appearance] .nav-cta:hover{background:var(--vino)}
html[data-appearance] .btn-outline:hover{background:var(--guinda);color:var(--on-accent)}
html[data-appearance] .section-dark{background:var(--dark);color:var(--on-dark)}
html[data-appearance] .section-dark .section-head p{color:var(--footer-muted)}
html[data-appearance] .section-dark .btn-outline{border-color:var(--on-dark);color:var(--on-dark)}
html[data-appearance] .footer{background:var(--dark);color:var(--on-dark)}
html[data-appearance] .footer p,html[data-appearance] .footer a{color:var(--footer-muted)}
html[data-appearance] .footer h4{color:var(--gold)}
html[data-appearance] .issue-band,html[data-appearance] .feature-banner,html[data-appearance] .panel-pale{background:var(--surface-alt);border-color:var(--line)}
html[data-appearance] .feature-banner .eyebrow{color:var(--guinda)!important}
html[data-appearance] .issue-cover{background:var(--bar-bg)}
html[data-appearance] .reading-text{color:var(--ink)}
html[data-appearance] .form-card,html[data-appearance] .support-ticket,html[data-appearance] .support-faq,html[data-appearance] .review-card,html[data-appearance] .comment-form,html[data-appearance] .thread-message,html[data-appearance] .editor-text-quote,html[data-appearance] .editorial-thread .form-card,html[data-appearance] .audit-table-wrap,html[data-appearance] .account-options .danger-zone{background:var(--cream);color:var(--ink);border-color:var(--line)}
html[data-appearance] .field input,html[data-appearance] .field textarea,html[data-appearance] .field select,html[data-appearance] .search,html[data-appearance] .search-combo input,html[data-appearance] .support-form input:not([type=checkbox]),html[data-appearance] .support-form textarea,html[data-appearance] .comment-form textarea,html[data-appearance] .audit-toolbar input,html[data-appearance] .audit-toolbar select{background:var(--cream);color:var(--ink);border-color:var(--line)}
html[data-appearance] input::placeholder,html[data-appearance] textarea::placeholder{color:var(--muted);opacity:1}
html[data-appearance] input:focus-visible,html[data-appearance] select:focus-visible,html[data-appearance] textarea:focus-visible{outline:2px solid var(--guinda);outline-offset:2px}
html[data-appearance] .password-advice,html[data-appearance] .callout,html[data-appearance] .notice-inline,html[data-appearance] .author-consent-notice,html[data-appearance] .work-authorisation,html[data-appearance] .editorial-thread,html[data-appearance] .thread-message.from-author,html[data-appearance] .thread-excerpt,html[data-appearance] .editor-text-selectable,html[data-appearance] .comment-reply,html[data-appearance] .comment-admin-info,html[data-appearance] .reply-context,html[data-appearance] .comment-filter-result,html[data-appearance] .audit-table th,html[data-appearance] .comments-editorial-section,html[data-appearance] .audit-discreet-zone{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}
html[data-appearance] .work-authorisation h3,html[data-appearance] .author-consent-notice h3,html[data-appearance] .thread-heading h2,html[data-appearance] .thread-kind,html[data-appearance] .password-eye-toggle,html[data-appearance] .reply-toggle,html[data-appearance] .report-work-action a{color:var(--guinda)}
html[data-appearance] .thread-meta span,html[data-appearance] .audit-role,html[data-appearance] .audit-fields,html[data-appearance] .audit-change{color:var(--muted)}
html[data-appearance] .favorite-action,html[data-appearance] .footprint-vote{background:var(--cream);color:var(--guinda);border-color:var(--line)}
html[data-appearance] .favorite-action.saved,html[data-appearance] .favorite-action:hover,html[data-appearance] .footprint-vote.is-voted{background:var(--guinda);color:var(--on-accent);border-color:var(--guinda)}
html[data-appearance] .editor-bell{background:var(--cream);color:var(--guinda);border-color:var(--line)}
html[data-appearance] .editor-bell-count{background:var(--guinda);color:var(--on-accent)}
html[data-appearance] .ebook-reader{background:var(--cream);border-color:var(--line);border-top-color:var(--guinda)}
html[data-appearance] .ebook-counter,html[data-appearance] .ebook-message,html[data-appearance] .ebook-copyright{color:var(--muted)}
html[data-appearance] .ebook-stage{background:var(--surface-alt)}
html[data-appearance] .ebook-close{border-color:var(--guinda);color:var(--guinda)}
html[data-appearance] .ebook-close:hover{background:var(--guinda);color:var(--on-accent)}
html[data-appearance] .ebook-plain{background:var(--cream);color:var(--ink)}
html[data-appearance] .toast{background:var(--dark);color:var(--on-dark)}
html[data-appearance] .toast.error{background:#8d253a;color:#fff}
html[data-appearance=nocturna] .site-header .brand{background:#fffaf2;border-radius:5px;padding:4px 8px}
html[data-appearance=nocturna] .hero-art-empty .paper-front{background:var(--cream);color:var(--ink)}
html[data-appearance=nocturna] .danger-button{color:#f6b0bc!important;border-color:#b97184!important}
html[data-appearance=nocturna] .danger-button:hover{background:#45232e!important}
html[data-appearance=nocturna] .notice{background:#33222b;color:#f2d5da;border-color:#855163}
html[data-appearance] .burro-intro{background:radial-gradient(ellipse at 50% 38%,var(--cream),var(--paper) 65%,var(--hero-glow));color:var(--guinda)}
html[data-appearance] .burro-intro-headline,html[data-appearance] .burro-intro-tagline{color:var(--guinda)}
.appearance-bar{display:flex;justify-content:flex-end;padding-top:0;padding-bottom:10px}
.appearance-menu{position:relative;z-index:45}
.appearance-menu summary{cursor:pointer;font-size:.8rem;font-weight:600;list-style:none;color:var(--guinda);display:flex;align-items:center;gap:7px;min-height:36px;padding:5px 10px;border:1px solid var(--line);border-radius:30px;background:var(--cream)}
.appearance-menu summary::-webkit-details-marker{display:none}
.appearance-menu summary>span:first-child{font-size:1.1rem}
.appearance-current{font-weight:400;color:var(--muted)}
.appearance-panel{position:absolute;right:0;top:calc(100% + 9px);width:min(330px,calc(100vw - 36px));padding:23px;background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}
.appearance-panel>label{display:block;font-weight:700;font-size:.86rem;margin:15px 0 8px}
.appearance-panel select{display:block;width:100%;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
.appearance-panel p{margin:9px 0 0;line-height:1.5}
.appearance-modes{margin:20px 0 17px;padding:0;border:0;display:flex;gap:10px}
.appearance-modes legend{font-size:.86rem;font-weight:700;margin-bottom:9px}
.appearance-modes label{flex:1;cursor:pointer}
.appearance-modes input{accent-color:var(--guinda);margin:0 5px 0 0}
.appearance-modes label{display:flex;align-items:center;border:1px solid var(--line);padding:9px;border-radius:4px;font-size:.87rem}
.appearance-modes label:has(input:checked){border-color:var(--guinda);background:var(--accent-soft)}
.hero-carousel{min-width:0;align-self:center;margin-top:4px}
.hero-selection-label{text-align:center;margin-bottom:5px}
.hero-selection-label p{font-size:.8rem;color:var(--muted);margin:5px 0 0}
.hero-carousel .hero-art{min-height:475px;margin:0;transform:none}
.hero-carousel .sun{width:300px;height:300px;top:52px;right:5%;background:var(--gold);opacity:.45;box-shadow:0 0 0 26px var(--hero-glow)}
.hero-carousel .abstract-leaf{border-color:var(--guinda);top:15px;left:12px}
.hero-carousel .paper-card{width:270px;min-height:330px;top:54px;pointer-events:none}
.hero-carousel .paper-back{background:var(--bar-bg);border-color:var(--line);transform:rotate(10deg) translate(22px,-8px)}
.hero-carousel .paper-mid{background:var(--mint);border-color:var(--line);transform:rotate(-7deg) translate(-21px,2px)}
[data-hero-slide]{position:relative;z-index:2;width:min(300px,90%);align-self:center}
.hero-feature-card{text-align:center;padding:0 3px 5px;animation:hero-story-enter .4s ease-out}
.hero-cover-link{display:block;width:226px;max-width:100%;margin:10px auto 0;box-shadow:8px 17px 27px #16101c30;transform:rotate(1.5deg);transition:transform .2s}
.hero-cover-link:hover{transform:rotate(0) translateY(-3px)}
.hero-cover-link .story-cover{width:100%;height:290px;min-height:290px;border:1px solid var(--line);background:var(--cream)!important}
.hero-cover-link .story-cover>img{width:100%;height:100%;object-fit:contain;display:block}
.hero-cover-link .story-cover::before,.hero-cover-link .story-cover::after{display:none}
.hero-cover-link .assigned-cover{width:100%;height:100%}
.hero-work-info{position:relative;background:var(--cream);border:1px solid var(--line);padding:15px 12px 13px;margin:0 -8px;box-shadow:var(--shadow)}
.hero-work-info .eyebrow{font-size:.62rem}
.hero-work-info .eyebrow:before{width:16px}
.hero-work-info h2{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.06;overflow-wrap:anywhere;margin:7px 0}
.hero-work-info p{font-size:.8rem;line-height:1.4;color:var(--muted);margin:0 0 5px}
.hero-read-link{font-size:.78rem;font-weight:700;color:var(--guinda)}
.hero-carousel-controls{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:4;margin-top:12px}
.hero-carousel-controls button{border:1px solid var(--line);border-radius:50%;width:40px;min-height:40px;background:var(--cream);color:var(--guinda);font-weight:700}
.hero-carousel-controls button:hover:not(:disabled){border-color:var(--guinda);background:var(--accent-soft)}
.hero-carousel-controls button:disabled{opacity:.45;cursor:default}
.hero-carousel-controls .carousel-pause{border-radius:24px;width:auto;min-width:108px;padding:7px 13px;font-size:.8rem}
[data-carousel-counter]{min-width:48px;text-align:center;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.carousel-note{text-align:center;font-size:.72rem;line-height:1.4;color:var(--muted);margin:10px 0 0}
.community-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:45px}
.community-intro h2{font-size:clamp(2rem,3vw,2.9rem);max-width:550px;margin-bottom:15px}
.community-intro p{color:var(--muted);margin:0}
.community-intro .community-privacy{border-left:2px solid var(--guinda);padding:13px 20px;font-size:.86rem;background:var(--accent-soft)}
.community-privacy>span{display:block;font-size:1.6rem;color:var(--guinda);margin-bottom:7px}
.community-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:45px;align-items:start}
.community-list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.community-list-heading h2{font-size:2.2rem;margin:0}
.community-filter{max-width:290px;margin-bottom:25px}
.community-create{padding:28px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--guinda);border-radius:4px}
.community-create h2{font-size:2.3rem;margin:12px 0 25px}
.community-create textarea{min-height:110px}
.community-page .text-link{text-decoration:underline;text-underline-offset:3px;color:var(--guinda);font-weight:600}
.recommendation-card{border:1px solid var(--line);background:var(--cream);padding:24px 26px;margin-bottom:16px;border-radius:4px}
.recommendation-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}
.recommendation-genre{color:var(--guinda);background:var(--accent-soft);padding:4px 9px;border-radius:4px;font-weight:700}
.recommendation-card h3{font-size:1.7rem;line-height:1.12;margin:16px 0 12px;overflow-wrap:anywhere}
.recommendation-card h3 a:hover{color:var(--guinda)}
.community-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}
.recommendation-card p{font-size:.91rem;margin-bottom:20px}
.recommendation-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.78rem;border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}
.recommendation-request{padding:20px 0 35px;border-bottom:1px solid var(--line)}
.recommendation-request h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.03;margin:16px 0 25px;overflow-wrap:anywhere}
.recommendation-answer-heading{margin-top:40px}
.recommendation-answer-heading h2{font-size:2.6rem}
.recommendation-replies{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.recommendation-reply{padding:24px;background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--guinda);min-width:0}
.recommendation-reply h3{font-size:1.9rem;line-height:1.1;margin:15px 0 8px;overflow-wrap:anywhere}
.recommended-author{font-size:.95rem;overflow-wrap:anywhere}
.recommendation-reply .small-text{font-size:.74rem}
.recommendation-compose{background:var(--cream);border:1px solid var(--line);padding:30px;margin:38px 0 0;border-radius:4px}
.recommendation-compose h2{font-size:2.5rem;margin:13px 0 25px}
.community-pagination{display:flex;gap:12px;justify-content:space-between;margin-top:22px}
.community-moderation{margin-top:15px}
[data-community-status]{font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
@keyframes hero-story-enter{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1001px){.header-content{flex-wrap:wrap;gap:8px 25px;padding-top:15px;padding-bottom:5px}.nav-links{flex:1;justify-content:flex-end;flex-wrap:wrap;gap:9px 18px}.hero-grid{gap:45px}}
@media(max-width:1000px){.hero-grid{gap:25px}.hero-carousel .hero-art{min-height:475px}.hero-carousel .sun{right:0;width:260px;height:260px}.community-layout{gap:25px}.community-intro{gap:25px}}
@media(max-width:700px){.appearance-bar{padding-bottom:12px}.appearance-current{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-carousel{margin:40px auto 10px;width:100%;max-width:390px}.hero-carousel .hero-art{min-height:470px;transform:none;margin:0}.hero-carousel .sun{right:7%;top:65px;width:275px;height:275px}.hero-carousel .paper-card{width:250px;min-height:320px;top:60px}.hero-carousel .abstract-leaf{left:20px}.hero-work-info h2{font-size:1.9rem}.hero-selection-label{margin-bottom:4px}.hero-carousel-controls{margin-top:5px}.carousel-note{padding-inline:8px}.community-intro,.community-layout{grid-template-columns:1fr;gap:25px}.community-intro{margin-bottom:30px}.community-create{padding:23px;grid-row:1}.community-list-heading h2{font-size:1.9rem}.recommendation-replies{grid-template-columns:1fr}.recommendation-card{padding:21px}.recommendation-compose{padding:23px}.recommendation-answer-heading h2{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.hero-feature-card{animation:none}}
/* Evita que títulos largos amplíen la página en teléfonos de 320 px. */
@media(max-width:400px){.page-hero h1{font-size:2.5rem;overflow-wrap:anywhere}}

/* Navegación compacta para teléfonos y tabletas. */
.mobile-menu-toggle{display:none}.nav-links[hidden]{display:none!important}
@media(max-width:1000px){
.site-header .header-content{flex-direction:row;flex-wrap:wrap;position:relative;gap:12px;justify-content:space-between}.site-header .brand-wrap{margin:0;width:calc(100% - 100px);max-width:calc(100% - 100px)}
.mobile-menu-toggle{display:inline-flex;align-items:center;gap:9px;min-height:46px;min-width:82px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.menu-lines{display:grid;gap:4px;width:21px}.menu-lines i{height:2px;background:currentColor;transition:transform .18s,opacity .18s}
[aria-expanded=true] .menu-lines i:first-child{transform:translateY(6px) rotate(45deg)}[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0}[aria-expanded=true] .menu-lines i:last-child{transform:translateY(-6px) rotate(-45deg)}
.site-header .nav-links{flex-basis:100%;width:100%;order:3;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px;max-height:65dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--cream);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.site-header .nav-links a,.site-header .nav-links button{display:block;white-space:normal;text-align:left;padding:12px 14px;min-height:44px;font-size:.95rem;border-radius:8px}.site-header .nav-links a.active{background:var(--accent-soft)}.nav-scroll-hint{display:none!important}
}
@media(prefers-reduced-motion:reduce){.menu-lines i{transition:none}}
@media(max-width:1000px){.site-header .header-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-bottom:12px}.site-header .brand-wrap{width:100%;max-width:100%;min-width:0}.site-header .mobile-menu-toggle{justify-self:end}.site-header .nav-links{grid-column:1/-1;justify-content:stretch;align-items:stretch}.site-header .brand-image{width:100%;min-width:0}.site-header .brand{min-width:0}}

/* r3: un único desplazamiento vertical; evita encerrar el gesto en el menú. */
@media(max-width:1000px){html{scroll-behavior:auto}.site-header .nav-links{max-height:none;overflow:visible;overscroll-behavior:auto}.site-header{position:relative;top:auto}}

.mobile-return-menu{display:none}
@media(max-width:1000px){.mobile-return-menu:not([hidden]){display:block;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:24px;background:var(--cream);color:var(--guinda);box-shadow:var(--shadow);font:inherit;font-size:.85rem;font-weight:700}.ebook-open .mobile-return-menu{display:none!important}}