.fefco-app{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15212a;background:#f6f8fa;border:1px solid #dfe7ee;border-radius:18px;padding:22px;max-width:1180px;margin:24px auto}.fefco-header{background:linear-gradient(135deg,#037d91,#0ba6bd);color:white;border-radius:16px;padding:24px;margin-bottom:18px}.fefco-header h2{margin:0 0 8px;font-size:clamp(24px,3vw,38px);line-height:1.05}.fefco-header p{margin:0;max-width:760px}.fefco-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;opacity:.9;margin-bottom:6px!important}.fefco-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.fefco-controls label{font-weight:700;font-size:14px}.fefco-controls select,.fefco-controls input{width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;border:1px solid #cbd8e3;border-radius:12px;background:white;font-size:15px}.fefco-card{display:grid;grid-template-columns:minmax(280px,440px) 1fr;gap:18px;align-items:start}.fefco-info,.fefco-visual{background:white;border:1px solid #dfe7ee;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(9,30,66,.06)}.fefco-badge{display:inline-block;background:#e7f8fb;color:#036c7d;font-weight:800;padding:6px 10px;border-radius:999px;margin-bottom:10px}.fefco-info h3{font-size:28px;margin:0 0 10px}.fefco-info p{line-height:1.55;color:#435363}.fefco-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.fefco-grid div{background:#f6f8fa;border-radius:12px;padding:12px}.fefco-grid strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#536475;margin-bottom:6px}.fefco-grid span{display:block;font-size:15px}.fefco-notes{background:#fff8e8;border:1px solid #f1d99d;border-radius:12px;padding:12px}.fefco-notes summary{cursor:pointer;font-weight:800}.fefco-notes ul{margin:10px 0 0 18px;padding:0}.fefco-visual img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #e5edf3;background:white}.fefco-visual p{font-size:13px;color:#596a78;margin:10px 0 0}@media(max-width:760px){.fefco-controls,.fefco-card{grid-template-columns:1fr}.fefco-app{padding:14px}.fefco-grid{grid-template-columns:1fr}}.fefco-sim-card{margin-top:18px;background:white;border:1px solid #dfe7ee;border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(9,30,66,.06)}.fefco-sim-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.fefco-sim-head h3{font-size:26px;margin:0 0 6px}.fefco-sim-head p{margin:0;color:#435363}.fefco-kicker-dark{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#037d91;margin:0 0 6px!important}.fefco-sim-head button{border:0;background:#037d91;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;white-space:nowrap}.fefco-sim-head button:hover{filter:brightness(.95)}.fefco-sim-layout{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;align-items:stretch}.fefco-sim-form,.fefco-preview-panel{background:#f6f8fa;border:1px solid #e3ebf2;border-radius:14px;padding:14px}.fefco-dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fefco-dim-grid+.fefco-dim-grid{margin-top:12px}.fefco-dim-grid label{font-weight:800;font-size:13px;color:#25313b}.fefco-dim-grid label span{font-weight:600;color:#6a7a86}.fefco-dim-grid input,.fefco-dim-grid select{width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #cbd8e3;border-radius:11px;background:white;font-size:15px}.fefco-dieline-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;color:#526575}.fefco-dieline-toolbar span:first-child{font-weight:900;color:#037d91;background:#e7f8fb;border-radius:999px;padding:6px 10px}.fefco-preview-panel svg{width:100%;height:auto;background:#fff;border:1px dashed #c8d6e1;border-radius:12px}.fefco-preview-panel .box-face{fill:#ffffff;stroke:#1f2d36;stroke-width:2}.fefco-preview-panel .box-top{fill:#d7b77a;stroke:#1f2d36;stroke-width:2;opacity:.9}.fefco-preview-panel .box-side{fill:#f3f0e9;stroke:#1f2d36;stroke-width:2}.fefco-preview-panel .dim-line{stroke:#037d91;stroke-width:2;marker-start:url(#arrow);marker-end:url(#arrow)}.fefco-preview-panel text{font-size:18px;font-weight:800;fill:#15212a}.fefco-spec-sheet{margin-top:16px;border:1px solid #cbd8e3;border-radius:14px;overflow:hidden;background:#fff}.fefco-spec-title{display:flex;justify-content:space-between;gap:10px;background:#15212a;color:#fff;padding:12px 14px}.fefco-spec-title span{font-size:13px;opacity:.86}.fefco-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5edf3}.fefco-spec-grid div{padding:12px;border-right:1px solid #e5edf3;border-bottom:1px solid #e5edf3;min-height:58px}.fefco-spec-grid b{display:block;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#637481;margin-bottom:5px}.fefco-spec-grid span{display:block;font-size:14px;color:#1c2933}.fefco-spec-note{font-size:12px;color:#647584;margin:0;padding:10px 14px;background:#fbfcfd}@media(max-width:900px){.fefco-sim-layout,.fefco-spec-grid{grid-template-columns:1fr 1fr}.fefco-sim-head{flex-direction:column}.fefco-sim-head button{width:100%}}@media(max-width:560px){.fefco-dim-grid,.fefco-spec-grid{grid-template-columns:1fr}}
.fefco-visual img{max-height:420px;object-fit:contain}.fefco-preview-panel .box-lid{fill:#e6d2aa;stroke:#1f2d36;stroke-width:2}.fefco-preview-panel .box-lid-side{fill:#f3f0e9;stroke:#1f2d36;stroke-width:2}.fefco-preview-panel .flap{fill:#d7b77a;stroke:#1f2d36;stroke-width:2;opacity:.92}.fefco-preview-panel .fold-line{stroke:#d24d57;stroke-width:2;stroke-dasharray:6 5}.fefco-preview-panel svg{min-height:310px}
.fefco-preview-panel svg{min-height:360px;background:#fff;border:1px solid #cbd8e3;border-radius:12px}.fefco-preview-panel .blank{fill:#fff;stroke:#111;stroke-width:1.8}.fefco-preview-panel .panel{fill:#fff;stroke:#111;stroke-width:1.8}.fefco-preview-panel .cut-line{stroke:#111;stroke-width:1.8;fill:none}.fefco-preview-panel .crease-line{stroke:#ff2b2b;stroke-width:1.4;stroke-dasharray:6 5;fill:none}.fefco-preview-panel .dim-line{stroke:#111;stroke-width:1.1;marker-start:url(#arrow);marker-end:url(#arrow)}.fefco-preview-panel .dim-label{font-size:14px;font-weight:700;fill:#111}.fefco-preview-panel .dieline-label{font-size:15px;font-weight:700;fill:#222}.fefco-preview-panel .rotate{writing-mode:tb}.fefco-dieline-toolbar span:last-child::after{content:' · cm internos'}
/* v1.4: vista técnica basada en la ilustración original recortada del catálogo FEFCO */
.fefco-ref-wrap{background:#fff;border:1px solid #cbd8e3;border-radius:12px;min-height:310px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}
.fefco-ref-wrap img{display:block;max-width:100%;max-height:430px;width:auto;height:auto;object-fit:contain;background:#fff}
.fefco-live-measures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.fefco-live-measures div{background:#fff;border:1px solid #dbe6ee;border-radius:10px;padding:9px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.fefco-live-measures b{font-size:12px;color:#536475;text-transform:uppercase;letter-spacing:.05em}
.fefco-live-measures span{font-weight:900;color:#15212a}
.fefco-ref-note{font-size:12px;line-height:1.45;color:#647584;margin:10px 0 0!important}
@media(max-width:560px){.fefco-live-measures{grid-template-columns:1fr 1fr}.fefco-ref-wrap{min-height:220px}}

/* v1.5: la imagen técnica FEFCO se escala con las medidas capturadas */
.fefco-ref-wrap{position:relative}
.fefco-ref-wrap img{transition:width .22s ease,height .22s ease;box-shadow:0 0 0 1px rgba(17,17,17,.08)}
.fefco-ref-wrap::after{content:'Escala visual: ' attr(data-scale);position:absolute;right:10px;bottom:8px;background:rgba(255,255,255,.9);border:1px solid #dbe6ee;border-radius:999px;padding:4px 8px;font-size:11px;color:#536475}

/* v1.6: suaje vectorial paramétrico; L, W y H cambian partes específicas del dibujo */
.fefco-svg-wrap{background:#fff;border:1px solid #cbd8e3;border-radius:12px;min-height:360px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}
.fefco-svg-wrap svg{width:100%;max-height:520px;min-height:330px;background:#fff;border:0;border-radius:0}
.fefco-svg-wrap .panel,.fefco-svg-wrap .flap-panel,.fefco-svg-wrap .glue-panel{fill:#fff;stroke:#111;stroke-width:.28;vector-effect:non-scaling-stroke}
.fefco-svg-wrap .glue-panel{fill:#fafafa}
.fefco-svg-wrap .cut-line{stroke:#111;stroke-width:.32;fill:none;vector-effect:non-scaling-stroke}
.fefco-svg-wrap .crease-line{stroke:#ff2626;stroke-width:.26;stroke-dasharray:1.8 1.2;fill:none;vector-effect:non-scaling-stroke}
.fefco-svg-wrap .dim-line{stroke:#111;stroke-width:.22;fill:none;marker-start:url(#arrow);marker-end:url(#arrow);vector-effect:non-scaling-stroke}
.fefco-svg-wrap .dim-tick{stroke:#111;stroke-width:.22;vector-effect:non-scaling-stroke}
.fefco-svg-wrap .dim-label{font-size:3px;font-weight:700;fill:#111}
.fefco-svg-wrap .dieline-label{font-size:4px;font-weight:700;fill:#222}
.fefco-svg-wrap .small-label{font-size:2.4px;fill:#555}
@media(max-width:560px){.fefco-svg-wrap{min-height:260px}.fefco-svg-wrap svg{min-height:240px}}

/* v1.8: textos del dibujo técnico más pequeños y delgados */
.fefco-svg-wrap .dim-label{font-size:2.2px!important;font-weight:400!important;fill:#333!important}
.fefco-svg-wrap .dieline-label{font-size:2.6px!important;font-weight:400!important;fill:#333!important}
.fefco-svg-wrap .small-label{display:none!important}