:root{--red:#dc171f;--black:#121212;--yellow:#f6bd16;--line:#d8d8d8;--bg:#f4f5f7;--text:#1b1b1b}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:12px 18px;background:#fff;border-bottom:1px solid #ddd}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.brand span:last-child{display:grid}.brand small{font-size:10px;letter-spacing:1.4px}.az{display:inline-grid;place-items:center;width:42px;height:42px;border:2px solid #16724b;border-radius:50%;font-weight:800;color:#16724b}.top-actions{margin-left:auto}.icon-btn{border:1px solid #ddd;background:#fff;border-radius:9px;padding:9px 13px}.library{max-width:1200px;margin:auto;padding:34px 18px 60px}.hero{padding:22px 0 12px}.eyebrow{font-weight:800;font-size:12px;letter-spacing:2px;color:var(--red)}h1{font-size:42px;margin:8px 0}.hero p{color:#666}.brand-tabs{display:flex;gap:8px;overflow:auto;padding:10px 0 18px}.brand-tabs button{white-space:nowrap;border:1px solid #ccc;border-radius:999px;background:#fff;padding:10px 15px;font-weight:800}.brand-tabs button.active{background:#111;color:#fff;border-color:#111}.search-row{display:flex;gap:12px;align-items:center;margin-bottom:16px}.search-row input{flex:1;padding:14px 16px;border:1px solid #ccc;border-radius:12px;background:#fff}.count{color:#666;font-size:13px}.product-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.product-list.list{display:grid;gap:7px}.ref-card{border:1px solid #ddd;background:#fff;border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px}.ref-card:hover{border-color:#999}.ref-card b{font-size:16px}.ref-card span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-list.list .ref-card{display:grid;grid-template-columns:170px 1fr;align-items:center}.sheet-view{padding:14px}.sheet-toolbar{max-width:1180px;margin:0 auto 10px;display:flex;gap:8px;align-items:center}.sheet-toolbar button,.editor-actions button{border:0;border-radius:8px;padding:10px 14px;background:#111;color:#fff;font-weight:700}.grow{flex:1}.sheet{max-width:1180px;margin:auto;background:#fff;border-radius:12px;padding:14px;box-shadow:0 4px 24px #0001}.sheet-head{display:grid;grid-template-columns:280px 1fr 185px;gap:12px;align-items:stretch}.sheet-branding{display:flex;gap:10px;align-items:center}.maker{font-weight:800}.sheet-title{background:#111;color:#fff;padding:12px 18px;border-left:12px solid var(--red);position:relative}.sheet-title:before{content:"";position:absolute;left:-5px;top:0;bottom:0;width:5px;background:var(--yellow)}.sheet-title h2{margin:0;font-size:24px}.ref-box{background:#111;color:#fff;border-radius:8px;overflow:hidden;text-align:center}.ref-box small{display:block;background:var(--yellow);color:#111;font-weight:800;padding:7px}.ref-box strong{display:block;padding:15px;font-size:20px}.sheet-grid{display:grid;grid-template-columns:1.2fr .72fr .85fr;gap:10px;margin-top:10px}.sheet-grid.bottom{grid-template-columns:.75fr 1.15fr 1fr}.panel{border:1px solid #d5d5d5;border-radius:10px;overflow:hidden;min-height:240px}.panel h3{margin:0;background:var(--red);color:#fff;padding:10px;text-align:center;font-size:13px;letter-spacing:.5px}.panel h3.dark{background:#111}.panel>p,.panel>ul,.panel>dl{margin:15px}.product-panel{padding-bottom:12px}.product-photo{height:230px;margin:12px;background:#fff center/contain no-repeat}.product-panel>b,.product-panel>strong{display:block;margin:4px 16px}.product-panel>strong{color:var(--red)}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 16px}.chips span{border:1px solid #ddd;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800}dl{font-size:12px}dl div{display:grid;grid-template-columns:42% 1fr;padding:7px 8px}dl div:nth-child(odd){background:#ececec}dt{font-weight:800}dd{margin:0}.check-list,.dot-list,.number-list{list-style:none;padding:0}.check-list li,.dot-list li,.number-list li{position:relative;padding:7px 0 7px 26px;font-size:12px;line-height:1.35}.check-list li:before{content:'✓';position:absolute;left:0;top:4px;border:2px solid var(--yellow);border-radius:50%;width:18px;height:18px;text-align:center;line-height:15px;font-weight:900}.dot-list li:before{content:'•';position:absolute;left:5px;color:var(--yellow);font-size:24px;top:-1px}.number-list{counter-reset:n}.number-list li{counter-increment:n;padding-left:42px}.number-list li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:3px;width:30px;height:30px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:10px;font-weight:900}.confirmed{border-left:6px solid var(--yellow);padding:12px!important;font-weight:700;font-size:12px}.sheet-foot{display:grid;grid-template-columns:130px 1.2fr .8fr 1fr;border:1px solid #ddd;border-radius:9px;margin-top:10px;overflow:hidden}.sheet-foot>div{padding:14px;border-right:1px solid #ddd;display:grid;gap:5px;align-content:center}.sheet-foot small{font-size:10px;font-weight:800}.sheet-foot span{font-size:11px}.az.small{width:38px;height:38px}.editor{position:fixed;inset:0;background:#0008;z-index:50;padding:24px;overflow:auto}.editor-card{max-width:900px;margin:auto;background:#fff;border-radius:14px;padding:20px}.editor-head{display:flex;align-items:center}.editor-head h2{flex:1}.editor-head button{border:0;background:#eee;border-radius:50%;width:38px;height:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:5px;font-size:12px;font-weight:700}.form-grid textarea,.form-grid input{border:1px solid #ccc;border-radius:8px;padding:10px}.form-grid textarea{min-height:100px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.editor-actions .secondary{background:#eee;color:#111}@media(max-width:800px){h1{font-size:32px}.sheet-head,.sheet-grid,.sheet-grid.bottom,.sheet-foot{grid-template-columns:1fr}.sheet-branding{padding:8px}.sheet-foot>div{border-bottom:1px solid #ddd}.form-grid{grid-template-columns:1fr}.sheet-toolbar{flex-wrap:wrap}.sheet-toolbar .grow{display:none}.sheet-toolbar button{flex:1}.product-list.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{body{background:#fff}.no-print,.topbar{display:none!important}.sheet-view{padding:0}.sheet{box-shadow:none;max-width:none;border-radius:0;padding:0}.sheet-head{grid-template-columns:250px 1fr 180px}.sheet-grid{grid-template-columns:1.2fr .72fr .85fr}.sheet-grid.bottom{grid-template-columns:.75fr 1.15fr 1fr}.sheet-foot{grid-template-columns:130px 1.2fr .8fr 1fr}@page{size:landscape;margin:8mm}}

/* v2 · Responsive multidispositivo y navegación central */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
.topbar{gap:12px}.top-actions{display:flex;align-items:center;gap:8px;min-width:0}.home-link,.toolbar-home{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #d8d8d8;background:#fff;color:#111;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:800;white-space:nowrap}.toolbar-home{background:#fff}.sheet-toolbar .toolbar-home{border-color:#ccc}.library,.sheet-view,.sheet,.sheet-toolbar{width:100%;min-width:0}.hero,.search-row,.brand-tabs,.product-list,.sheet-head,.sheet-grid,.sheet-foot,.panel,.panel *{min-width:0}.ref-card,.ref-card b,.ref-card span,.panel,.panel p,.panel li,.panel dt,.panel dd,.sheet-title,.sheet-title h2,.ref-box,.ref-box strong,.sheet-foot>div{writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal;overflow-wrap:anywhere;hyphens:auto}.ref-card b{white-space:normal}.ref-card span{white-space:normal;overflow:visible;text-overflow:clip}.sheet{overflow:hidden}.sheet-grid{align-items:stretch}.panel{min-height:0}.panel>p,.panel>ul,.panel>dl{max-width:100%}dl div{grid-template-columns:minmax(110px,42%) minmax(0,1fr);gap:8px}.product-photo{max-width:100%}.sheet-foot>div:last-child{border-right:0}.sheet-toolbar{position:sticky;top:70px;z-index:15;background:var(--bg);padding:6px 0}.search-row input{min-width:0}

/* Escritorio grande / Windows */
@media (min-width:1201px){.sheet{max-width:1400px}.sheet-toolbar{max-width:1400px}.sheet-head{grid-template-columns:minmax(250px,300px) minmax(360px,1fr) minmax(170px,210px)}.sheet-grid{grid-template-columns:minmax(330px,1.2fr) minmax(280px,.82fr) minmax(300px,.95fr)}.sheet-grid.bottom{grid-template-columns:minmax(260px,.8fr) minmax(390px,1.2fr) minmax(300px,1fr)}}

/* Laptop / iPad horizontal */
@media (min-width:801px) and (max-width:1200px){.library{max-width:100%;padding-left:16px;padding-right:16px}.sheet{max-width:100%}.sheet-head{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(150px,180px)}.sheet-grid{grid-template-columns:minmax(280px,1.05fr) minmax(250px,.9fr);}.sheet-grid .panel:nth-child(3){grid-column:1/-1}.sheet-grid.bottom{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}.sheet-grid.bottom .panel:nth-child(3){grid-column:1/-1}.sheet-foot{grid-template-columns:100px 1.1fr .9fr 1fr}.product-photo{height:210px}}

/* Tablet vertical / móviles grandes */
@media (max-width:800px){.topbar{padding:9px 10px}.brand{min-width:0;flex:1}.brand span:last-child{min-width:0}.brand b{font-size:14px}.brand small{font-size:9px}.top-actions{flex-shrink:0}.home-link{font-size:0;width:42px;height:42px;padding:0}.home-link:before{content:'⌂';font-size:20px}.library{padding:22px 12px 44px}.hero{padding-top:12px}.hero h1{font-size:30px}.brand-tabs{margin-left:-2px;margin-right:-2px}.search-row{align-items:stretch}.count{align-self:center;white-space:nowrap}.product-list.grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px}.ref-card{padding:12px}.sheet-view{padding:8px}.sheet-toolbar{top:61px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sheet-toolbar .grow{display:none}.sheet-toolbar button,.sheet-toolbar .toolbar-home{width:100%;min-height:42px;padding:9px 8px;font-size:12px}.sheet{padding:8px;border-radius:9px}.sheet-head{grid-template-columns:1fr;gap:7px}.sheet-branding{padding:8px 4px}.sheet-title{padding:10px 12px;border-left-width:8px}.sheet-title h2{font-size:19px;line-height:1.18}.ref-box{display:grid;grid-template-columns:110px 1fr;align-items:stretch;text-align:left}.ref-box small{display:grid;place-items:center;padding:8px}.ref-box strong{padding:10px 12px;font-size:17px;display:flex;align-items:center}.sheet-grid,.sheet-grid.bottom{grid-template-columns:1fr;gap:8px;margin-top:8px}.sheet-grid .panel,.sheet-grid.bottom .panel{grid-column:auto}.product-photo{height:min(50vw,240px);margin:10px}.panel h3{font-size:12px;padding:9px}.panel>p,.panel>ul,.panel>dl{margin:12px}.sheet-foot{grid-template-columns:1fr 1fr;margin-top:8px}.sheet-foot>div{padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.sheet-foot>div:nth-child(even){border-right:0}.form-grid{grid-template-columns:1fr}.editor{padding:10px}.editor-card{padding:14px}.editor-head h2{font-size:18px}}

/* iPhone / Android angosto */
@media (max-width:480px){.az{width:36px;height:36px;font-size:13px}.brand b{font-size:12px}.brand small{letter-spacing:.8px}.icon-btn{padding:8px 10px}.hero h1{font-size:27px}.hero p{font-size:14px;line-height:1.4}.search-row{display:grid;grid-template-columns:1fr auto}.search-row input{grid-column:1/-1}.count{justify-self:end}.product-list.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-card b{font-size:14px}.sheet-toolbar{grid-template-columns:1fr 1fr}.sheet-toolbar button,.sheet-toolbar .toolbar-home{font-size:11px}.sheet-foot{grid-template-columns:1fr}.sheet-foot>div{border-right:0}.ref-box{grid-template-columns:95px 1fr}.panel p,.panel li,dl{font-size:11.5px;line-height:1.42}dl div{grid-template-columns:minmax(100px,40%) minmax(0,1fr);padding:7px 6px}.product-photo{height:210px}}

/* Pantallas muy angostas: conservar lectura horizontal, nunca texto vertical */
@media (max-width:350px){.product-list.grid{grid-template-columns:1fr}.sheet-toolbar{grid-template-columns:1fr}.top-actions .icon-btn{display:none}.sheet-title h2{font-size:17px}dl div{grid-template-columns:1fr}dt{margin-bottom:2px}.ref-box{grid-template-columns:1fr}.ref-box small,.ref-box strong{text-align:center;justify-content:center}.home-link{display:none}}

.product-photo{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;background:#fff;min-height:230px}.product-photo canvas{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.ref-card.source-only{border-style:dashed}.ref-card.source-only span:after{content:" · fuente de catálogo";font-size:10px;color:#999}@media(max-width:800px){.product-photo{height:min(55vw,270px);min-height:210px;padding:2px}}@media(max-width:480px){.product-photo{height:235px;min-height:220px}}@media print{.product-photo{height:225px!important;min-height:225px!important}}