.commerce-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px}.commerce-table{width:100%;border-collapse:collapse}.commerce-table td,.commerce-table th{padding:14px 10px;border-bottom:1px solid var(--line,#dfd8ce);text-align:left;vertical-align:top}.commerce-scroll{overflow:auto}.commerce-summary{align-self:start;position:sticky;top:24px}.commerce-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.commerce-actions form{margin:0}.commerce-code{font-family:monospace}.commerce-empty{padding:48px 24px;text-align:center}.commerce-select{min-height:140px;width:100%}.commerce-check{display:flex;gap:10px;align-items:center}.commerce-check input[type=number]{max-width:90px}.commerce-photo{max-width:220px;max-height:150px;object-fit:cover}.commerce-sections{list-style:none;padding:0}.commerce-sections li{display:flex;gap:15px;align-items:center;margin:10px 0}.commerce-sections input[type=number]{width:90px}.commerce-nav{display:flex;flex-direction:column;gap:8px}@media(max-width:800px){.commerce-grid{grid-template-columns:1fr}.commerce-summary{position:static}}

/* maderin-tarjeta-temas: aire entre la imagen del tema y sus botones */
.commerce-actions:has(> .commerce-photo){gap:24px;margin-bottom:24px;flex-wrap:nowrap}
.commerce-actions > .commerce-photo{width:220px;height:132px;max-height:none;border-radius:8px;flex:none}
.commerce-actions:has(> .commerce-photo) h2{margin:0 0 6px}
.commerce-actions:has(> .commerce-photo) p{margin:0}
@media(max-width:600px){.commerce-actions:has(> .commerce-photo){flex-wrap:wrap}.commerce-actions > .commerce-photo{width:100%;height:auto;aspect-ratio:5/3}}