/* Hoja ya montada · España DTF */
.hl{margin:0 0 18px}
.hl-tabs{display:flex;gap:6px;background:#eef0f4;padding:5px;border-radius:12px;margin-bottom:14px}
.hl-tab{flex:1;min-height:46px;border:0;border-radius:9px;background:transparent;font:700 15px/1.2 "Barlow",system-ui,sans-serif;color:#3b3c47;cursor:pointer;padding:8px 10px}
.hl-tab.is-on{background:#fff;color:#14151c;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hl-tab:focus-visible{outline:3px solid #ff4fb0;outline-offset:2px}
.hl-panel{background:#fff;border:1px solid #e5e3dc;border-radius:14px;padding:18px}
.hl-h{margin:0 0 10px;font:800 22px/1.05 "Barlow Condensed","Barlow",sans-serif;text-transform:uppercase;color:#14151c}
.hl-req{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px;font-size:15px;color:#3b3c47}
.hl-req li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e6007e;margin-right:8px;vertical-align:1px}
.hl-drop{display:flex;align-items:center;gap:14px;border:2px dashed #c9c8d4;border-radius:12px;padding:16px;cursor:pointer;background:#faf9f6;transition:border-color .15s,background .15s}
.hl-drop:hover,.hl-drop.is-over{border-color:#e6007e;background:#fff5fa}
.hl-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hl-ico{flex:0 0 46px;height:46px;border-radius:50%;background:#e6007e;color:#fff;display:grid;place-items:center;font:800 24px "Barlow Condensed",sans-serif}
.hl-txt b{display:block;font-size:17px;color:#14151c}
.hl-txt small{color:#5b5b66;font-size:13.5px}
.hl-err{display:flex;gap:12px;align-items:flex-start;margin-top:14px;background:#d8001f;color:#fff;border-radius:12px;padding:14px 16px;font-size:16px;line-height:1.4;font-weight:600;box-shadow:0 10px 30px rgba(216,0,31,.3)}
.hl-err[hidden]{display:none}
.hl-err b{color:#fff;font-weight:800}
.hl-err-ico{flex:0 0 28px;height:28px;border-radius:50%;background:#fff;color:#d8001f;display:grid;place-items:center;font-weight:900;font-size:16px}
.hl-res{margin-top:16px}
.hl-res[hidden]{display:none}
.hl-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.hl-list:empty{display:none}
.hl-item{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:start;background:#faf9f6;border:1px solid #e5e3dc;border-radius:12px;padding:10px}
.hl-item.is-ok{border-color:#8fd4ae}.hl-item.is-bad{border-color:#d8001f;background:#fff5f6}.hl-item.is-sent{border-color:#147744;background:#f1faf5}
.hl-thumb{width:84px;height:84px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e8e8ee 0 25%,#fff 0 50%) 0 0/12px 12px;border:1px solid #e5e3dc;display:grid;place-items:center}
.hl-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.hl-noimg{font:800 13px "Barlow Condensed",sans-serif;color:#5b5b66;background:#fff;padding:4px 8px;border-radius:6px}
.hl-info{min-width:0;display:grid;gap:4px;font-size:14px;color:#3b3c47}
.hl-fn{color:#14151c;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.hl-info small{color:#5b5b66}
.hl-med{font-size:13.5px;color:#5b5b66}
.hl-st{font-size:14px;color:#3b3c47}.hl-st-ok{color:#147744;font-weight:600}
.hl-err-item{margin-top:4px;padding:10px 12px;font-size:14.5px;box-shadow:none}
.hl-del{border:0;background:#eef0f4;color:#3b3c47;width:34px;height:34px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.hl-del:hover{background:#d8001f;color:#fff}
.hl-price{background:#14151c;color:#fff;border-radius:10px;padding:12px 14px;margin-bottom:12px}
.hl-price span{display:block;font-size:13px;color:#b7b6c2;text-transform:uppercase;letter-spacing:.08em}
.hl-price b{display:block;font:800 34px/1 "Barlow Condensed",sans-serif;margin:4px 0}
.hl-price small{color:#d9d8e2;font-size:13px}
.hl-name{display:block;font-size:14px;font-weight:600;color:#3b3c47;margin-bottom:10px}
.hl-name input{display:block;width:100%;margin-top:4px;min-height:46px;border:1px solid #c9c8d4;border-radius:9px;padding:0 12px;font:500 16px "Barlow",sans-serif}
.hl-check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#3b3c47;margin-bottom:12px}
.hl-check input{width:20px;height:20px;margin:2px 0 0;accent-color:#e6007e;flex:0 0 20px}
.hl-rev{display:flex;gap:12px;align-items:flex-start;background:#fff0f8;border:1px solid #e6007e;border-left:5px solid #e6007e;border-radius:10px;padding:12px 14px;margin:0 0 12px;color:#1a1b24}.hl-rev p{margin:0;font-size:15px;line-height:1.4}.hl-rev-ico{flex:0 0 26px;height:26px;border-radius:50%;background:#e6007e;color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}
.hl-send{width:100%;min-height:52px;font-size:17px}
.hl-note{margin:10px 0 0;font-size:14px;color:#3b3c47;min-height:1.2em}
@media(max-width:760px){.hl-tab{font-size:14px}.hl-item{grid-template-columns:64px 1fr auto}.hl-thumb{width:64px;height:64px}}
/* Mientras se sube una hoja preparada, ocultar lo que no aplica del montador */
body.hl-mode #designList,body.hl-mode .boardwrap,body.hl-mode #properties,body.hl-mode #fitBottom,body.hl-mode #emptyBoard,
body.hl-mode main#contenido>.workspace,body.hl-mode main#contenido>.order>*:not(#pedidoHojas):not(#pagoBox),body.hl-mode #pedidoHojas .ph-empty,body.hl-mode .tools .sheet-actions,body.hl-mode .tools #resetAll,body.hl-mode .tools .sheet-actions-note,
body.hl-mode .tools #hojaLista~small,body.hl-mode .tools details.advanced,body.hl-mode .tools .step-heading,body.hl-mode .tools p.help,body.hl-mode .tools .design-list-wrap{display:none!important}
body.hl-mode main#contenido{grid-template-columns:minmax(0,760px)!important;justify-content:center}
body.hl-mode main#contenido>.tools,body.hl-mode main#contenido>.order{width:auto;max-width:760px;grid-column:1}
body.hl-mode main#contenido>.order{padding-top:0}