/* Carátulas de la vista local · Ing. Víctor Marín · 08/10/2026 */
.document-icon.document-icon-cover{width:52px;height:68px;padding:0;overflow:hidden;border-radius:3px;background:#f7f5ef;box-shadow:0 2px 9px #08234316}
.document-icon-cover img{display:block;width:100%;height:100%;object-fit:contain}
.document-item:has(.document-icon-cover){min-height:83px}
@media(max-width:640px){.document-icon.document-icon-cover{width:43px;height:57px}.document-item:has(.document-icon-cover){min-height:72px}}

/* Lista y documento comparten un solo marco, con lector ampliable. */
#portalView .document-workspace{grid-template-columns:minmax(248px,310px) minmax(0,1fr);gap:0;min-height:0;overflow:hidden;border:1px solid #ddd8cc;border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(5,35,64,.055)}
#portalView .document-index{display:flex;flex-flow:column nowrap;align-content:flex-start;align-items:stretch;gap:8px;max-height:820px;overflow-y:auto;padding:18px;border:0;border-right:1px solid #e2e1dc;border-radius:0;background:#f7f6f2;box-shadow:none}
#portalView .document-list-label,#portalView .plan-group-title{flex:0 0 auto;margin:3px 0 10px}
#portalView .document-index .document-item{flex:0 0 auto;width:100%;max-width:none;min-height:94px;padding:12px;border:1px solid #e3e2dc;border-radius:8px;background:#fff}
#portalView .document-index .document-item.active{border-color:#bd9c56;background:#fff9ea;box-shadow:inset 3px 0 #c79534}
#portalView .document-icon.document-icon-cover{width:66px;height:85px;flex:none}
#portalView .document-preview{min-width:0;border:0;border-radius:0;background:#fff;box-shadow:none}
#portalView .document-preview-content{padding:26px clamp(22px,3vw,42px)}
#portalView .document-preview.has-cover .document-preview-content{grid-template-columns:minmax(0,1fr) clamp(145px,14vw,210px);align-items:start}
#portalView .document-preview.has-cover .document-preview-actions{grid-column:1;grid-row:4;align-self:start;max-width:none;margin-top:8px}
#portalView .document-cover-visual{grid-column:2;grid-row:1 / span 4;display:grid;place-items:center;gap:8px;margin:0;padding:11px;border:1px solid #e6ddca;border-radius:7px;background:#f5f2e9}
#portalView .document-cover-visual img{display:block;width:100%;max-height:230px;object-fit:contain;box-shadow:0 6px 18px rgba(2,26,53,.12)}
#portalView .document-cover-visual figcaption{color:#806b47;font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
#portalView .document-frame{height:clamp(520px,68svh,920px);min-height:0;margin:0 16px 16px}
#portalView #planFrame{height:clamp(550px,72svh,950px)}
.pdf-reader-item{display:flex;align-items:center;gap:10px}
.pdf-reader-item img{width:42px;height:56px;flex:none;object-fit:contain;border:1px solid #ddd8ce;background:#fff}
.pdf-reader-item span{min-width:0}
.pdf-reader-item strong{display:block;color:#12375b;font-size:12px;line-height:1.35}
#portalView .cost-materials{display:block;max-width:530px;margin-top:5px;color:#63778a;font-size:11px;line-height:1.4;font-weight:400}
#portalView .investment-materials{display:block;margin-top:5px;color:#6c8191;font-size:11px;line-height:1.45;font-style:normal}
#portalView .demo-estimate-basis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
#portalView .demo-estimate-basis>div{padding:17px 19px;border:1px solid #e4dccb;border-radius:8px;background:#faf8f3}
#portalView .demo-estimate-basis small{display:block;margin-bottom:5px;color:#83632c;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#portalView .demo-estimate-basis strong{color:#082d52;font:400 clamp(21px,2vw,29px)/1.12 Georgia,serif}
#portalView .demo-estimate-basis p{grid-column:1/-1;margin:0;padding:11px 15px;border-left:3px solid #d4aa56;background:#fbf8ef;color:#536b7d;font-size:12px;line-height:1.6}
@media(max-width:900px){#portalView .document-workspace{grid-template-columns:1fr}#portalView .document-index{flex-flow:row nowrap;align-items:stretch;max-height:none;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #e2e1dc}#portalView .document-list-label,#portalView .plan-group-title{display:none}#portalView .document-index .document-item{width:min(230px,70vw);min-height:104px}#portalView .document-preview.has-cover .document-preview-content{grid-template-columns:minmax(0,1fr) 150px}#portalView .document-frame{height:65svh;margin:0 12px 12px}}
@media(max-width:600px){#portalView .document-index{padding:11px;gap:8px}#portalView .document-index .document-item{width:min(205px,73vw);min-height:85px}#portalView .document-icon.document-icon-cover{width:46px;height:61px}#portalView .document-preview-content,#portalView .document-preview.has-cover .document-preview-content{grid-template-columns:1fr;padding:20px}#portalView .document-cover-visual{grid-column:1;grid-row:1;justify-self:start;width:118px}#portalView .document-cover-visual img{max-height:150px}#portalView .document-preview.has-cover .document-preview-actions{grid-row:auto}#portalView .document-frame{height:62svh;min-height:350px;margin:0 8px 8px}#portalView .demo-estimate-basis{grid-template-columns:1fr;gap:8px}#portalView .demo-estimate-basis p{grid-column:1}}