.modal:has(.ficha){width:min(740px,100%)}
.ficha{border:1px solid var(--line);border-top:5px solid var(--fh,var(--brand));border-radius:14px;padding:16px;display:grid;gap:14px;background:var(--surface);min-width:0}
.ficha-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
.ficha-h b{display:block;font:900 20px/1.1 var(--f-display)}
.ficha-h>div>span{color:var(--muted);font-size:13px}
.ficha-code{font:700 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;background:var(--surface-2);padding:6px 9px;border-radius:7px;white-space:nowrap}
.ficha-ph{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:16/8;max-width:100%;border-radius:12px;overflow:hidden}
.ficha-ph>div{overflow:hidden;background:var(--surface-2);min-height:0;min-width:0}
.ficha-ph .fm{grid-row:1/3}
.ficha-ph svg,.ficha-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ficha-t{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}
.ficha-t h4{font:800 20px/1.15 var(--f-display);margin:5px 0}
.ficha-price{font:900 26px/1 var(--f-display);font-variant-numeric:tabular-nums;color:var(--brand);white-space:nowrap}
.ficha-price small{font:600 13px var(--f-body);color:var(--muted)}
.ficha-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.ficha-specs div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:0}
.ficha-specs span{display:block;font:600 10px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ficha-specs b{display:block;font:700 15px/1.3 var(--f-display);margin-top:3px}
.ficha-d{font-size:14.5px;line-height:1.5;max-width:68ch}
.ficha-c{background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid;gap:8px}
.ficha-cg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.ficha-cg small{display:block;font:600 10px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.ficha-f{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px;font-size:12.5px;color:var(--muted)}
.ficha-cta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;border:1.5px solid color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--surface));border-radius:14px;padding:10px 14px;font-size:14px}
@media (max-width:520px){.ficha-h{grid-template-columns:auto minmax(0,1fr)}.ficha-code{grid-column:1/-1;justify-self:start}.ficha-ph{aspect-ratio:4/3}}
.tl-group{display:grid;gap:8px;margin-top:6px}
.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px}
.tl-chk{display:grid;gap:9px}
.tl-chk .inline-check{align-items:flex-start;line-height:1.35}
.tl-chk input{flex:none;margin-top:2px}
.tl-claus{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;font-size:13.5px}
.tl-claus span{border:1px dashed var(--line);border-radius:9px;padding:7px 10px;color:var(--muted)}
