/* VITRVVIVS · vitrina editorial complementaria, sin alterar los lectores.
   La vitrina usa imágenes documentadas del Codex H, sin simulaciones de encuadernación. */
.editorial-reading{background:#0a0a0a;color:#efefec;border-top:1px solid #333;border-bottom:1px solid #393939;padding:45px 0 46px;font-family:Arial,Helvetica,sans-serif}
.editorial-reading *, .editorial-reading *::before, .editorial-reading *::after{box-sizing:border-box}
.editorial-reading .editorial-inner{max-width:1500px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:clamp(25px,4vw,60px)}
.editorial-reading .editorial-heading{display:flex;gap:22px;flex-wrap:wrap;align-items:end;justify-content:space-between;margin-bottom:21px}
.editorial-reading .editorial-label{font:400 11px/1.3 Arial,sans-serif;color:#919191;letter-spacing:.14em;text-transform:uppercase}
.editorial-reading h2{font:400 clamp(24px,2.5vw,35px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.03em;margin:6px 0 0;color:#eeeeea}
.editorial-reading .editorial-caption{font:400 11px/1.5 Arial,sans-serif;color:#929292;margin:0;max-width:48ch}
.editorial-reading .editorial-scroll{display:flex;gap:12px;overflow:auto;scroll-snap-type:x proximity;padding:0 0 13px;scrollbar-color:#474747 #111}
.editorial-reading .editorial-card{min-width:235px;flex:1 0 min(285px,78vw);max-width:350px;min-height:194px;display:flex;flex-direction:column;gap:9px;padding:19px;background:#141414;border:1px solid #242424;border-radius:5px;text-decoration:none;color:#e4e4e2;scroll-snap-align:start;transition:border-color .2s,transform .2s}
.editorial-reading .editorial-card:hover,.editorial-reading .editorial-card:focus-visible{border-color:#6b6b6b;transform:translateY(-2px)}
.editorial-reading .editorial-card small{font:400 11px/1.4 Arial,sans-serif;color:#909090;letter-spacing:.03em}
.editorial-reading .editorial-card strong{font:400 23px/1.2 Georgia,serif;color:#eee;margin-top:3px}
.editorial-reading .editorial-card p{font:400 12px/1.62 Arial,sans-serif;color:#a6a6a6;margin:0;flex:1}
.editorial-reading .editorial-card .ed-link{font:400 11px/1.4 Arial,sans-serif;color:#bbb;border-top:1px solid #333;padding-top:8px}
.editorial-reading .volume-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px}
.editorial-reading .volume-stage{perspective:700px;width:194px;height:248px;display:flex;justify-content:center;align-items:center}
.editorial-reading .volume-turn{width:155px;height:226px;transform-style:preserve-3d;position:relative;animation:vitruvius-volume-turn 20s linear infinite;cursor:grab;touch-action:pan-y}
.editorial-reading .volume-turn:hover,.editorial-reading .volume-turn:focus-visible{animation-play-state:paused}
.editorial-reading .volume-turn:active{cursor:grabbing}
.editorial-reading .volume-cover,.editorial-reading .volume-spine,.editorial-reading .volume-pages,.editorial-reading .volume-back{position:absolute;display:flex;box-sizing:border-box;backface-visibility:visible}
.editorial-reading .volume-cover{inset:0;background:linear-gradient(135deg,#283b4a,#10232f 68%,#0c141c);border:1px solid #907856;transform:translateZ(10px);box-shadow:inset 0 0 0 7px #12222a,inset 0 0 0 8px #756543,6px 12px 25px #0009;color:#ded6c7;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;padding:29px 13px 25px}
.editorial-reading .volume-cover:before{content:"";position:absolute;inset:12px;border:1px solid rgba(171,147,105,.24);pointer-events:none}
.editorial-reading .volume-cover small{font:400 9px/1.4 Georgia,serif;letter-spacing:.16em;color:#b79c70}
.editorial-reading .volume-cover strong{font:italic 400 26px/1.15 Georgia,serif;letter-spacing:-.02em;max-width:122px}
.editorial-reading .volume-spine{width:20px;height:226px;top:0;left:0;transform-origin:left;transform:rotateY(-90deg) translateX(-10px);background:#0c1a22;border:1px solid #8e7450;align-items:center;justify-content:center;color:#bcaa86}
.editorial-reading .volume-spine span{font:400 9px Georgia,serif;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.editorial-reading .volume-pages{width:154px;height:224px;top:1px;left:1px;transform:translateZ(-8px);background:repeating-linear-gradient(90deg,#ddd2b7,#e5dcc4 2px,#d2c4a9 3px);border:1px solid #8d8670}
.editorial-reading .volume-back{inset:0;transform:rotateY(180deg) translateZ(10px);background:#132937;border:1px solid #907856}
.editorial-reading .volume-note{font:400 10px/1.5 Arial,sans-serif;color:#919191;max-width:25ch;text-align:center}
.editorial-reading .volume-read{font:400 12px/1.4 Arial,sans-serif;color:#d5d5d2;text-underline-offset:3px}
@keyframes vitruvius-volume-turn{0%{transform:rotateX(-6deg) rotateY(-20deg)}50%{transform:rotateX(-6deg) rotateY(160deg)}100%{transform:rotateX(-6deg) rotateY(340deg)}}
@media(max-width:1050px){.editorial-reading .editorial-inner{grid-template-columns:1fr}.editorial-reading .volume-area{flex-direction:row;justify-content:center;padding-top:16px}.editorial-reading .volume-stage{width:160px;height:213px;transform:scale(.84)}.editorial-reading .volume-note{max-width:22ch}}
@media(max-width:580px){.editorial-reading{padding:30px 0}.editorial-reading .editorial-inner{padding:0 17px}.editorial-reading .editorial-heading{margin-bottom:15px}.editorial-reading .volume-area{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.editorial-reading .volume-turn{animation:none;transform:rotateY(-20deg)}.editorial-reading .editorial-card{transition:none}.editorial-reading .editorial-card:hover{transform:none}}

/* Portada bibliográfica — paleta propia, separada del buscador Vitruvia. */
.editorial-reading{
 background:var(--paper,#f8f5ee)!important;
 color:var(--ink,#172b3c)!important;
 border-top:1px solid var(--line,#d8d4c9);
 border-bottom:1px solid var(--line,#d8d4c9);
 overflow:hidden;
}
.editorial-reading .editorial-inner,.editorial-reading .editorial-main,.editorial-reading .editorial-heading,.editorial-reading .volume-area{min-width:0;max-width:100%}
.editorial-reading .editorial-label{color:var(--muted,#646a6c)}
.editorial-reading h2{color:var(--ink,#172b3c)}
.editorial-reading .editorial-caption{color:var(--muted,#646a6c)}
.editorial-reading .editorial-card{
 background:var(--white,#fffdf8);
 border-color:var(--line,#d8d4c9);
 color:var(--ink,#172b3c);
}
.editorial-reading .editorial-card small{color:var(--muted,#646a6c)}
.editorial-reading .editorial-card strong{color:var(--ink,#172b3c)}
.editorial-reading .editorial-card p{color:var(--muted,#646a6c);text-align:left}
.editorial-reading .editorial-card .ed-link{color:var(--ink,#172b3c);border-top-color:var(--line,#d8d4c9)}
.editorial-reading .editorial-card:hover,.editorial-reading .editorial-card:focus-visible{border-color:var(--gold,#a18b59)}
.editorial-reading .volume-note{color:var(--muted,#646a6c)}
.editorial-reading .volume-read{color:var(--ink,#172b3c)}
/* Escritorio: tarjetas distribuidas sobre una retícula editorial, sin escapar del ancho disponible. */
@media(min-width:1051px){
 .editorial-reading .editorial-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none}
 .editorial-reading .editorial-card{min-width:0;max-width:none;min-height:184px;flex:initial}
 .editorial-reading .editorial-inner{grid-template-columns:minmax(0,1fr) minmax(190px,230px)}
}
@media(min-width:581px) and (max-width:1050px){
 .editorial-reading .editorial-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none}
 .editorial-reading .editorial-card{min-width:0;max-width:none;min-height:170px;flex:initial}
}
/* Teléfonos: una sola columna. El libro en 3D se omite para evitar recortes y superposiciones. */
@media(max-width:580px){
 .editorial-reading{padding:30px 0!important}
 .editorial-reading .editorial-inner{display:block!important;padding-inline:clamp(16px,4vw,22px)!important;width:100%;max-width:100%}
 .editorial-reading .editorial-main{width:100%;min-width:0}
 .editorial-reading .editorial-heading{display:block;margin-bottom:18px}
 .editorial-reading .editorial-caption{max-width:100%;margin-top:12px}
 .editorial-reading .editorial-scroll{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
 .editorial-reading .editorial-card{width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;flex:none!important;gap:10px;padding:19px!important}
 .editorial-reading .editorial-card strong{font-size:22px;overflow-wrap:anywhere}
 .editorial-reading .editorial-card p{font-size:13px;line-height:1.65}
 .editorial-reading .volume-area{display:none!important}
}


/* Vitrina documental, en lugar de un libro 3D. Sin animaciones decorativas. */
.editorial-reading .folio-feature{min-width:0;display:flex;flex-direction:column;gap:10px;align-items:stretch;align-self:start;padding:15px 15px 17px;border:1px solid var(--line,#dad6cf);background:var(--white,#fffdf8);color:var(--ink,#172b3c);border-radius:4px}
.editorial-reading .folio-feature-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line,#dedbd6);padding-bottom:10px}
.editorial-reading .folio-eyebrow{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.11em;color:var(--muted,#555)}
.editorial-reading .folio-number{font:italic 15px Georgia,serif;color:var(--ink,#172b3c)}
.editorial-reading .folio-image-link{display:flex;min-width:0;align-items:center;justify-content:center;height:262px;padding:9px;background:#e8e1d1;border:1px solid #d2c8b9;overflow:hidden}
.editorial-reading .folio-image-link:focus-visible{outline:2px solid #a98f5c;outline-offset:3px}
.editorial-reading #folio-feature-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;filter:none;box-shadow:0 2px 9px #0002}
.editorial-reading .folio-metadata{display:flex;flex-direction:column;gap:2px;min-width:0}
.editorial-reading .folio-metadata strong{font:400 19px/1.2 Georgia,serif;color:var(--ink,#172b3c)}
.editorial-reading .folio-metadata span{font:400 11px/1.5 Arial,sans-serif;color:var(--muted,#666)}
.editorial-reading .folio-controls{display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid var(--line,#ddd);padding-top:11px}
.editorial-reading .folio-controls button{border:1px solid var(--line,#ccc);background:transparent;color:var(--ink,#172b3c);border-radius:4px;width:38px;height:34px;font:400 19px Georgia,serif;cursor:pointer}
.editorial-reading .folio-controls button:hover:not(:disabled),.editorial-reading .folio-controls button:focus-visible{background:var(--paper,#eee9de);border-color:var(--gold,#a98f5c)}
.editorial-reading .folio-controls button:disabled{opacity:.3;cursor:default}
.editorial-reading .folio-controls span{font:400 12px/1.5 Arial,sans-serif;color:var(--muted,#666);min-width:33px;text-align:center}
.editorial-reading .folio-note{font:400 11px/1.55 Arial,sans-serif;color:var(--muted,#666);margin:0}
.editorial-reading .folio-read{font:500 12px/1.5 Arial,sans-serif;color:var(--ink,#172b3c);text-decoration:underline;text-underline-offset:3px;align-self:start}
html[data-theme=dark] .editorial-reading .folio-feature{background:#142633;color:#eaeaea;border-color:#50606b}
html[data-theme=dark] .editorial-reading .folio-feature-head,html[data-theme=dark] .editorial-reading .folio-controls{border-color:#50606b}
html[data-theme=dark] .editorial-reading :is(.folio-metadata strong,.folio-number,.folio-read){color:#f0ede5}
html[data-theme=dark] .editorial-reading :is(.folio-metadata span,.folio-eyebrow,.folio-note,.folio-controls span){color:#d2d0ca}
html[data-theme=dark] .editorial-reading .folio-controls button{color:#eee;border-color:#576d77}
@media(min-width:1051px){.editorial-reading .editorial-inner{grid-template-columns:minmax(0,1fr) minmax(218px,258px)}}
@media(min-width:581px) and (max-width:1050px){.editorial-reading .folio-feature{max-width:330px;margin:12px auto 0}}
@media(max-width:580px){.editorial-reading .folio-feature{margin-top:24px;padding:15px;width:100%}.editorial-reading .folio-image-link{height:235px}}