.comercia-app{font-family:var(--comercia-font);background:var(--comercia-bg);margin:20px 20px 0 0;border-radius:22px;overflow:hidden;box-shadow:0 12px 40px rgba(15,23,42,.08);color:#111827}.comercia-header{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:linear-gradient(135deg,var(--comercia-secondary),var(--comercia-primary));color:#fff}.comercia-brand{font-size:30px;font-weight:900;letter-spacing:-.04em}.comercia-subtitle{opacity:.85;margin-top:4px}.comercia-version{background:rgba(255,255,255,.18);padding:8px 12px;border-radius:999px}.comercia-nav{display:flex;gap:8px;background:#fff;padding:12px 24px;border-bottom:1px solid #e5e7eb}.comercia-nav a{text-decoration:none;color:#334155;padding:10px 14px;border-radius:12px;font-weight:700}.comercia-nav a.active,.comercia-nav a:hover{background:var(--comercia-primary);color:#fff}.comercia-content{padding:28px}.comercia-grid.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}.comercia-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:22px;box-shadow:0 6px 20px rgba(15,23,42,.04)}.comercia-card span{display:block;color:#64748b;font-weight:700}.comercia-card strong{display:block;font-size:34px;margin:8px 0;color:var(--comercia-secondary)}.comercia-card small{color:#64748b}.comercia-panel{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:24px;margin-bottom:22px}.comercia-panel h2{margin-top:0;font-size:22px}.comercia-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comercia-alert{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px;display:flex;justify-content:space-between;gap:10px}.comercia-alert.danger{background:#fef2f2;color:#991b1b}.comercia-table{width:100%;border-collapse:separate;border-spacing:0 10px}.comercia-table th{text-align:left;color:#64748b;padding:8px}.comercia-table td{background:#f8fafc;padding:12px;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.comercia-table td:first-child{border-left:1px solid #e5e7eb;border-radius:14px 0 0 14px}.comercia-table td:last-child{border-right:1px solid #e5e7eb;border-radius:0 14px 14px 0}.comercia-table .pic img{width:52px;height:52px;object-fit:cover;border-radius:12px}.comercia-table .actions{display:flex;gap:6px;flex-wrap:wrap}.comercia-code{font-family:monospace;background:#0f172a;color:#fff;padding:14px;border-radius:12px;margin:10px 0}.comercia-product-social textarea{width:100%;min-height:150px;border-radius:14px;padding:14px;margin:8px 0 16px}.comercia-product-social label{display:block;font-weight:800}.comercia-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.comercia-form-grid label{font-weight:800}.comercia-form-grid input,.comercia-form-grid select{width:100%;margin-top:6px;border-radius:12px;padding:8px 12px}.comercia-footer{text-align:center;color:#64748b;padding:18px;background:#fff;border-top:1px solid #e5e7eb}@media(max-width:1000px){.comercia-grid.cards,.comercia-alerts,.comercia-form-grid{grid-template-columns:1fr}.comercia-nav{flex-wrap:wrap}}
.comercia-filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 18px}.comercia-badge{display:inline-block;background:#eef2ff;color:#3730a3;font-weight:800;border-radius:999px;padding:5px 9px;margin:2px}.comercia-badge.danger{background:#fef2f2;color:#991b1b}.comercia-badge.info{background:#ecfeff;color:#155e75}.comercia-muted{color:#64748b}.comercia-priority{max-width:118px;border-radius:8px;min-height:30px}.comercia-card.wide strong{font-size:22px}.comercia-table small{color:#64748b}.comercia-table .button{margin:0 2px 4px 0}

.comercia-blocks-table input[type=text]{width:100%;border-radius:10px}.comercia-blocks-table input[type=number]{width:80px;border-radius:10px}.comercia-blocks-table td{vertical-align:middle}.comercia-form-box{margin-top:16px}


.comercia-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0 18px}.comercia-toolbar input[type=search]{min-width:260px;border-radius:10px;padding:5px 10px}.comercia-toolbar select{border-radius:10px}.comercia-table-scroll{overflow-x:auto}.comercia-inventory-table th,.comercia-inventory-table td{vertical-align:middle}.comercia-product-cell{display:flex;gap:12px;align-items:center;min-width:260px}.comercia-no-image{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:#f1f5f9;color:#64748b;font-size:11px;text-align:center}.comercia-mini-input{width:92px!important;border-radius:10px}.comercia-small-select{max-width:135px;border-radius:10px}.comercia-commerce-flags{min-width:210px}.comercia-check{display:block;margin-bottom:4px;font-weight:700}.comercia-pagination{margin:18px 0}.comercia-pagination .page-numbers{display:inline-block;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;text-decoration:none}.comercia-pagination .current{background:var(--comercia-primary);color:#fff}.comercia-wp-notice{margin:0 0 18px 0!important}.comercia-card.warning{border-color:#fed7aa;background:#fff7ed}.comercia-card.warning strong{color:#c2410c}


/* Comercia UI - Inventario en tarjetas */
.comercia-inventory-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.comercia-inv-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden;display:grid;grid-template-columns:150px 1fr;min-height:220px}
.comercia-inv-media{background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:14px;border-right:1px solid #eef2f7}
.comercia-inv-media img{width:120px;height:120px;object-fit:contain;border-radius:18px;background:#fff}
.comercia-no-image.large{width:120px;height:120px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#64748b;text-align:center;font-weight:700}
.comercia-inv-body{padding:18px;display:flex;flex-direction:column;gap:14px}
.comercia-inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.comercia-inv-head h3{margin:0 0 4px;font-size:17px;line-height:1.25;color:#0f172a}
.comercia-inv-head small{color:#64748b}
.comercia-status-pill{white-space:nowrap;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px;background:#ecfdf5;color:#047857}
.comercia-status-pill.outofstock{background:#fef2f2;color:#b91c1c}.comercia-status-pill.onbackorder{background:#fffbeb;color:#92400e}
.comercia-inv-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comercia-inv-fields label{display:flex;flex-direction:column;gap:5px;font-weight:800;color:#475569;font-size:12px}
.comercia-inv-fields input,.comercia-inv-fields select{width:100%;max-width:100%;border-radius:12px;min-height:36px;padding:4px 9px}
.comercia-inv-flags{display:flex;gap:8px;flex-wrap:wrap}.comercia-inv-flags .comercia-check{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:7px 10px;margin:0;display:inline-flex;gap:6px;align-items:center}
.comercia-inv-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.comercia-sticky-save{position:sticky;bottom:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border:1px solid #e5e7eb;border-radius:18px;padding:12px;margin-top:18px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
@media(max-width:1200px){.comercia-inventory-cards{grid-template-columns:1fr}}
@media(max-width:700px){.comercia-app{margin:8px 8px 0 0;border-radius:16px}.comercia-header{padding:20px}.comercia-content{padding:16px}.comercia-inv-card{grid-template-columns:1fr}.comercia-inv-media{border-right:0;border-bottom:1px solid #eef2f7}.comercia-inv-fields{grid-template-columns:1fr 1fr}.comercia-inv-head{flex-direction:column}.comercia-toolbar input[type=search]{min-width:100%;width:100%}}
@media(max-width:480px){.comercia-inv-fields{grid-template-columns:1fr}.comercia-inv-actions .button{width:100%;text-align:center}.comercia-sticky-save .button{width:100%}}

/* Comercia 1.5.4 - Filtros de Inventario */
.comercia-filter-panel{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin:18px 0 22px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.comercia-filter-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.comercia-filter-head strong{display:block;font-size:18px;color:#0f172a}
.comercia-filter-head span{display:block;color:#64748b;margin-top:3px}
.comercia-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.comercia-filter-grid label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#475569;font-size:12px}
.comercia-filter-grid input,.comercia-filter-grid select{width:100%;max-width:100%;min-height:38px;border-radius:12px;border:1px solid #d1d5db;background:#fff;padding:5px 10px}
.comercia-filter-grid label:first-child{grid-column:span 2}
.comercia-filter-actions{display:flex;justify-content:flex-end;margin-top:14px}
.comercia-filter-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px;color:#64748b;font-weight:700}
.comercia-filter-chips em{font-style:normal;background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 10px;font-weight:800}
@media(max-width:1200px){.comercia-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comercia-filter-grid label:first-child{grid-column:span 2}}
@media(max-width:700px){.comercia-filter-head{flex-direction:column;align-items:flex-start}.comercia-filter-head .button{width:100%;text-align:center}.comercia-filter-grid{grid-template-columns:1fr}.comercia-filter-grid label:first-child{grid-column:auto}.comercia-filter-actions .button{width:100%}}


/* Comercia 1.6 - Pedidos */
.comercia-orders-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.comercia-order-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:18px;display:flex;flex-direction:column;gap:14px}
.comercia-order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #eef2f7;padding-bottom:12px}
.comercia-order-head h3{margin:0 0 4px;font-size:18px;color:#0f172a}.comercia-order-head small{color:#64748b}
.comercia-order-status{white-space:nowrap;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;background:#eef2ff;color:#3730a3}
.comercia-order-status.status-processing{background:#ecfeff;color:#155e75}.comercia-order-status.status-completed{background:#ecfdf5;color:#047857}.comercia-order-status.status-pending{background:#fffbeb;color:#92400e}.comercia-order-status.status-cancelled,.comercia-order-status.status-failed{background:#fef2f2;color:#b91c1c}
.comercia-order-body{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:start}.comercia-order-main strong{display:block;font-size:16px;color:#0f172a}.comercia-order-main span{display:block;color:#64748b;margin-top:3px}.comercia-order-main p{margin:10px 0 0;color:#475569}
.comercia-order-total{text-align:right;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;min-width:145px}.comercia-order-total span{display:block;color:#64748b;font-weight:800}.comercia-order-total strong{font-size:20px;color:#0f172a;display:block;margin-top:4px}
.comercia-order-controls{display:grid;grid-template-columns:220px 1fr;gap:12px}.comercia-order-controls label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#475569;font-size:12px}.comercia-order-controls select,.comercia-order-controls textarea{width:100%;border-radius:12px;border:1px solid #d1d5db}.comercia-order-controls textarea{min-height:70px;padding:8px 10px}
.comercia-order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.comercia-order-stats .comercia-card strong{font-size:30px}
@media(max-width:1200px){.comercia-orders-cards{grid-template-columns:1fr}}
@media(max-width:700px){.comercia-order-head,.comercia-order-body{grid-template-columns:1fr;display:grid}.comercia-order-head{display:flex;flex-direction:column}.comercia-order-total{text-align:left}.comercia-order-controls{grid-template-columns:1fr}.comercia-order-actions .button{width:100%;text-align:center}}

/* Comercia 1.6.1 - Áreas de Trabajo */
.comercia-workspace-hero{background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e5e7eb;border-radius:26px;padding:30px;margin-bottom:22px;box-shadow:0 10px 30px rgba(15,23,42,.05)}
.comercia-workspace-hero h1{margin:0 0 8px;font-size:34px;letter-spacing:-.04em;color:#0f172a}.comercia-workspace-hero p{margin:0;color:#64748b;font-size:16px;max-width:820px}.comercia-workspace-hero.small{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.comercia-workspace-hero.small h1{width:100%;margin-bottom:0}.comercia-workspace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comercia-workspace-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.comercia-workspace-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:24px;min-height:210px;box-shadow:0 10px 26px rgba(15,23,42,.055);display:flex;flex-direction:column;align-items:flex-start;transition:.18s ease transform,.18s ease box-shadow}.comercia-workspace-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08)}.comercia-workspace-card.module{min-height:190px}.comercia-workspace-card.is-soon{background:#f8fafc;border-style:dashed}.comercia-workspace-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#eef2ff;font-size:28px;margin-bottom:16px}.comercia-workspace-card h2{margin:0 0 8px;font-size:22px;color:#0f172a}.comercia-workspace-card p{margin:0 0 18px;color:#64748b;line-height:1.45}.comercia-workspace-card .button,.comercia-soon-pill{margin-top:auto}.comercia-soon-pill{display:inline-block;background:#e5e7eb;color:#475569;border-radius:999px;padding:8px 13px;font-weight:800}.comercia-nav{overflow-x:auto}.comercia-nav a{white-space:nowrap}
@media(max-width:1200px){.comercia-workspace-grid,.comercia-workspace-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.comercia-workspace-grid,.comercia-workspace-grid.compact{grid-template-columns:1fr}.comercia-workspace-hero{padding:22px}.comercia-workspace-hero h1{font-size:28px}.comercia-workspace-card{min-height:auto}.comercia-workspace-card .button{width:100%;text-align:center}}


/* Comercia 1.7 - Modo Aplicación */
.comercia-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.comercia-mode-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:8px 12px;font-weight:800;backdrop-filter:blur(8px)}
.comercia-mode-btn:hover{color:#fff;background:rgba(255,255,255,.28)}
.comercia-mode-btn.secondary{background:rgba(15,23,42,.18)}
.comercia-app-fullscreen{border-radius:0;background:#f6f8fb;min-height:100vh}
.comercia-app-fullscreen .comercia-header{position:sticky;top:0;z-index:50;padding:18px 28px;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.comercia-app-fullscreen .comercia-nav{position:sticky;top:58px;z-index:49;justify-content:center;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.comercia-app-fullscreen .comercia-content{max-width:1480px;margin:0 auto;width:100%;box-sizing:border-box}
.comercia-app-wordpress .comercia-mode-btn.secondary{opacity:.65}
.comercia-fullscreen-mode #screen-meta-links{display:none!important}
@media(max-width:800px){.comercia-header{align-items:flex-start;gap:14px;flex-direction:column}.comercia-header-actions{justify-content:flex-start}.comercia-app-fullscreen .comercia-nav{top:54px;justify-content:flex-start}.comercia-mode-btn{font-size:12px;padding:7px 10px}}


/* Comercia 1.7.2 - Seguimiento */
.comercia-tracking-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.comercia-tracking-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:18px;display:flex;flex-direction:column;gap:14px}
.comercia-tracking-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #eef2f7;padding-bottom:12px}
.comercia-tracking-head h3{margin:0 0 4px;font-size:18px;color:#0f172a}.comercia-tracking-head small{color:#64748b}
.comercia-tracking-status{white-space:nowrap;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;background:#fffbeb;color:#92400e}
.comercia-tracking-status.tracking-enviado{background:#eff6ff;color:#1d4ed8}.comercia-tracking-status.tracking-en_ruta{background:#f5f3ff;color:#6d28d9}.comercia-tracking-status.tracking-entregado{background:#ecfdf5;color:#047857}.comercia-tracking-status.tracking-incidencia{background:#fef2f2;color:#b91c1c}
.comercia-tracking-customer{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px}.comercia-tracking-customer strong{display:block;color:#0f172a;font-size:16px}.comercia-tracking-customer span{display:block;color:#475569;margin-top:8px}.comercia-tracking-customer small{display:block;color:#64748b;margin-top:4px}
.comercia-tracking-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comercia-tracking-fields label,.comercia-tracking-note{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#475569;font-size:12px}.comercia-tracking-fields input,.comercia-tracking-fields select,.comercia-tracking-note textarea{width:100%;border-radius:12px;border:1px solid #d1d5db;min-height:38px}.comercia-tracking-note textarea{min-height:72px;padding:8px 10px}
@media(max-width:1200px){.comercia-tracking-cards{grid-template-columns:1fr}}
@media(max-width:700px){.comercia-tracking-head{flex-direction:column}.comercia-tracking-fields{grid-template-columns:1fr}.comercia-tracking-card .button{width:100%;text-align:center}}
/* Comercia 1.7.2.1 - Seguimiento operativo real */
.comercia-tracking-board-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.comercia-tracking-board-intro article{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:20px;padding:16px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 8px 24px rgba(15,23,42,.04)}.comercia-tracking-board-intro strong{display:grid;place-items:center;min-width:34px;height:34px;border-radius:14px;background:var(--comercia-primary,#2563eb);color:#fff}.comercia-tracking-board-intro span{color:#475569;font-weight:700;line-height:1.35}.comercia-empty-state{background:#fff;border:1px dashed #cbd5e1;border-radius:24px;padding:28px;text-align:center;color:#475569}.comercia-empty-state h3{margin:0 0 8px;color:#0f172a}.comercia-check-row{display:flex!important;align-items:center;gap:8px;font-weight:800;color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px}.comercia-check-row input{margin:0!important}.comercia-tracking-filter .comercia-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1000px){.comercia-tracking-board-intro{grid-template-columns:1fr}.comercia-tracking-filter .comercia-filter-grid{grid-template-columns:1fr}}

/* Comercia 1.7.2.2 - Seguimiento limpio */
.comercia-kanban-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:18px;padding:14px 16px;margin:18px 0;font-weight:700}
.comercia-tracking-kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:16px;align-items:start;overflow-x:auto;padding-bottom:12px;margin-top:18px}
.comercia-tracking-column{background:#f8fafc;border:1px solid #e5e7eb;border-radius:24px;padding:12px;min-width:260px;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.comercia-tracking-column-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:4px 4px 8px;border-bottom:1px solid #e5e7eb}
.comercia-tracking-column-head h3{font-size:15px;margin:0;color:#0f172a;font-weight:900}.comercia-tracking-column-head span{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#334155;font-weight:900}
.comercia-tracking-column-body{display:flex;flex-direction:column;gap:12px}.comercia-tracking-empty{border:1px dashed #cbd5e1;border-radius:18px;padding:18px;text-align:center;color:#64748b;background:#fff;font-weight:700}
.comercia-kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:14px;box-shadow:0 8px 18px rgba(15,23,42,.06);transition:.18s ease}.comercia-kanban-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.09)}
.comercia-kanban-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.comercia-kanban-card-top strong{color:#0f172a;font-size:15px}.comercia-kanban-card-top span{color:#0f172a;font-weight:900;white-space:nowrap}
.comercia-kanban-customer{margin-top:8px;color:#334155;font-weight:800}.comercia-kanban-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.comercia-kanban-meta span{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}
.comercia-kanban-details{margin-top:12px}.comercia-kanban-details summary{cursor:pointer;list-style:none;border-radius:14px;background:#0f172a;color:#fff;padding:9px 12px;text-align:center;font-weight:900}.comercia-kanban-details summary::-webkit-details-marker{display:none}.comercia-kanban-details[open] summary{background:var(--comercia-primary,#2563eb)}
.comercia-kanban-detail-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}.comercia-kanban-detail-grid label,.comercia-kanban-note-field{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:900}.comercia-kanban-detail-grid input,.comercia-kanban-detail-grid select,.comercia-kanban-note-field textarea{width:100%;border-radius:12px;border:1px solid #d1d5db;min-height:38px}.comercia-kanban-note-field textarea{min-height:72px;padding:8px 10px}
.comercia-kanban-extra{display:flex;flex-direction:column;gap:5px;margin:10px 0;color:#64748b}.comercia-kanban-extra small{line-height:1.35}.tracking-col-preparando{border-top:4px solid #f59e0b}.tracking-col-enviado{border-top:4px solid #3b82f6}.tracking-col-en_ruta{border-top:4px solid #8b5cf6}.tracking-col-entregado{border-top:4px solid #10b981}.tracking-col-incidencia{border-top:4px solid #ef4444}
@media(max-width:1100px){.comercia-tracking-kanban{grid-template-columns:repeat(5,280px)}}
@media(max-width:700px){.comercia-tracking-kanban{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.comercia-tracking-column{min-width:86vw;scroll-snap-align:start}.comercia-kanban-card-top{flex-direction:column}.comercia-kanban-card-top span{white-space:normal}.comercia-tracking-board-intro{display:none}}


/* Comercia 1.7.2.3 — Seguimiento limpio real */
.comercia-tracking-clean-shell{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:18px;box-shadow:0 18px 45px rgba(15,23,42,.07);overflow:hidden}
.tracking-hero{margin-bottom:18px!important}
.comercia-tracking-toolbar{margin:0 0 18px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:14px}
.tracking-toolbar-main{display:grid;grid-template-columns:minmax(260px,1fr) 190px 150px auto auto;gap:10px;align-items:center}
.tracking-toolbar-main input,.tracking-toolbar-main select{width:100%;min-height:42px;border-radius:14px;border:1px solid #cbd5e1;background:#fff;padding:0 12px;color:#0f172a}
.comercia-tracking-kanban{display:grid!important;grid-template-columns:repeat(5,minmax(270px,1fr));gap:16px;align-items:start;overflow-x:auto;padding:4px 2px 16px;margin-top:12px}
.comercia-tracking-column{background:linear-gradient(180deg,#f8fafc,#ffffff);border:1px solid #e2e8f0;border-radius:26px;padding:12px;min-width:270px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.comercia-tracking-column-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:8px 8px 12px;border-bottom:1px solid #e5e7eb}
.comercia-tracking-column-head h3{margin:0;font-size:15px;font-weight:900;color:#0f172a}.comercia-tracking-column-head span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;color:#334155;font-weight:900}
.comercia-tracking-column-body{display:flex;flex-direction:column;gap:12px}.comercia-tracking-empty{border:1px dashed #cbd5e1;border-radius:18px;padding:18px;text-align:center;color:#64748b;background:#fff;font-weight:700}
.comercia-kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.comercia-kanban-card:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgba(15,23,42,.10);border-color:#bfdbfe}
.comercia-kanban-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.comercia-kanban-card-top strong{font-size:15px;color:#0f172a}.comercia-kanban-card-top span{font-weight:900;color:#0f766e;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:4px 9px;white-space:nowrap}
.comercia-kanban-customer{font-size:14px;color:#334155;font-weight:800;margin-top:8px}.comercia-kanban-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.comercia-kanban-meta span{font-size:12px;color:#64748b;background:#f1f5f9;border-radius:999px;padding:5px 8px;font-weight:700}
.comercia-kanban-details{margin-top:8px}.comercia-kanban-details summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-weight:900;padding:8px 13px}.comercia-kanban-details summary::-webkit-details-marker{display:none}.comercia-kanban-details[open] summary{background:#1d4ed8;color:#fff;border-color:#1d4ed8;margin-bottom:12px}
.comercia-kanban-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.comercia-kanban-detail-grid label,.comercia-kanban-note-field{display:block;font-size:12px;color:#475569;font-weight:900}.comercia-kanban-detail-grid input,.comercia-kanban-detail-grid select,.comercia-kanban-note-field textarea{width:100%;box-sizing:border-box;border-radius:14px;border:1px solid #cbd5e1;min-height:40px;background:#fff;margin-top:5px}.comercia-kanban-note-field textarea{min-height:82px;padding:10px}.comercia-check-row{display:flex;gap:8px;align-items:center;margin:10px 0;color:#475569;font-weight:800}.comercia-kanban-extra{display:grid;gap:4px;color:#64748b;margin:10px 0}.comercia-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.comercia-tracking-savebar{position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid #e5e7eb;margin:16px -18px -18px;padding:14px 18px;display:flex;justify-content:flex-end}.comercia-tracking-savebar .button{min-height:42px;border-radius:14px;font-weight:900;padding:0 18px}
.comercia-kanban-note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:18px;padding:12px 14px;margin-bottom:12px;font-weight:700}.comercia-kanban-note strong{font-weight:950}
@media(max-width:1200px){.tracking-toolbar-main{grid-template-columns:1fr 1fr 1fr}.tracking-toolbar-main input{grid-column:1/-1}.comercia-tracking-kanban{grid-template-columns:repeat(5,280px)}}
@media(max-width:760px){.comercia-tracking-clean-shell{padding:12px;border-radius:22px}.tracking-toolbar-main{grid-template-columns:1fr}.comercia-tracking-kanban{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.comercia-tracking-column{min-width:86vw;scroll-snap-align:start}.comercia-kanban-detail-grid{grid-template-columns:1fr}.comercia-tracking-savebar{margin:12px -12px -12px}}

/* Comercia 1.8.0 — Promociones */
.comercia-promo-selector .comercia-promo-search{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;margin:18px 0}.comercia-promo-search input{min-height:44px;border-radius:14px;border:1px solid #cbd5e1;padding:0 14px;font-size:15px}.comercia-promo-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.comercia-promo-product-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:10px}.comercia-promo-thumb{height:170px;display:grid;place-items:center;background:#f8fafc;border-radius:18px;overflow:hidden}.comercia-promo-thumb img{max-height:160px;width:auto}.comercia-promo-product-card h3{margin:0;color:#0f172a;font-size:16px;line-height:1.3}.comercia-promo-price{font-size:17px;font-weight:900;color:#0f172a}.comercia-promo-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:22px;align-items:start}.comercia-promo-controls{position:sticky;top:20px}.comercia-promo-intents{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.comercia-intent{display:block;text-decoration:none;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px 14px;font-weight:900;color:#334155}.comercia-intent.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.comercia-promo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.comercia-promo-text{width:100%;min-height:160px;border-radius:18px;border:1px solid #cbd5e1;padding:12px;background:#f8fafc}.comercia-promo-preview-wrap h2{margin-top:0}.comercia-promo-preview{background:#fff;border:1px solid #e5e7eb;border-radius:30px;overflow:hidden;box-shadow:0 22px 55px rgba(15,23,42,.10);max-width:680px}.comercia-promo-preview-image{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:340px;display:grid;place-items:center;padding:26px}.comercia-promo-preview-image img{max-height:310px;width:auto}.comercia-promo-preview-body{padding:26px}.comercia-promo-label{display:inline-flex;align-items:center;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:999px;padding:7px 12px;font-weight:900}.comercia-promo-preview h3{font-size:28px;line-height:1.15;margin:16px 0 10px;color:#0f172a}.comercia-promo-preview-price{font-size:26px;font-weight:950;color:#0f766e;margin:10px 0}.comercia-promo-preview p{font-size:15px;line-height:1.55;color:#475569}.comercia-promo-preview a{font-weight:900;color:var(--comercia-primary,#2563eb)}.comercia-promo-qr{margin-top:20px;border-top:1px solid #e5e7eb;padding-top:18px;text-align:center}.comercia-promo-qr img{width:180px!important;height:180px!important;border-radius:16px;background:#fff;padding:8px;border:1px solid #e5e7eb}.comercia-promo-qr span{display:block;margin-top:8px;color:#64748b;font-weight:800}.comercia-promo-badges{margin:8px 0}.comercia-check-row{cursor:pointer}
@media(max-width:1100px){.comercia-promo-layout{grid-template-columns:1fr}.comercia-promo-controls{position:static}.comercia-promo-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.comercia-promo-selector .comercia-promo-search{grid-template-columns:1fr}.comercia-promo-products-grid{grid-template-columns:1fr}.comercia-promo-intents{grid-template-columns:1fr}.comercia-promo-preview h3{font-size:22px}.comercia-promo-preview-image{min-height:230px}.comercia-promo-preview-image img{max-height:220px}.comercia-promo-layout{gap:14px}}

/* Comercia 1.8.1 — Centro de Mercadeo */
.comercia-promo-plus .comercia-promo-section-title{font-weight:950;color:#0f172a;margin:18px 0 10px;border-top:1px solid #e5e7eb;padding-top:16px}
.comercia-promo-config-form .comercia-intent{cursor:pointer;position:relative}.comercia-promo-config-form .comercia-intent input{margin-right:6px}
.comercia-promo-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px}
.comercia-promo-discount-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:18px;padding:12px}
.comercia-promo-discount-box label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:900;color:#9a3412}
.comercia-promo-discount-box input,.comercia-promo-discount-box select{width:100%;min-height:38px;border-radius:12px;border:1px solid #fdba74;background:#fff;color:#0f172a}
.comercia-promo-save-form{margin:12px 0;padding:12px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:18px}.comercia-promo-save-form .button{width:100%;min-height:42px;border-radius:14px;font-weight:950}
.comercia-promo-discount-pill{display:inline-flex;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:999px;padding:7px 12px;font-weight:950;margin:6px 0 10px}.comercia-promo-preview-price del{color:#94a3b8;margin-right:8px}.comercia-promo-preview-price ins{text-decoration:none;color:#0f766e}
.comercia-promo-history{margin-top:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:10px}.comercia-promo-history summary{cursor:pointer;font-weight:950;color:#334155}.comercia-promo-history ul{margin:10px 0 0 18px;color:#64748b}.comercia-promo-history li{margin:6px 0}
.comercia-alert.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;border-radius:16px;padding:12px 14px;margin-bottom:16px;font-weight:800}
@media(max-width:720px){.comercia-promo-options-grid,.comercia-promo-discount-box{grid-template-columns:1fr}.comercia-promo-save-form .button{width:100%}}

/* Comercia 1.8.2 — Wizard de Mercadeo */
.comercia-marketing-wizard{background:#fff;border:1px solid #e5e7eb;border-radius:26px;box-shadow:0 14px 38px rgba(15,23,42,.07);padding:18px;margin:18px 0 22px}
.comercia-wizard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px}.comercia-wizard-head strong{font-size:18px;color:#0f172a}.comercia-wizard-head span{color:#64748b;font-weight:700;font-size:13px}
.comercia-wizard-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.comercia-wizard-step{border:1px solid #e5e7eb;background:#f8fafc;border-radius:18px;padding:12px;display:flex;gap:10px;align-items:flex-start;min-height:92px}.comercia-wizard-step.active{background:#eff6ff;border-color:#93c5fd;box-shadow:0 10px 24px rgba(37,99,235,.10)}.comercia-wizard-step.done{background:#ecfdf5;border-color:#bbf7d0}.comercia-wizard-icon{font-size:22px;line-height:1}.comercia-wizard-step b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.comercia-wizard-step strong{display:block;color:#0f172a;font-size:14px;margin-top:2px}.comercia-wizard-step small{display:block;color:#64748b;font-weight:700;margin-top:4px;line-height:1.25}
.comercia-wizard-mode .comercia-promo-section-title{display:flex;align-items:center;gap:8px}.comercia-wizard-mode .comercia-promo-section-title span{display:inline-flex;background:#2563eb;color:#fff;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:950}.comercia-selected-product{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px 14px;margin:14px 0;display:grid;gap:4px}.comercia-selected-product span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:900}.comercia-selected-product strong{color:#0f172a;font-size:15px}.comercia-selected-product a{font-weight:900;text-decoration:none;color:#2563eb}
@media(max-width:1250px){.comercia-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.comercia-wizard-head{align-items:flex-start;flex-direction:column}.comercia-wizard-steps{grid-template-columns:1fr}.comercia-wizard-step{min-height:auto}.comercia-marketing-wizard{padding:14px;border-radius:22px}}

/* Comercia 1.8.3 - Wizard de Mercadeo corregido */
.comercia-intent-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:18px;
  margin-top:18px;
}
.comercia-intent-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:22px;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px solid #e5e7eb;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
  color:#0f172a;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.comercia-intent-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(15,23,42,.12);
  border-color:#2563eb;
  color:#0f172a;
}
.comercia-intent-card strong{
  font-size:20px;
  line-height:1.2;
}
.comercia-intent-card span{
  color:#64748b;
  font-size:14px;
  line-height:1.45;
}
.comercia-intent-card em{
  margin-top:auto;
  font-style:normal;
  font-weight:700;
  color:#2563eb;
}
.comercia-selected-product{
  display:flex;
  flex-wrap:wrap;
  gap:8px 12px;
  align-items:center;
  padding:12px 14px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  margin:14px 0;
}
.comercia-selected-product span{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
.comercia-selected-product strong{font-size:15px;}
.comercia-selected-product a{margin-left:auto;text-decoration:none;font-weight:700;}

/* Comercia 1.8.4 — Asistente Centro de Mercadeo */
.comercia-calendar-suggestion{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid #fed7aa;border-radius:20px;padding:14px 18px;margin:14px 0 18px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.comercia-calendar-suggestion strong{font-size:16px;color:#0f172a}.comercia-calendar-suggestion span{color:#64748b;font-weight:700}
.comercia-wizard-nav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid #e5e7eb}.comercia-wizard-nav .button{min-height:42px;border-radius:14px;font-weight:900;padding:7px 18px!important}
.comercia-wizard-form .comercia-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:16px;padding:12px 14px;margin:14px 0;font-weight:700}
.comercia-destination-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.comercia-destination-card{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(15,23,42,.04);cursor:pointer}.comercia-destination-card:hover{border-color:#2563eb;background:#eff6ff}.comercia-destination-card strong{color:#0f172a}
.comercia-summary-list{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:12px 14px;margin:14px 0}.comercia-summary-list p{margin:7px 0;color:#475569}.comercia-summary-list strong{color:#0f172a}
.comercia-promo-preview a{display:inline-flex;margin-top:8px}.comercia-promo-preview-body .comercia-promo-label{letter-spacing:.01em}.comercia-promo-discount-box{grid-template-columns:repeat(2,minmax(0,1fr))}.comercia-promo-discount-box label:last-child{grid-column:auto}.comercia-promo-save-form button{font-size:15px}.comercia-wizard-mode .comercia-promo-controls h2{margin-top:0}.comercia-wizard-mode .comercia-promo-preview-wrap h2{margin-top:0}.comercia-wizard-mode .comercia-promo-text{margin-top:14px}
@media(max-width:760px){.comercia-calendar-suggestion{align-items:flex-start;flex-direction:column}.comercia-wizard-nav{flex-direction:column;align-items:stretch}.comercia-wizard-nav .button{width:100%;text-align:center}.comercia-promo-discount-box{grid-template-columns:1fr}.comercia-destination-grid{grid-template-columns:1fr}}


/* Comercia 1.9.0 - Centro de Mercadeo */
.comercia-marketing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.comercia-marketing-tabs a{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;color:#334155;font-weight:800}.comercia-marketing-tabs a.active{background:var(--comercia-primary,#ea580c);color:#fff;border-color:var(--comercia-primary,#ea580c)}.comercia-marketing-list{display:grid;gap:14px}.comercia-marketing-card{display:flex;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(15,23,42,.06)}.comercia-marketing-card h3{margin:6px 0 8px}.comercia-marketing-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.comercia-inline-form{display:inline}.comercia-status-pill{display:inline-flex;border-radius:999px;padding:5px 10px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:900}.status-activo{background:#dcfce7;color:#166534}.status-programado{background:#fef3c7;color:#92400e}.status-pausado{background:#fee2e2;color:#991b1b}.status-finalizado{background:#e5e7eb;color:#374151}.comercia-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.comercia-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0}.comercia-marketing-form input[type=text],.comercia-marketing-form input[type=date],.comercia-marketing-form input[type=number],.comercia-marketing-form select,.comercia-marketing-form textarea{width:100%;border-radius:12px;border:1px solid #cbd5e1;padding:9px 10px}.comercia-actions-row{display:flex;gap:10px;align-items:center;margin-top:18px}.comercia-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.comercia-calendar-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.comercia-calendar-card strong{display:block;font-size:18px;color:#0f172a}.comercia-calendar-card span{display:block;font-weight:900;color:#ea580c;margin:4px 0}.comercia-calendar-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e5e7eb}.comercia-promo-preview{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:22px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 16px 42px rgba(15,23,42,.08);margin:14px 0}.comercia-promo-preview-image img{width:100%;height:auto;border-radius:18px}.comercia-mini-label{display:inline-flex;background:#ffedd5;color:#9a3412;border-radius:999px;padding:5px 10px;font-weight:900}.comercia-preview-price{font-size:28px;font-weight:900;color:#ea580c;margin:10px 0}.comercia-preview-link{font-size:12px;color:#475569;word-break:break-all}.comercia-preview-qr{width:120px;height:120px;border-radius:10px;border:1px solid #e5e7eb;padding:6px;background:#fff}@media(max-width:800px){.comercia-marketing-card,.comercia-section-heading{display:block}.comercia-marketing-actions{justify-content:flex-start;margin-top:12px}.comercia-promo-preview{grid-template-columns:1fr}}


/* Comercia 1.9.1 - Calendario Comercial */
.comercia-marketing-tabs.mini{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
.comercia-event-card small{display:block;color:#64748b;margin:8px 0 12px;font-weight:700}
.comercia-month-grid{display:grid;grid-template-columns:repeat(7,minmax(90px,1fr));gap:8px;margin-top:18px}
.comercia-month-head{font-weight:800;color:#475569;text-align:center;padding:10px;background:#f8fafc;border-radius:12px}
.comercia-month-day{min-height:96px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:10px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.comercia-month-day.empty{background:#f8fafc;box-shadow:none}
.comercia-event-dot{display:block;margin-top:6px;padding:5px 7px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comercia-status-pill.status-proxima{background:#dbeafe;color:#1d4ed8}
.comercia-status-pill.status-hoy{background:#dcfce7;color:#15803d}
.comercia-status-pill.status-finalizada{background:#f1f5f9;color:#64748b}
@media(max-width:900px){.comercia-month-grid{grid-template-columns:1fr}.comercia-month-head{display:none}.comercia-month-day.empty{display:none}}


.comercia-form-section{margin:20px 0;padding:18px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px}
.comercia-promotion-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.comercia-promo-check{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.comercia-promo-check input{margin-top:4px}
.comercia-promo-check span{display:flex;flex-direction:column;gap:4px}
.comercia-promo-check small{color:#64748b}
.comercia-associated-promos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.comercia-chip{display:inline-flex;align-items:center;border-radius:999px;background:#ecfeff;color:#155e75;border:1px solid #a5f3fc;padding:5px 10px;font-size:12px;font-weight:700}


.comercia-card-topline{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.comercia-count-pill{display:inline-flex;border-radius:999px;background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:5px 10px;font-size:12px;font-weight:700}
.comercia-form-section{margin:20px 0;padding:18px;border:1px solid #e5e7eb;background:#f8fafc;border-radius:16px}
.comercia-promotion-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.comercia-promo-check{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.comercia-promo-check input{margin-top:4px}
.comercia-promo-check span{display:flex;flex-direction:column;gap:4px}
.comercia-promo-check small{color:#64748b}
.comercia-associated-promos{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.comercia-chip{display:inline-flex;align-items:center;border-radius:999px;background:#ecfeff;color:#155e75;border:1px solid #a5f3fc;padding:5px 10px;font-size:12px;font-weight:700}
.comercia-promo-wrap{max-width:1100px;margin:0 auto;padding:40px 20px}
.comercia-promo-hero{background:#fff;border-radius:28px;padding:34px;box-shadow:0 20px 50px rgba(15,23,42,.08)}
.comercia-promo-products{margin-top:34px}
.comercia-promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.comercia-promo-product-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.08);text-align:center}
.comercia-promo-product-card img{max-width:100%;height:180px;object-fit:contain}


.comercia-single-promo-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1fr);gap:32px;align-items:center}
.comercia-promo-media img{width:100%;max-height:420px;object-fit:contain;border-radius:22px;background:#fff}
.comercia-promo-content h1{font-size:42px;margin:12px 0}
.comercia-promo-price{font-size:30px;font-weight:800;margin:18px 0;color:#0f172a}
.comercia-promo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.comercia-qr-note{margin-top:18px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
@media(max-width:780px){.comercia-single-promo-hero{grid-template-columns:1fr}.comercia-promo-content h1{font-size:32px}}


.comercia-promo-landing{background:#f6f8fb;color:#0f172a}
.comercia-promo-wrap{max-width:1120px;margin:0 auto;padding:42px 20px}
.comercia-single-promo-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:34px;align-items:center;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.10)}
.comercia-campaign-hero{background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid rgba(226,232,240,.9);border-radius:30px;padding:40px;box-shadow:0 24px 70px rgba(15,23,42,.10)}
.comercia-promo-media img{width:100%;max-height:430px;object-fit:contain;border-radius:24px;background:#fff}
.comercia-promo-content h1,.comercia-campaign-hero h1{font-size:44px;line-height:1.05;margin:14px 0}
.comercia-promo-content p,.comercia-campaign-hero p{font-size:18px;color:#475569}
.comercia-promo-price{font-size:34px;font-weight:900;margin:18px 0;color:#0f172a}
.comercia-validity{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px;display:inline-block}
.comercia-promo-actions,.comercia-share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.comercia-badge-private{background:#fff7ed;color:#9a3412}
.comercia-share-box{margin-top:26px;background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.9);border-radius:24px;padding:22px;box-shadow:0 16px 40px rgba(15,23,42,.08)}
.comercia-share-box h3{margin-top:0}
.comercia-qr-card{margin-top:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.comercia-qr-card img{width:150px;height:150px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;padding:10px}
.comercia-promo-products{margin-top:34px}
.comercia-promo-products h2{font-size:30px}
.comercia-promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.comercia-promo-product-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.08);text-align:center}
.comercia-promo-product-card img{max-width:100%;height:180px;object-fit:contain}
@media(max-width:780px){.comercia-single-promo-hero{grid-template-columns:1fr;padding:24px}.comercia-promo-content h1,.comercia-campaign-hero h1{font-size:32px}.comercia-promo-wrap{padding:24px 14px}}


/* Comercia 2.0 - Negocio Vivo */
.comercia-nv-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#fff,#f1f7ff);border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 50px rgba(15,23,42,.08)}
.comercia-nv-kicker{display:inline-flex;margin-bottom:8px;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800}
.comercia-nv-hero h1{font-size:38px;line-height:1.05;margin:0 0 8px}
.comercia-nv-hero p{margin:0;color:#475569;font-size:17px}
.comercia-nv-status{min-width:155px;text-align:center;background:rgba(255,255,255,.85);border:1px solid #e2e8f0;border-radius:22px;padding:18px}
.comercia-nv-status strong{display:block;font-size:38px;line-height:1}
.comercia-nv-status span{font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.comercia-nv-pulse{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}
.comercia-nv-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06)}
.comercia-nv-card .icon{display:block;font-size:24px;margin-bottom:8px}
.comercia-nv-card small{display:block;color:#64748b;font-weight:800;text-transform:uppercase;font-size:11px}
.comercia-nv-card strong{display:block;font-size:32px;line-height:1.1;margin:8px 0;color:#0f172a}
.comercia-nv-card em{font-style:normal;color:#64748b;font-size:13px}
.comercia-nv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.comercia-nv-section{border-radius:24px}
.comercia-nv-section h2{margin-top:0}
.comercia-nv-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.comercia-nv-mini-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px}
.comercia-nv-mini-card strong{display:block;font-size:25px;color:#0f172a}
.comercia-nv-mini-card span{font-size:12px;color:#64748b;font-weight:700}
.comercia-nv-note{display:flex;flex-direction:column;gap:4px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px;margin:10px 0}
.comercia-nv-note strong{color:#9a3412}
.comercia-nv-note span{color:#7c2d12;font-size:13px}
.comercia-nv-agenda{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:14px}
.comercia-nv-agenda strong{color:#166534}
.comercia-nv-agenda span{font-weight:800;color:#14532d}
@media(max-width:760px){.comercia-nv-hero{flex-direction:column;align-items:flex-start}.comercia-nv-status{width:100%}.comercia-nv-hero h1{font-size:30px}}


/* Comercia 2.0.1 - Negocio Vivo Pulido */
.comercia-nv-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  margin:0 0 26px;
  padding:34px;
  border-radius:32px;
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.20), transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f8fbff 45%,#eef6ff 100%);
  border:1px solid rgba(203,213,225,.85);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
}
.comercia-nv-hero:before{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
}
.comercia-nv-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  padding:7px 13px;
  border-radius:999px;
  background:rgba(37,99,235,.10);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.comercia-nv-hero h1{
  font-size:42px;
  line-height:1.03;
  letter-spacing:-.04em;
  margin:0 0 10px;
  color:#0f172a;
}
.comercia-nv-hero p{
  max-width:620px;
  margin:0;
  color:#475569;
  font-size:17px;
  line-height:1.55;
}
.comercia-nv-status{
  position:relative;
  z-index:1;
  min-width:172px;
  text-align:center;
  background:rgba(255,255,255,.74);
  backdrop-filter:blur(14px);
  border:1px solid rgba(226,232,240,.95);
  border-radius:26px;
  padding:22px 18px;
  box-shadow:0 14px 38px rgba(15,23,42,.08);
}
.comercia-nv-status strong{
  display:block;
  font-size:42px;
  line-height:1;
  color:#0f172a;
}
.comercia-nv-status span{
  display:block;
  margin-top:7px;
  font-size:11px;
  color:#64748b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.comercia-nv-pulse{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px;
  margin-bottom:24px;
}
.comercia-nv-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:24px;
  padding:20px;
  box-shadow:0 12px 30px rgba(15,23,42,.055);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.comercia-nv-card:hover{
  transform:translateY(-2px);
  border-color:#cbd5e1;
  box-shadow:0 18px 42px rgba(15,23,42,.09);
}
.comercia-nv-card .icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:14px;
  border-radius:16px;
  background:#f8fafc;
  font-size:22px;
}
.comercia-nv-card small{
  display:block;
  color:#64748b;
  font-weight:900;
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.05em;
}
.comercia-nv-card strong{
  display:block;
  font-size:34px;
  line-height:1.05;
  margin:8px 0 6px;
  color:#0f172a;
}
.comercia-nv-card em{
  display:block;
  font-style:normal;
  color:#64748b;
  font-size:13px;
}
.comercia-nv-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.comercia-nv-section{
  grid-column:span 6;
  border-radius:26px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 12px 34px rgba(15,23,42,.055)!important;
}
.comercia-nv-section:nth-child(1){grid-column:span 7;}
.comercia-nv-section:nth-child(2){grid-column:span 5;}
.comercia-nv-section h2{
  margin-top:0;
  letter-spacing:-.02em;
}
.comercia-nv-mini{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));
  gap:12px;
  margin-top:14px;
}
.comercia-nv-mini-card{
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border:1px solid #e2e8f0;
  border-radius:18px;
  padding:15px;
}
.comercia-nv-mini-card strong{
  display:block;
  font-size:27px;
  line-height:1.05;
  color:#0f172a;
}
.comercia-nv-mini-card span{
  display:block;
  margin-top:5px;
  font-size:12px;
  color:#64748b;
  font-weight:800;
}
.comercia-nv-note{
  display:flex;
  flex-direction:column;
  gap:5px;
  background:linear-gradient(135deg,#fff7ed,#fff);
  border:1px solid #fed7aa;
  border-radius:18px;
  padding:15px;
  margin:11px 0;
}
.comercia-nv-note strong{
  color:#9a3412;
  font-size:14px;
}
.comercia-nv-note span{
  color:#7c2d12;
  font-size:13px;
  line-height:1.45;
}
.comercia-nv-agenda{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(135deg,#f0fdf4,#ffffff);
  border:1px solid #bbf7d0;
  border-radius:18px;
  padding:16px;
  margin-top:14px;
}
.comercia-nv-agenda strong{
  color:#166534;
  font-size:15px;
}
.comercia-nv-agenda span{
  font-weight:900;
  color:#14532d;
}
@media(max-width:900px){
  .comercia-nv-section,
  .comercia-nv-section:nth-child(1),
  .comercia-nv-section:nth-child(2){
    grid-column:1 / -1;
  }
}
@media(max-width:760px){
  .comercia-nv-hero{
    flex-direction:column;
    align-items:flex-start;
    padding:26px;
  }
  .comercia-nv-status{
    width:100%;
  }
  .comercia-nv-hero h1{
    font-size:32px;
  }
}


/* Comercia 2.1 - Panel Premium + Admin Compacto */
.comercia-os-shell{padding:4px 0 20px}
.comercia-os-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 22px;padding:36px;border-radius:34px;background:radial-gradient(circle at 80% 0%,rgba(37,99,235,.22),transparent 32%),linear-gradient(135deg,#ffffff 0%,#f8fbff 45%,#eef6ff 100%);border:1px solid rgba(203,213,225,.85);box-shadow:0 25px 75px rgba(15,23,42,.10)}
.comercia-os-kicker{display:inline-flex;margin-bottom:12px;padding:7px 13px;border-radius:999px;background:rgba(37,99,235,.10);color:#1d4ed8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.comercia-os-hero h1{font-size:46px;line-height:1;letter-spacing:-.045em;margin:0 0 10px;color:#0f172a}
.comercia-os-hero p{font-size:18px;line-height:1.55;color:#475569;margin:0;max-width:620px}
.comercia-os-orb{min-width:168px;text-align:center;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.95);border-radius:28px;padding:22px 18px;box-shadow:0 15px 42px rgba(15,23,42,.08)}
.comercia-os-orb strong{display:block;font-size:42px;line-height:1;color:#0f172a}
.comercia-os-orb span{display:block;margin-top:7px;font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.comercia-os-pulse{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px}
.comercia-os-metric{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.055)}
.comercia-os-metric span{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:15px;background:#f8fafc;font-size:22px}
.comercia-os-metric strong{display:block;font-size:28px;line-height:1;color:#0f172a}
.comercia-os-metric small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800}
.comercia-os-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.comercia-os-box{grid-column:span 4;background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.comercia-os-box.big{grid-column:span 7}
.comercia-os-box.wide{grid-column:span 5}
.comercia-os-box h2{margin:0 0 8px;letter-spacing:-.025em}
.comercia-os-note{display:flex;flex-direction:column;gap:5px;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:17px;padding:14px;margin:10px 0}
.comercia-os-note strong{color:#9a3412}
.comercia-os-note span{color:#7c2d12;font-size:13px}
.comercia-os-good{padding:16px;border-radius:17px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-weight:700}
.comercia-os-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:10px;margin-top:14px}
.comercia-os-mini div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:13px}
.comercia-os-mini strong{display:block;font-size:25px;color:#0f172a}
.comercia-os-mini span{display:block;margin-top:5px;font-size:12px;color:#64748b;font-weight:800}
.comercia-os-event{display:flex;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:17px;padding:15px;margin-top:12px}
.comercia-os-event strong{color:#166534}
.comercia-os-event span{font-weight:900;color:#14532d}
.comercia-os-link{display:inline-flex;margin-top:14px;text-decoration:none;font-weight:800}
.comercia-admin-live-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.comercia-admin-live-head h1{margin:0 0 5px;font-size:28px}
.comercia-admin-live-head p{margin:0;color:#64748b}
.comercia-admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}
.comercia-admin-metric{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px}
.comercia-admin-metric strong{display:block;font-size:27px;color:#0f172a}
.comercia-admin-metric span{font-size:12px;color:#64748b;font-weight:800}
.comercia-admin-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.comercia-admin-alerts{margin:0;padding-left:18px}
.comercia-admin-alerts li{margin:6px 0}
@media(max-width:980px){.comercia-os-box,.comercia-os-box.big,.comercia-os-box.wide{grid-column:1/-1}.comercia-admin-two{grid-template-columns:1fr}}
@media(max-width:760px){.comercia-os-hero{flex-direction:column;align-items:flex-start;padding:26px}.comercia-os-orb{width:100%}.comercia-os-hero h1{font-size:34px}.comercia-admin-live-head{flex-direction:column;align-items:flex-start}}


/* Comercia 2.2 - Catálogo operativo */
.comercia-cat-shell{padding:4px 0 20px}
.comercia-cat-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:30px;border-radius:30px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.comercia-cat-kicker{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.comercia-cat-hero h1{margin:0 0 8px;font-size:40px;line-height:1;letter-spacing:-.04em;color:#0f172a}
.comercia-cat-hero p{margin:0;color:#475569;font-size:17px}
.comercia-cat-health{min-width:155px;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
.comercia-cat-health strong{display:block;font-size:38px;line-height:1;color:#0f172a}
.comercia-cat-health span{display:block;margin-top:7px;font-size:11px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.comercia-cat-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:18px}
.comercia-cat-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 12px 30px rgba(15,23,42,.055);transition:.18s ease}
.comercia-cat-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.09);border-color:#cbd5e1}
.comercia-cat-card .cat-icon{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:16px;background:#f8fafc;font-size:23px;margin-bottom:12px}
.comercia-cat-card h2{margin:0 0 8px;font-size:19px;color:#0f172a}
.comercia-cat-card p{min-height:54px;margin:0 0 14px;color:#64748b;line-height:1.45}
.comercia-cat-btn{border:0;border-radius:999px;background:#0f172a;color:white;padding:9px 15px;font-weight:800;cursor:pointer}
.comercia-cat-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:18px}
.comercia-cat-metric{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}
.comercia-cat-metric strong{display:block;font-size:29px;line-height:1;color:#0f172a}
.comercia-cat-metric span{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:800}
.comercia-cat-note{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:22px;padding:18px;color:#475569}
.comercia-cat-note h2{margin-top:0;color:#0f172a}
@media(max-width:760px){.comercia-cat-hero{flex-direction:column;align-items:flex-start}.comercia-cat-health{width:100%}.comercia-cat-hero h1{font-size:32px}}


/* Comercia 3.0 - Arquitectura base */
.sf30-shell{padding:4px 0 22px}
.sf30-compass{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 22px;padding:34px;border-radius:34px;background:radial-gradient(circle at 90% 0%,rgba(14,116,144,.25),transparent 34%),linear-gradient(135deg,#0f172a 0%,#123447 60%,#0e7490 100%);color:#fff;box-shadow:0 25px 70px rgba(15,23,42,.16)}
.sf30-kicker{display:inline-flex;margin-bottom:10px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.16);color:inherit;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.sf30-compass h1,.sf30-page-head h1{font-size:42px;line-height:1;letter-spacing:-.045em;margin:0 0 10px}
.sf30-compass p{max-width:720px;margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.55}
.sf30-compass-score{min-width:170px;text-align:center;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.24);border-radius:26px;padding:20px}
.sf30-compass-score.small{background:#fff;color:#0f172a;border-color:#e2e8f0}
.sf30-compass-score strong{display:block;font-size:38px;line-height:1}
.sf30-compass-score span{display:block;margin-top:7px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.sf30-main-grid,.sf30-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;margin-bottom:18px}
.sf30-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:20px;box-shadow:0 12px 32px rgba(15,23,42,.06);transition:.18s ease}
.sf30-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,23,42,.10);border-color:#cbd5e1}
.sf30-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#f8fafc;font-size:24px}
.sf30-card h2{margin:0 0 7px;color:#0f172a;font-size:20px}
.sf30-card p{margin:0;color:#64748b;line-height:1.45}
.sf30-tag{display:inline-flex;width:max-content;margin-top:12px;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.sf30-card-btn{display:inline-flex;width:max-content;margin-top:auto;padding:9px 15px;border-radius:999px;background:#0f172a;color:#fff!important;text-decoration:none;font-weight:800}
.sf30-card-btn.muted{background:#f1f5f9;color:#64748b!important}
.sf30-admin-link{text-align:right;margin-top:8px}
.sf30-admin-link a{display:inline-flex;text-decoration:none;color:#64748b;font-weight:800}
.sf30-page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:28px;border-radius:30px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.sf30-page-head p{margin:0;color:#64748b;font-size:16px;line-height:1.5}
.sf30-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-top:16px}
.sf30-metric{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:16px}
.sf30-metric strong{display:block;font-size:29px;line-height:1;color:#0f172a}
.sf30-metric span{display:block;margin-top:6px;color:#64748b;font-size:12px;font-weight:800}
@media(max-width:760px){.sf30-compass,.sf30-page-head{flex-direction:column;align-items:flex-start;padding:26px}.sf30-compass-score{width:100%}.sf30-compass h1,.sf30-page-head h1{font-size:32px}}


/* Comercia 3.0.2 - Restauración visual */
.sf30-note-restore{font-size:12px;color:#64748b}


/* Comercia 3.0.3 - Catálogo acciones reales */
.sf30-roadmap-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569}
.sf30-roadmap-note strong{color:#0f172a}


/* Comercia 3.0.4 - Catálogo experiencia Comercia */
.sf304-inner-head{background:linear-gradient(135deg,#ffffff,#f8fafc)}
.sf304-back{display:inline-flex;margin-bottom:10px;text-decoration:none;color:#64748b;font-weight:800}
.sf304-wizard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf304-wizard h2{margin:0 0 14px;color:#0f172a;letter-spacing:-.02em}
.sf304-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.sf304-option{border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;padding:16px}
.sf304-option strong{display:block;color:#0f172a;font-size:16px;margin-bottom:6px}
.sf304-option span{display:block;color:#64748b;line-height:1.4}
.sf304-option em{display:inline-flex;margin-top:12px;font-style:normal;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#0e7490;background:#ecfeff;border-radius:999px;padding:5px 9px}
.sf304-note{margin-top:16px;color:#64748b}


/* Comercia 3.1 - Estable funcional */
.sf31-priority-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.sf31-actions-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}
.sf31-actions-compact a{display:block;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.045)}
.sf31-actions-compact a:hover{border-color:#cbd5e1;transform:translateY(-1px)}
.sf31-actions-compact strong{display:block;color:#0f172a;font-size:17px;margin-bottom:6px}
.sf31-actions-compact span{color:#64748b;font-weight:700}
.sf31-simple-panel{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf31-simple-panel h2{margin:0 0 10px;color:#0f172a}
.sf31-primary{display:inline-flex;margin-top:8px;text-decoration:none;background:#0f172a;color:#fff!important;border-radius:999px;padding:10px 16px;font-weight:900}
.sf31-notice{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:15px 17px;color:#475569;margin-bottom:18px}
.sf31-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sf31-tabs a{display:inline-flex;text-decoration:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:9px 13px;color:#475569;font-weight:800}
.sf31-product-list{display:grid;gap:10px;margin-top:16px}
.sf31-product-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.sf31-product-thumb{width:58px;height:58px;border-radius:14px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:11px;font-weight:800;text-align:center}
.sf31-product-thumb img{width:100%;height:100%;object-fit:cover}
.sf31-product-main{flex:1;display:flex;flex-direction:column;gap:4px}
.sf31-product-main strong{color:#0f172a}
.sf31-product-main span{color:#64748b;font-size:13px}
.sf31-mini-btn{display:inline-flex;text-decoration:none;background:#0f172a;color:#fff!important;border-radius:999px;padding:8px 12px;font-weight:800}
.sf31-order-badge{min-width:58px;height:58px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0f172a}
.sf31-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:18px;color:#64748b}


/* Comercia 3.1.2 - Catálogo funcional */
.sf312-message{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:16px;padding:12px 15px;margin-bottom:16px;font-weight:800}
.sf312-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sf312-form label{display:flex;flex-direction:column;gap:7px;color:#0f172a;font-weight:800}
.sf312-form label.full{grid-column:1/-1}
.sf312-form input,.sf312-form select,.sf312-form textarea,.sf312-inline-form input,.sf312-inline-form select{border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;background:#fff}
.sf312-secondary{display:inline-flex;margin-left:8px;text-decoration:none;color:#64748b;font-weight:900}
.sf312-product-row{align-items:flex-start}
.sf312-inline-form{display:grid;grid-template-columns:90px 80px 105px auto;gap:8px;align-items:center}
.sf312-inline-form button{border:0;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;padding:9px 12px;cursor:pointer}
@media(max-width:980px){.sf312-form{grid-template-columns:1fr}.sf312-inline-form{grid-template-columns:1fr;width:100%}.sf312-product-row{flex-direction:column}}


/* Comercia 3.1.3 - Producto completo */
.sf313-help{color:#64748b;margin-top:-4px}
.sf313-form{grid-template-columns:repeat(3,1fr)}
.sf313-image-box{display:flex;align-items:center;gap:16px;margin-top:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}
.sf313-image-preview{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#fff;border:1px dashed #cbd5e1;color:#64748b;font-size:12px;font-weight:800;overflow:hidden}
.sf313-image-preview img{width:100%;height:100%;object-fit:cover}
.sf313-image-name{margin:8px 0 0;color:#64748b}
.sf313-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-top:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px;max-height:220px;overflow:auto}
.sf313-cat-grid label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:700!important;color:#475569!important}
.sf313-empty-cats{padding:12px;border-radius:14px;background:#f8fafc;color:#64748b;margin-top:8px}
.sf313-inline-form{grid-template-columns:90px 80px 105px 120px auto}
.sf313-image-picker.compact{display:flex;align-items:center;gap:6px}
.sf313-image-picker.compact .sf313-image-name{font-size:11px;margin:0;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:980px){.sf313-form{grid-template-columns:1fr}.sf313-inline-form{grid-template-columns:1fr}.sf313-image-box{flex-direction:column;align-items:flex-start}}


/* Comercia 3.1.4 - Formulario producto pulido */
.sf314-product-builder{background:transparent}
.sf314-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:28px;padding:24px;box-shadow:0 18px 46px rgba(15,23,42,.065)}
.sf314-builder-head h2{margin:0 0 8px;color:#0f172a;font-size:30px;letter-spacing:-.035em}
.sf314-builder-head p{margin:0;color:#64748b}
.sf314-form{display:block}
.sf314-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.sf314-main{display:grid;gap:18px}
.sf314-section,.sf314-side-card,.sf314-submit-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf314-section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px}
.sf314-section-title span{width:34px;height:34px;border-radius:13px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.sf314-section-title h3,.sf314-side-card h3{margin:0 0 4px;color:#0f172a;font-size:18px;letter-spacing:-.02em}
.sf314-section-title p,.sf314-side-card p{margin:0;color:#64748b}
.sf314-grid{display:grid;gap:14px}
.sf314-grid.one{grid-template-columns:1fr}
.sf314-grid.two{grid-template-columns:1.5fr 1fr}
.sf314-grid.three{grid-template-columns:repeat(3,1fr)}
.sf314-grid label{display:flex;flex-direction:column;gap:7px;color:#334155;font-weight:850}
.sf314-grid label.wide{grid-column:1/-1}
.sf314-grid input,.sf314-grid select,.sf314-grid textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:14px;padding:12px 13px;background:#fff;color:#0f172a;font-size:14px}
.sf314-grid textarea{resize:vertical}
.sf314-side{display:grid;gap:18px;position:sticky;top:42px}
.sf314-image-box{display:grid!important;gap:14px!important;background:#f8fafc!important}
.sf314-image-preview{width:100%!important;height:220px!important;border-radius:20px!important;background:#fff!important}
.sf314-image-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sf314-side-card .sf313-cat-grid{max-height:280px}
.sf314-submit-card{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,#0f172a,#123447);border-color:#0f172a}
.sf314-submit{width:100%;border:0;border-radius:999px;background:#fff;color:#0f172a;font-weight:950;padding:13px 18px;cursor:pointer;font-size:15px}
.sf314-submit-card a{text-align:center;color:rgba(255,255,255,.78);text-decoration:none;font-weight:800}
@media(max-width:1100px){.sf314-layout{grid-template-columns:1fr}.sf314-side{position:static}.sf314-grid.two,.sf314-grid.three{grid-template-columns:1fr}.sf314-builder-head{flex-direction:column}.sf314-image-preview{height:180px!important}}


/* Comercia 3.1.5 - Galería de producto */
.sf315-product-builder .sf314-builder-head{border-color:#dbeafe;background:radial-gradient(circle at 95% 0%,rgba(14,116,144,.12),transparent 38%),linear-gradient(135deg,#fff,#f8fafc)}
.sf315-gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:74px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:10px;margin:10px 0 12px}
.sf315-empty-gallery{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px;font-weight:800}
.sf315-gallery-thumb{position:relative;display:block;aspect-ratio:1/1;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #e2e8f0}
.sf315-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.sf315-remove-gallery{position:absolute;top:5px;right:5px;width:22px;height:22px;border:0;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;cursor:pointer;line-height:1;font-weight:900}
.sf315-select-gallery{width:100%}
.sf314-side-card p{font-size:13px;line-height:1.4}
.sf314-submit-card{position:sticky;bottom:18px}


/* Comercia 4.0 - Workspace Base */
.sf40-shell{padding:2px 0 26px}
.sf40-hero{position:relative;overflow:hidden;margin:0 0 16px;padding:28px 30px;border-radius:32px;background:radial-gradient(circle at 95% 0%,rgba(14,116,144,.22),transparent 36%),linear-gradient(135deg,#0f172a,#123447 62%,#0e7490);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.17)}
.sf40-kicker{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.sf40-hero h1{margin:0 0 8px;font-size:40px;line-height:1;letter-spacing:-.045em}
.sf40-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.5}
.sf40-quickbar{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.sf40-quick-action{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px;background:#f8fafc;color:#334155;font-weight:900;padding:10px 14px}
.sf40-quick-action:hover{background:#0f172a;color:#fff}
.sf40-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.sf40-main{display:grid;gap:18px;min-width:0}
.sf40-smart-panel{position:sticky;top:42px;background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:18px;box-shadow:0 18px 48px rgba(15,23,42,.085)}
.sf40-smart-head{display:flex;align-items:center;gap:13px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#123447);color:#fff;margin-bottom:14px}
.sf40-smart-head>span{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px}
.sf40-smart-head strong{display:block;font-size:30px;line-height:1}
.sf40-smart-head small{display:block;color:rgba(255,255,255,.75);font-weight:800}
.sf40-smart-list{display:grid;gap:10px}
.sf40-smart-item{border-radius:18px;padding:13px;border:1px solid #e5e7eb;background:#f8fafc}
.sf40-smart-item b{display:block;color:#0f172a;margin-bottom:4px}
.sf40-smart-item p{margin:0;color:#64748b;font-size:13px;line-height:1.4}
.sf40-smart-item.ok{background:#f0fdf4;border-color:#bbf7d0}
.sf40-smart-item.warn{background:#fffbeb;border-color:#fde68a}
.sf40-smart-item.danger{background:#fef2f2;border-color:#fecaca}
.sf40-smart-item.info{background:#eff6ff;border-color:#bfdbfe}
.sf40-briefing,.sf40-work-center,.sf40-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.sf40-briefing h2,.sf40-section-title h2,.sf40-section-card h2{margin:0 0 6px;color:#0f172a;letter-spacing:-.025em}
.sf40-section-title p,.sf40-section-card p{margin:0 0 14px;color:#64748b}
.sf40-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.sf40-work-center{display:grid;gap:10px}
.sf40-task{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:18px;border:1px solid #e5e7eb;background:#f8fafc}
.sf40-task strong{display:block;color:#0f172a}
.sf40-task p{margin:4px 0 0;color:#64748b}
.sf40-task a,.sf40-task span{display:inline-flex;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;font-weight:900;padding:8px 12px;white-space:nowrap}
.sf40-task.warn{background:#fffbeb;border-color:#fde68a}
.sf40-task.danger{background:#fef2f2;border-color:#fecaca}
.sf40-task.info{background:#eff6ff;border-color:#bfdbfe}
.sf40-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}
.sf40-work-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:19px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf40-work-icon{width:46px;height:46px;border-radius:17px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:23px}
.sf40-work-card h3{margin:0 0 6px;color:#0f172a;font-size:19px}
.sf40-work-card p{margin:0;color:#64748b;line-height:1.45}
.sf40-card-badge{display:inline-flex;width:max-content;margin-top:10px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px}
.sf40-card-action{display:inline-flex;width:max-content;margin-top:auto;text-decoration:none;background:#0f172a;color:#fff!important;border-radius:999px;padding:9px 14px;font-weight:900}
.sf40-card-action.disabled{background:#f1f5f9;color:#64748b!important}
@media(max-width:1150px){.sf40-layout{grid-template-columns:1fr}.sf40-smart-panel{position:static}.sf40-hero h1{font-size:32px}}
@media(max-width:760px){.sf40-task{flex-direction:column;align-items:flex-start}.sf40-quickbar{display:grid;grid-template-columns:1fr 1fr}.sf40-quick-action{justify-content:center}}


/* Comercia 4.0.1 - Workspace visible */
.sf401-shell{padding:2px 0 26px}
.sf401-hero{margin:0 0 16px;padding:30px;border-radius:32px;background:radial-gradient(circle at 92% 0%,rgba(14,116,144,.25),transparent 36%),linear-gradient(135deg,#0f172a,#123447 62%,#0e7490);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.sf401-hero span{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.sf401-hero h1{margin:0 0 8px;font-size:42px;line-height:1;letter-spacing:-.045em}
.sf401-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:16px}
.sf401-quick{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 16px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.sf401-quick-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px;background:#f8fafc;color:#334155;font-weight:900;padding:10px 14px}
.sf401-quick-btn:hover{background:#0f172a;color:#fff}
.sf401-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.sf401-layout main{display:grid;gap:18px;min-width:0}
.sf401-panel{position:sticky;top:42px;background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:18px;box-shadow:0 18px 48px rgba(15,23,42,.085)}
.sf401-panel-head{display:flex;align-items:center;gap:13px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#123447);color:#fff;margin-bottom:14px}
.sf401-panel-head>span{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px}
.sf401-panel-head strong{display:block;font-size:30px;line-height:1}
.sf401-panel-head small{display:block;color:rgba(255,255,255,.75);font-weight:800}
.sf401-panel-item{border-radius:18px;padding:13px;border:1px solid #e5e7eb;background:#f8fafc;margin-bottom:10px}
.sf401-panel-item b{display:block;color:#0f172a;margin-bottom:4px}
.sf401-panel-item p{margin:0;color:#64748b;font-size:13px;line-height:1.4}
.sf401-panel-item.ok{background:#f0fdf4;border-color:#bbf7d0}
.sf401-panel-item.warn{background:#fffbeb;border-color:#fde68a}
.sf401-panel-item.info{background:#eff6ff;border-color:#bfdbfe}
.sf401-brief,.sf401-work{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.sf401-brief h2,.sf401-work h2{margin:0 0 8px;color:#0f172a;letter-spacing:-.025em}
.sf401-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.sf401-task{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:18px;border:1px solid #e5e7eb;background:#f8fafc;margin-top:10px}
.sf401-task strong{display:block;color:#0f172a}
.sf401-task p{margin:4px 0 0;color:#64748b}
.sf401-task a{display:inline-flex;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;font-weight:900;padding:8px 12px;white-space:nowrap}
.sf401-task.warn{background:#fffbeb;border-color:#fde68a}.sf401-task.danger{background:#fef2f2;border-color:#fecaca}
.sf401-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}
.sf401-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:19px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf401-icon{width:46px;height:46px;border-radius:17px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:23px}
.sf401-card h3{margin:0 0 6px;color:#0f172a;font-size:19px}
.sf401-card p{margin:0;color:#64748b;line-height:1.45}
.sf401-badge{display:inline-flex;width:max-content;margin-top:4px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px}
.sf401-card-action{display:inline-flex;width:max-content;margin-top:auto;text-decoration:none;background:#0f172a;color:#fff!important;border-radius:999px;padding:9px 14px;font-weight:900}
.sf401-card-action.disabled{background:#f1f5f9;color:#64748b!important}
@media(max-width:1150px){.sf401-layout{grid-template-columns:1fr}.sf401-panel{position:static}.sf401-hero h1{font-size:32px}}


/* Comercia 4.1 - Layout Nuevo */
.sf41-root{width:100%;box-sizing:border-box;padding:2px 0 28px}
.sf41-header{margin:0 0 16px;padding:30px;border-radius:32px;background:radial-gradient(circle at 92% 0%,rgba(14,116,144,.24),transparent 36%),linear-gradient(135deg,#0f172a,#123447 62%,#0e7490);color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.sf41-header span{display:inline-flex;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em}
.sf41-header h1{margin:0 0 8px!important;font-size:42px!important;line-height:1!important;letter-spacing:-.045em!important;color:#fff!important}
.sf41-header p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:16px}
.sf41-actions{display:flex!important;flex-wrap:wrap;gap:9px;margin:0 0 16px!important;padding:10px!important;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.sf41-action{display:inline-flex;align-items:center;gap:8px;text-decoration:none!important;border-radius:999px;background:#f8fafc;color:#334155!important;font-weight:900;padding:10px 14px}
.sf41-action:hover{background:#0f172a;color:#fff!important}
.sf41-body{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:20px!important;align-items:start!important;width:100%!important;box-sizing:border-box!important}
.sf41-content{display:grid!important;gap:18px!important;min-width:0!important;width:100%!important;max-width:none!important}
.sf41-right-panel{display:block!important;visibility:visible!important;position:sticky!important;top:42px!important;background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:18px;box-shadow:0 18px 48px rgba(15,23,42,.085);min-height:260px;z-index:2}
.sf41-panel-score{display:flex;align-items:center;gap:13px;padding:14px;border-radius:22px;background:linear-gradient(135deg,#0f172a,#123447);color:#fff;margin-bottom:14px}
.sf41-panel-score>span{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px}
.sf41-panel-score strong{display:block;font-size:30px;line-height:1;color:#fff}
.sf41-panel-score small{display:block;color:rgba(255,255,255,.75);font-weight:800}
.sf41-panel-note{border-radius:18px;padding:13px;border:1px solid #e5e7eb;background:#f8fafc;margin-bottom:10px}
.sf41-panel-note b{display:block;color:#0f172a;margin-bottom:4px}
.sf41-panel-note p{margin:0;color:#64748b;font-size:13px;line-height:1.4}
.sf41-panel-note.ok{background:#f0fdf4;border-color:#bbf7d0}.sf41-panel-note.warn{background:#fffbeb;border-color:#fde68a}.sf41-panel-note.info{background:#eff6ff;border-color:#bfdbfe}
.sf41-block{background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.055)}
.sf41-block h2{margin:0 0 8px;color:#0f172a;letter-spacing:-.025em}
.sf41-block p{margin:0;color:#64748b}
.sf41-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}
.sf41-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}
.sf41-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:19px;box-shadow:0 12px 32px rgba(15,23,42,.055)}
.sf41-card-icon{width:46px;height:46px;border-radius:17px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:23px}
.sf41-card h3{margin:0 0 6px;color:#0f172a;font-size:19px}
.sf41-card p{margin:0;color:#64748b;line-height:1.45}
.sf41-card em{display:inline-flex;width:max-content;margin-top:4px;border-radius:999px;background:#ecfeff;color:#0e7490;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;font-style:normal}
.sf41-card a,.sf41-card span:last-child{display:inline-flex;width:max-content;margin-top:auto;text-decoration:none;background:#0f172a;color:#fff!important;border-radius:999px;padding:9px 14px;font-weight:900}
.sf41-task{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border-radius:18px;border:1px solid #e5e7eb;background:#f8fafc;margin-top:10px}
.sf41-task strong,.sf41-task b{display:block;color:#0f172a}
.sf41-task span{display:block;color:#64748b;margin-top:4px}
.sf41-task a{display:inline-flex;border-radius:999px;background:#0f172a;color:#fff!important;text-decoration:none;font-weight:900;padding:8px 12px;white-space:nowrap}
.sf41-task.warn{background:#fffbeb;border-color:#fde68a}.sf41-task.danger{background:#fef2f2;border-color:#fecaca}
@media(max-width:1180px){.sf41-body{grid-template-columns:1fr!important}.sf41-right-panel{position:relative!important;top:auto!important}.sf41-header h1{font-size:32px!important}}


/* Comercia 4.1.1 - Router panel corregido */
.comercia-panel-shell .comercia-nav a.active{background:#0f172a!important;color:#fff!important}
.comercia-panel-shell .sf41-body{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important}
@media(max-width:1180px){.comercia-panel-shell .sf41-body{grid-template-columns:1fr!important}}


/* Comercia 4.1.2 - Force visible */
.sf412-force-banner{display:none!important}
.comercia-shortcode-panel .comercia-app{max-width:1480px!important;margin:0 auto!important;background:#f6f8fb!important}
.comercia-shortcode-panel .comercia-content{max-width:none!important}
.comercia-shortcode-panel .sf41-body,
.comercia-panel-shell .sf41-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:20px!important;
}
.comercia-shortcode-panel .sf41-right-panel,
.comercia-panel-shell .sf41-right-panel{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
}
@media(max-width:1180px){
    .comercia-shortcode-panel .sf41-body,
    .comercia-panel-shell .sf41-body{grid-template-columns:1fr!important}
}


/* Comercia 4.1.3 - Panel derecho forzado */
.sf413-root{
    width:100%!important;
    max-width:1500px!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
}
.sf413-two-col{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:22px!important;
    width:100%!important;
    box-sizing:border-box!important;
}
.sf413-main{
    flex:1 1 auto!important;
    min-width:0!important;
    display:grid!important;
    gap:18px!important;
}
.sf413-right-panel-force{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 340px!important;
    width:340px!important;
    min-width:340px!important;
    max-width:340px!important;
    position:sticky!important;
    top:30px!important;
    align-self:flex-start!important;
    background:#ffffff!important;
    border:2px solid #0e7490!important;
    border-radius:30px!important;
    padding:18px!important;
    box-shadow:0 24px 70px rgba(14,116,144,.22)!important;
    z-index:999!important;
    box-sizing:border-box!important;
}
.sf413-panel-head{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#0f172a,#0e7490)!important;
    color:#fff!important;
    margin-bottom:14px!important;
}
.sf413-compass{
    width:46px!important;
    height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.14)!important;
    font-size:24px!important;
}
.sf413-panel-head strong{
    display:block!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.1!important;
}
.sf413-panel-head span{
    display:block!important;
    color:rgba(255,255,255,.75)!important;
    font-size:12px!important;
    margin-top:3px!important;
}
.sf413-score{
    text-align:center!important;
    padding:18px!important;
    border-radius:22px!important;
    background:#f8fafc!important;
    border:1px solid #e2e8f0!important;
    margin-bottom:12px!important;
}
.sf413-score strong{
    display:block!important;
    color:#0f172a!important;
    font-size:42px!important;
    line-height:1!important;
}
.sf413-score span{
    display:block!important;
    color:#64748b!important;
    font-size:12px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    margin-top:6px!important;
}
.sf413-note{
    padding:13px!important;
    border-radius:18px!important;
    border:1px solid #e5e7eb!important;
    margin-bottom:10px!important;
}
.sf413-note b{
    display:block!important;
    color:#0f172a!important;
    margin-bottom:4px!important;
}
.sf413-note p{
    margin:0!important;
    color:#64748b!important;
    line-height:1.35!important;
    font-size:13px!important;
}
.sf413-note.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}
.sf413-note.warn{background:#fffbeb!important;border-color:#fde68a!important}
.sf413-note.info{background:#eff6ff!important;border-color:#bfdbfe!important}

@media(max-width:1180px){
    .sf413-two-col{
        flex-direction:column!important;
    }
    .sf413-right-panel-force{
        position:relative!important;
        top:auto!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        flex:1 1 auto!important;
        order:-1!important;
    }
}


/* Comercia 4.1.4 - Panel a la derecha en escritorio */
.comercia-panel-shell,
.comercia-panel-shell .comercia-app,
.comercia-shortcode-panel .comercia-app{
    max-width:none!important;
    width:100%!important;
}
.comercia-panel-shell .comercia-content,
.comercia-shortcode-panel .comercia-content{
    max-width:none!important;
    width:100%!important;
    box-sizing:border-box!important;
}
.sf413-root{
    max-width:none!important;
    width:100%!important;
}
.sf413-two-col{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    align-items:start!important;
    gap:20px!important;
}
.sf413-main{
    min-width:0!important;
    width:100%!important;
}
.sf413-right-panel-force{
    width:320px!important;
    min-width:320px!important;
    max-width:320px!important;
    grid-column:2!important;
}
@media(max-width:900px){
    .sf413-two-col{
        display:flex!important;
        flex-direction:column!important;
    }
    .sf413-right-panel-force{
        order:-1!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        position:relative!important;
        top:auto!important;
    }
}


/* Comercia 4.1.5 - Panel responsive limpio */
/* En pantallas grandes: panel a la derecha */
@media(min-width:1501px){
    .sf413-two-col{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 320px!important;
        gap:22px!important;
        align-items:start!important;
    }
    .sf413-right-panel-force{
        grid-column:2!important;
        width:320px!important;
        min-width:320px!important;
        max-width:320px!important;
        position:sticky!important;
        top:30px!important;
        order:initial!important;
    }
}

/* En tablet y pantallas medianas: panel arriba, limpio, sin montarse */
@media(max-width:1500px){
    .sf413-root{
        max-width:none!important;
        width:100%!important;
        padding-left:24px!important;
        padding-right:24px!important;
        box-sizing:border-box!important;
    }
    .sf413-two-col{
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        gap:20px!important;
        width:100%!important;
    }
    .sf413-main{
        width:100%!important;
        order:2!important;
    }
    .sf413-right-panel-force{
        order:1!important;
        position:relative!important;
        top:auto!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        flex:1 1 auto!important;
        margin:0 0 18px 0!important;
        box-sizing:border-box!important;
    }
    .sf413-panel-head,
    .sf413-score,
    .sf413-note{
        max-width:none!important;
    }
}

/* En móviles: reduce espacios */
@media(max-width:760px){
    .sf413-root{
        padding-left:14px!important;
        padding-right:14px!important;
    }
    .sf41-header{
        padding:22px!important;
        border-radius:24px!important;
    }
    .sf41-header h1{
        font-size:30px!important;
    }
    .sf413-right-panel-force{
        border-radius:24px!important;
        padding:14px!important;
    }
}


/* Comercia 4.2 - Gestor de categorías */
.sf42-product-layout{
    grid-template-columns:minmax(0,1fr) 330px!important;
}
.sf42-compact-fields{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
}
.sf42-compact-fields label{
    flex:0 0 150px!important;
    max-width:170px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#334155!important;
    font-weight:850!important;
}
.sf42-compact-fields input{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:12px 13px!important;
}
.sf42-category-summary{
    margin-top:10px!important;
}
.sf42-chip-list{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    max-height:86px!important;
    overflow:hidden!important;
    margin-bottom:12px!important;
}
.sf42-chip-list span{
    display:inline-flex!important;
    border-radius:999px!important;
    background:#f1f5f9!important;
    color:#475569!important;
    font-size:12px!important;
    font-weight:850!important;
    padding:6px 9px!important;
}
.sf42-manage-link{
    display:inline-flex!important;
    text-decoration:none!important;
    color:#0e7490!important;
    font-weight:950!important;
}
.sf42-cat-manager{
    display:grid!important;
    grid-template-columns:360px minmax(0,1fr)!important;
    gap:18px!important;
}
.sf42-cat-create,.sf42-cat-list{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:26px!important;
    padding:22px!important;
    box-shadow:0 12px 34px rgba(15,23,42,.055)!important;
}
.sf42-cat-create h2,.sf42-cat-list h2{
    margin:0 0 6px!important;
    color:#0f172a!important;
}
.sf42-cat-create p,.sf42-cat-list p{
    margin:0 0 16px!important;
    color:#64748b!important;
}
.sf42-cat-form{
    display:grid!important;
    gap:13px!important;
}
.sf42-cat-form label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#334155!important;
    font-weight:850!important;
}
.sf42-cat-form input,.sf42-cat-form select,.sf42-cat-form textarea{
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:12px 13px!important;
    width:100%!important;
    box-sizing:border-box!important;
}
.sf42-cat-form button{
    border:0!important;
    border-radius:999px!important;
    background:#0f172a!important;
    color:#fff!important;
    font-weight:950!important;
    padding:12px 16px!important;
    cursor:pointer!important;
}
.sf42-cat-table{
    display:grid!important;
    gap:10px!important;
    max-height:620px!important;
    overflow:auto!important;
}
.sf42-cat-table article{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:13px 14px!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px!important;
    background:#f8fafc!important;
}
.sf42-cat-table strong{
    display:block!important;
    color:#0f172a!important;
}
.sf42-cat-table span{
    display:block!important;
    color:#64748b!important;
    font-size:13px!important;
    margin-top:3px!important;
}
.sf42-cat-table em{
    display:inline-flex!important;
    border-radius:999px!important;
    background:#ecfeff!important;
    color:#0e7490!important;
    font-style:normal!important;
    font-size:12px!important;
    font-weight:900!important;
    padding:6px 9px!important;
    white-space:nowrap!important;
}
@media(max-width:1100px){
    .sf42-cat-manager{
        grid-template-columns:1fr!important;
    }
    .sf42-compact-fields label{
        flex:1 1 135px!important;
        max-width:none!important;
    }
}


/* Comercia 4.2.1 - Incorporar productos funcional */
.sf421-open-ok{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:16px;padding:12px 15px;margin-bottom:16px;font-weight:800}


/* Comercia 4.3 - Catálogo profundo */
.sf412-force-banner{display:none!important}
.sf43-product-editor .sf314-builder-head span{background:#ecfeff!important;color:#0e7490!important}
.sf43-field-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:14px!important;
    align-items:flex-end!important;
}
.sf43-field-row label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#334155!important;
    font-weight:850!important;
}
.sf43-field-row input,.sf43-field-row select{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:12px 13px!important;
    background:#fff!important;
}
.sf43-field-row.identity .name{flex:1 1 380px!important}
.sf43-field-row.identity .sku{flex:0 0 160px!important}
.sf43-field-row.identity .status{flex:0 0 150px!important}
.sf43-field-row.commerce label{flex:0 0 145px!important}
.sf43-category-picker{
    border:1px solid #e2e8f0!important;
    background:#f8fafc!important;
    border-radius:20px!important;
    padding:16px!important;
}
.sf43-picker-summary{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
.sf43-picker-summary strong{color:#0f172a!important}
.sf43-picker-summary span{color:#64748b!important;font-size:13px!important}
.sf43-cat-search,.sf43-cat-admin-search{
    width:100%!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:12px 13px!important;
    margin-bottom:12px!important;
    box-sizing:border-box!important;
}
.sf43-cat-scroll{
    display:grid!important;
    gap:7px!important;
    max-height:210px!important;
    overflow:auto!important;
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:16px!important;
    padding:10px!important;
    margin-bottom:12px!important;
}
.sf43-cat-check{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    color:#475569!important;
    font-weight:800!important;
}
.sf43-cat-check:hover{background:#f1f5f9!important}
.sf43-cat-manager{grid-template-columns:360px minmax(0,1fr)!important}
.sf43-list-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    margin-bottom:14px!important;
}
.sf43-list-head input{max-width:280px!important}
.sf43-cat-table{max-height:680px!important}
.sf43-cat-row{
    background:#f8fafc!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px!important;
    overflow:hidden!important;
}
.sf43-cat-row summary{
    cursor:pointer!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 15px!important;
}
.sf43-cat-row summary::-webkit-details-marker{display:none}
.sf43-cat-edit{
    display:grid!important;
    grid-template-columns:1fr 220px!important;
    gap:12px!important;
    padding:0 15px 15px!important;
    background:#fff!important;
}
.sf43-cat-edit label{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    color:#334155!important;
    font-weight:850!important;
}
.sf43-cat-edit label.wide{grid-column:1/-1!important}
.sf43-cat-edit input,.sf43-cat-edit select,.sf43-cat-edit textarea{
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:10px 12px!important;
}
.sf43-cat-actions{
    grid-column:1/-1!important;
    display:flex!important;
    gap:10px!important;
}
.sf43-cat-actions button{
    border:0!important;
    border-radius:999px!important;
    background:#0f172a!important;
    color:#fff!important;
    font-weight:950!important;
    padding:10px 14px!important;
    cursor:pointer!important;
}
.sf43-cat-actions button.danger{background:#991b1b!important}
@media(max-width:1100px){
    .sf43-cat-manager{grid-template-columns:1fr!important}
    .sf43-list-head{flex-direction:column!important}
    .sf43-list-head input{max-width:none!important}
    .sf43-cat-edit{grid-template-columns:1fr!important}
    .sf43-field-row.identity .name,.sf43-field-row.identity .sku,.sf43-field-row.identity .status,.sf43-field-row.commerce label{
        flex:1 1 140px!important;
    }
}


/* Comercia 4.4 - Foto directa y pulido */
.sf44-media-card{
    background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
}
.sf44-drop{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:132px!important;
    border:2px dashed #bae6fd!important;
    background:#f0f9ff!important;
    color:#0f172a!important;
    border-radius:22px!important;
    padding:18px!important;
    text-align:center!important;
    cursor:pointer!important;
    margin:12px 0!important;
    transition:.18s ease!important;
}
.sf44-drop:hover{
    background:#e0f2fe!important;
    border-color:#0ea5e9!important;
    transform:translateY(-1px)!important;
}
.sf44-drop.compact{
    min-height:92px!important;
}
.sf44-drop input{
    display:none!important;
}
.sf44-drop span{
    font-size:34px!important;
    line-height:1!important;
}
.sf44-drop strong{
    font-size:15px!important;
    font-weight:950!important;
}
.sf44-drop small{
    color:#64748b!important;
    font-weight:800!important;
}
.sf43-product-editor .sf314-section{
    border-radius:28px!important;
}
.sf43-product-editor .sf314-side-card{
    border-radius:26px!important;
}
.sf43-field-row.commerce label{
    flex:0 0 132px!important;
}
.sf43-field-row.commerce input{
    text-align:right!important;
    font-weight:850!important;
}
.sf314-submit-card{
    box-shadow:0 18px 44px rgba(15,23,42,.18)!important;
}
.sf314-submit{
    transition:.18s ease!important;
}
.sf314-submit:hover{
    transform:translateY(-1px)!important;
}


/* Comercia 5.0-alpha.1 - Design System Base */
:root{--sf50-bg:#f6f7fb;--sf50-card:#fff;--sf50-ink:#0f172a;--sf50-muted:#64748b;--sf50-line:#e5e7eb;--sf50-purple:#6d3df5;--sf50-purple2:#8b5cf6;--sf50-green:#16a34a}
.sf50-app{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--sf50-bg)!important;color:var(--sf50-ink)!important;padding:24px!important;border-radius:32px!important}
.sf50-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:22px!important}
.sf50-breadcrumb{color:#81899c!important;font-size:13px!important;font-weight:800!important;margin-bottom:18px!important}
.sf50-head h1{margin:0 0 8px!important;font-size:30px!important;letter-spacing:-.04em!important;color:var(--sf50-ink)!important}
.sf50-head p{margin:0!important;color:var(--sf50-muted)!important}
.sf50-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.sf50-btn,.sf50-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid transparent!important;border-radius:12px!important;padding:12px 16px!important;font-weight:900!important;text-decoration:none!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(15,23,42,.06)!important}
.sf50-btn.primary,.sf50-button.primary{background:linear-gradient(135deg,var(--sf50-purple),var(--sf50-purple2))!important;color:#fff!important}
.sf50-btn.secondary,.sf50-button.secondary{background:#fff!important;color:var(--sf50-ink)!important;border-color:var(--sf50-line)!important}
.sf50-button.ghost{background:#f8fafc!important;color:var(--sf50-ink)!important;border-color:var(--sf50-line)!important}
.sf50-body{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:22px!important;align-items:start!important}
.sf50-main{display:grid!important;gap:18px!important;min-width:0!important}
.sf50-brujula{position:sticky!important;top:26px!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border:1px solid #ddd6fe!important;border-radius:26px!important;padding:20px!important;box-shadow:0 24px 70px rgba(109,61,245,.14)!important}
.sf50-brujula-title{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:18px!important}
.sf50-brujula-title>span{font-size:24px!important}.sf50-brujula-title strong{display:block!important;font-size:17px!important;color:var(--sf50-ink)!important}.sf50-brujula-title small{display:block!important;color:var(--sf50-muted)!important}
.sf50-score{display:grid!important;grid-template-columns:86px 1fr!important;gap:15px!important;align-items:center!important;padding:12px!important;border-radius:20px!important;background:#fff!important;border:1px solid #ede9fe!important;margin-bottom:16px!important}
.sf50-ring{width:78px!important;height:78px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:conic-gradient(var(--sf50-purple) calc(var(--score) * 1%),#ede9fe 0)!important;position:relative!important}
.sf50-ring:after{content:""!important;position:absolute!important;inset:9px!important;background:#fff!important;border-radius:50%!important}.sf50-ring strong{position:relative!important;z-index:1!important;font-size:18px!important;color:var(--sf50-ink)!important}
.sf50-score b{color:var(--sf50-ink)!important}.sf50-score p{margin:5px 0 0!important;color:var(--sf50-muted)!important;font-size:13px!important;line-height:1.35!important}
.sf50-box,.sf50-suggestion{background:#fff!important;border:1px solid #ede9fe!important;border-radius:18px!important;padding:15px!important;margin-top:12px!important}
.sf50-box h4{margin:0 0 12px!important;color:var(--sf50-ink)!important}.sf50-box label{display:flex!important;align-items:center!important;gap:9px!important;margin:10px 0!important;color:#334155!important;font-size:13px!important;font-weight:750!important}.sf50-box label i{width:13px!important;height:13px!important;border-radius:50%!important;border:2px solid #c4b5fd!important}
.sf50-row{display:flex!important;justify-content:space-between!important;gap:10px!important;padding:10px 0!important;border-bottom:1px solid #f1f5f9!important;font-size:13px!important}.sf50-row:last-child{border-bottom:0!important}.sf50-row span{color:#475569!important}.sf50-row b{color:var(--sf50-green)!important}
.sf50-suggestion b{display:block!important;color:var(--sf50-ink)!important}.sf50-suggestion p{margin:7px 0 12px!important;color:var(--sf50-muted)!important;font-size:13px!important}.sf50-suggestion button{border:1px solid #c4b5fd!important;background:#f5f3ff!important;color:var(--sf50-purple)!important;border-radius:10px!important;padding:9px 12px!important;font-weight:900!important}
.sf50-panel,.sf50-card{background:#fff!important;border:1px solid var(--sf50-line)!important;border-radius:24px!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important}
.sf50-panel{padding:20px!important}.sf50-panel-head{display:flex!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.sf50-panel-head>span{width:30px!important;height:30px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:linear-gradient(135deg,var(--sf50-purple),var(--sf50-purple2))!important;font-weight:950!important}.sf50-panel-head h2{margin:0 0 5px!important;color:var(--sf50-ink)!important;font-size:18px!important}.sf50-panel-head p{margin:0!important;color:var(--sf50-muted)!important}
.sf50-badge{display:inline-flex!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;background:#ede9fe!important;color:var(--sf50-purple)!important}.sf50-badge.success{background:#dcfce7!important;color:#15803d!important}
.sf50-metrics{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:14px!important}.sf50-metric{background:#fff!important;border:1px solid var(--sf50-line)!important;border-radius:18px!important;padding:16px!important}.sf50-metric strong{display:block!important;font-size:26px!important;letter-spacing:-.04em!important;color:var(--sf50-ink)!important}.sf50-metric span{display:block!important;color:var(--sf50-muted)!important;font-weight:850!important;margin-top:5px!important}.sf50-metric small{display:block!important;color:var(--sf50-green)!important;margin-top:7px!important;font-weight:800!important}
.sf50-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;gap:16px!important}.sf50-card{padding:18px!important;display:flex!important;flex-direction:column!important;gap:12px!important}.sf50-card-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important}.sf50-icon{width:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;background:#f8fafc!important;font-size:24px!important}.sf50-card h3{margin:0!important;color:var(--sf50-ink)!important;font-size:18px!important}.sf50-card p{margin:0!important;color:var(--sf50-muted)!important;line-height:1.45!important}.sf50-card a,.sf50-card>span{display:inline-flex!important;width:max-content!important;text-decoration:none!important;background:var(--sf50-ink)!important;color:#fff!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important;margin-top:auto!important}
.sf50-component-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-bottom:16px!important}.sf50-form-demo{display:grid!important;grid-template-columns:1fr 150px 110px!important;gap:14px!important}.sf50-form-demo label{display:flex!important;flex-direction:column!important;gap:7px!important;color:#334155!important;font-weight:850!important}.sf50-form-demo input{border:1px solid #dbe2ea!important;border-radius:13px!important;padding:12px 13px!important;color:var(--sf50-ink)!important}
@media(max-width:1180px){.sf50-body{grid-template-columns:1fr!important}.sf50-brujula{position:relative!important;top:auto!important;order:-1!important}}@media(max-width:760px){.sf50-app{padding:14px!important;border-radius:22px!important}.sf50-head{flex-direction:column!important}.sf50-form-demo{grid-template-columns:1fr!important}}


/* Comercia 5.0-alpha.2 - Vitrina visible en panel */
.sf502-app{
    background:#f6f7fb!important;
    border-radius:30px!important;
    padding:24px!important;
    color:#0f172a!important;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
.sf502-head{
    background:linear-gradient(135deg,#ffffff,#f8f7ff)!important;
    border:1px solid #e5e7eb!important;
    border-radius:28px!important;
    padding:24px!important;
    margin-bottom:16px!important;
    box-shadow:0 18px 50px rgba(15,23,42,.06)!important;
}
.sf502-head span{
    display:inline-flex!important;
    color:#6d3df5!important;
    font-size:13px!important;
    font-weight:950!important;
    margin-bottom:10px!important;
}
.sf502-head h1{
    margin:0 0 8px!important;
    font-size:34px!important;
    letter-spacing:-.04em!important;
    color:#0f172a!important;
}
.sf502-head p{margin:0!important;color:#64748b!important}
.sf502-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    margin:0 0 16px!important;
}
.sf502-actions a{
    display:inline-flex!important;
    align-items:center!important;
    text-decoration:none!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid #e5e7eb!important;
    border-radius:14px!important;
    padding:11px 15px!important;
    font-weight:900!important;
    box-shadow:0 10px 22px rgba(15,23,42,.05)!important;
}
.sf502-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:20px!important;
    align-items:start!important;
}
.sf502-main{display:grid!important;gap:18px!important;min-width:0!important}
.sf502-panel,.sf502-card,.sf502-side{
    background:#fff!important;
    border:1px solid #e5e7eb!important;
    border-radius:24px!important;
    box-shadow:0 18px 50px rgba(15,23,42,.06)!important;
}
.sf502-panel{padding:22px!important}
.sf502-panel h2{margin:0 0 8px!important;color:#0f172a!important}
.sf502-panel p{margin:0!important;color:#64748b!important;line-height:1.55!important}
.sf502-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(225px,1fr))!important;
    gap:16px!important;
}
.sf502-card{
    padding:18px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
}
.sf502-card-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:10px!important}
.sf502-icon{
    width:48px!important;height:48px!important;border-radius:17px!important;background:#f8fafc!important;
    display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important;
}
.sf502-card h3{margin:0!important;color:#0f172a!important;font-size:18px!important}
.sf502-card p{margin:0!important;color:#64748b!important;line-height:1.45!important}
.sf502-card em{
    display:inline-flex!important;border-radius:999px!important;background:#ede9fe!important;color:#6d3df5!important;
    padding:6px 10px!important;font-style:normal!important;font-size:12px!important;font-weight:950!important;
}
.sf502-card a{
    display:inline-flex!important;width:max-content!important;margin-top:auto!important;text-decoration:none!important;
    background:#0f172a!important;color:#fff!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important;
}
.sf502-side{
    position:sticky!important;
    top:24px!important;
    padding:18px!important;
    background:linear-gradient(180deg,#fff,#faf7ff)!important;
    border-color:#ddd6fe!important;
}
.sf502-side-head{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}
.sf502-side-head>span{font-size:24px!important}
.sf502-side-head strong{display:block!important;color:#0f172a!important}
.sf502-side-head small{display:block!important;color:#64748b!important}
.sf502-score{
    text-align:center!important;background:#fff!important;border:1px solid #ede9fe!important;border-radius:20px!important;
    padding:16px!important;margin-bottom:12px!important;
}
.sf502-score b{display:block!important;font-size:38px!important;color:#6d3df5!important;line-height:1!important}
.sf502-score span{display:block!important;color:#64748b!important;font-weight:850!important;margin-top:7px!important}
.sf502-note{
    padding:13px!important;border-radius:17px!important;margin-bottom:10px!important;border:1px solid #e5e7eb!important;
}
.sf502-note strong{display:block!important;color:#0f172a!important;margin-bottom:4px!important}
.sf502-note p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}
.sf502-note.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}
.sf502-note.warn{background:#fffbeb!important;border-color:#fde68a!important}
@media(max-width:1180px){
    .sf502-layout{grid-template-columns:1fr!important}
    .sf502-side{position:relative!important;top:auto!important;order:-1!important}
}


/* Comercia Premium 1.0 - Expediente del Producto */
.sfp-app{background:#f6f7fb!important;border-radius:34px!important;padding:24px!important;color:#0f172a!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sfp-top{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;background:linear-gradient(135deg,#fff,#f7f3ff)!important;border:1px solid #e8e3ff!important;border-radius:30px!important;padding:26px!important;margin-bottom:18px!important;box-shadow:0 24px 70px rgba(109,61,245,.10)!important}
.sfp-top span{display:inline-flex!important;color:#6d3df5!important;font-size:13px!important;font-weight:950!important;margin-bottom:8px!important}.sfp-top h1{margin:0 0 8px!important;font-size:36px!important;letter-spacing:-.045em!important;color:#0f172a!important}.sfp-top p{margin:0!important;color:#64748b!important}
.sfp-top-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfp-top-actions a,.sfp-top-actions button{border:0!important;border-radius:14px!important;background:#0f172a!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 12px 28px rgba(15,23,42,.12)!important}
.sfp-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:20px!important;align-items:start!important}.sfp-main{display:grid!important;gap:18px!important;min-width:0!important}
.sfp-product-hero{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:20px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:30px!important;padding:20px!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important}
.sfp-photo-main{height:280px!important;border-radius:26px!important;background:radial-gradient(circle at 50% 20%,#ede9fe,#f8fafc)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;font-size:74px!important;color:#6d3df5!important}.sfp-photo-main span{font-size:13px!important;color:#64748b!important;font-weight:900!important;margin-top:10px!important}
.sfp-thumbs{display:flex!important;gap:8px!important;margin-top:10px!important}.sfp-thumbs span,.sfp-thumbs button{width:56px!important;height:56px!important;border-radius:16px!important;border:1px solid #e5e7eb!important;background:#f8fafc!important}.sfp-thumbs button{font-size:26px!important;color:#6d3df5!important;font-weight:900!important}
.sfp-product-info{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}.sfp-badges{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.sfp-status{display:inline-flex!important;border-radius:999px!important;padding:7px 11px!important;background:#ede9fe!important;color:#6d3df5!important;font-size:12px!important;font-weight:950!important}.sfp-status.success{background:#dcfce7!important;color:#15803d!important}
.sfp-product-info h2{margin:0!important;font-size:30px!important;letter-spacing:-.04em!important;color:#0f172a!important}.sfp-product-info p{margin:0!important;color:#64748b!important}.sfp-prep{display:grid!important;grid-template-columns:90px 1fr!important;gap:14px!important;align-items:center!important}.sfp-prep strong{font-size:30px!important;color:#6d3df5!important}.sfp-prep span{display:block!important;color:#64748b!important;font-weight:850!important}.sfp-prep progress{width:100%!important;height:12px!important;accent-color:#6d3df5!important}
.sfp-mini-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.sfp-mini-grid div{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:18px!important;padding:14px!important}.sfp-mini-grid b{display:block!important;font-size:18px!important}.sfp-mini-grid span{color:#64748b!important;font-weight:850!important;font-size:12px!important}
.sfp-section-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important}.sfp-module,.sfp-card,.sfp-work-panel,.sfp-brujula{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:26px!important;box-shadow:0 18px 50px rgba(15,23,42,.06)!important}
.sfp-module{padding:18px!important}.sfp-module div{display:flex!important;gap:10px!important;align-items:center!important}.sfp-module div span{width:30px!important;height:30px!important;border-radius:50%!important;background:linear-gradient(135deg,#6d3df5,#8b5cf6)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important}.sfp-module h3{margin:0!important;color:#0f172a!important}.sfp-module p{color:#64748b!important;line-height:1.45!important}.sfp-module em{display:inline-flex!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;padding:6px 10px!important;font-style:normal!important;font-weight:900!important;font-size:12px!important}
.sfp-work-panel{padding:22px!important}.sfp-work-panel h2{margin:0 0 8px!important}.sfp-work-panel p{margin:0 0 14px!important;color:#64748b!important}.sfp-media-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfp-media-actions button{border:1px solid #ddd6fe!important;background:#f5f3ff!important;color:#6d3df5!important;border-radius:13px!important;padding:10px 13px!important;font-weight:950!important}.sfp-optimization{display:flex!important;gap:12px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:14px!important;background:#f8fafc!important;border-radius:18px!important;padding:14px!important}.sfp-optimization b{color:#16a34a!important}
.sfp-brujula{position:sticky!important;top:24px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border-color:#ddd6fe!important}.sfp-brujula-head{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.sfp-brujula-head>span{font-size:24px!important}.sfp-brujula-head strong{display:block!important}.sfp-brujula-head small{display:block!important;color:#64748b!important}.sfp-score{text-align:center!important;background:#fff!important;border:1px solid #ede9fe!important;border-radius:20px!important;padding:18px!important;margin-bottom:12px!important}.sfp-score b{display:block!important;font-size:42px!important;color:#6d3df5!important;line-height:1!important}.sfp-score span{color:#64748b!important;font-weight:850!important}
.sfp-check{border:1px solid #e5e7eb!important;border-radius:17px!important;padding:13px!important;margin-bottom:10px!important}.sfp-check b{display:block!important;margin-bottom:4px!important}.sfp-check p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}.sfp-check.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}.sfp-check.warn{background:#fffbeb!important;border-color:#fde68a!important}.sfp-check.info{background:#eff6ff!important;border-color:#bfdbfe!important}
.sfp-card{padding:18px!important;display:flex!important;flex-direction:column!important;gap:12px!important}.sfp-card-top{display:flex!important;justify-content:space-between!important;gap:10px!important}.sfp-icon{width:48px!important;height:48px!important;border-radius:17px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important}.sfp-card h3{margin:0!important}.sfp-card p{margin:0!important;color:#64748b!important;line-height:1.45!important}.sfp-card a,.sfp-card>span{display:inline-flex!important;width:max-content!important;margin-top:auto!important;background:#0f172a!important;color:#fff!important;text-decoration:none!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important}.sfp-card em{display:inline-flex!important;border-radius:999px!important;background:#ede9fe!important;color:#6d3df5!important;padding:6px 10px!important;font-style:normal!important;font-weight:950!important;font-size:12px!important}
@media(max-width:1180px){.sfp-layout{grid-template-columns:1fr!important}.sfp-brujula{position:relative!important;top:auto!important;order:-1!important}.sfp-product-hero{grid-template-columns:1fr!important}.sfp-photo-main{height:230px!important}}


/* Hito 1 - Comercia Premium Expediente */
.sfh-app{background:#f5f6fb!important;border-radius:36px!important;padding:24px!important;color:#0f172a!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sfh-hero{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;background:radial-gradient(circle at 90% 0%,rgba(109,61,245,.18),transparent 36%),linear-gradient(135deg,#fff,#f7f3ff)!important;border:1px solid #e7e0ff!important;border-radius:32px!important;padding:28px!important;margin-bottom:20px!important;box-shadow:0 28px 80px rgba(109,61,245,.13)!important}
.sfh-kicker{display:inline-flex!important;color:#6d3df5!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:10px!important}
.sfh-hero h1{margin:0 0 8px!important;font-size:42px!important;line-height:1!important;letter-spacing:-.055em!important;color:#0f172a!important}.sfh-hero p{margin:0!important;color:#64748b!important;font-size:15px!important;max-width:680px!important}
.sfh-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfh-actions a,.sfh-actions button{border:0!important;border-radius:15px!important;background:#0f172a!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 16px 34px rgba(15,23,42,.13)!important}
.sfh-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 340px!important;gap:22px!important;align-items:start!important}.sfh-main{display:grid!important;gap:18px!important;min-width:0!important}
.sfh-product-stage,.sfh-multimedia,.sfh-timeline,.sfh-module,.sfh-brujula{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:30px!important;box-shadow:0 20px 58px rgba(15,23,42,.07)!important}
.sfh-product-stage{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:22px!important;padding:20px!important}
.sfh-main-photo{height:310px!important;border-radius:28px!important;background:radial-gradient(circle at 50% 18%,#ede9fe,#f8fafc 68%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#6d3df5!important}.sfh-main-photo>span{font-size:82px!important}.sfh-main-photo strong{font-size:15px!important;color:#0f172a!important;margin-top:10px!important}.sfh-main-photo small{color:#64748b!important;font-weight:850!important;margin-top:4px!important}
.sfh-gallery-row{display:flex!important;gap:8px!important;margin-top:10px!important}.sfh-gallery-row button,.sfh-gallery-row i{width:56px!important;height:56px!important;border:1px solid #e5e7eb!important;border-radius:17px!important;background:#f8fafc!important}.sfh-gallery-row button{font-size:26px!important;color:#6d3df5!important;font-weight:950!important}
.sfh-product-summary{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}.sfh-chip-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.sfh-chip{display:inline-flex!important;border-radius:999px!important;padding:7px 11px!important;background:#f1f5f9!important;color:#475569!important;font-size:12px!important;font-weight:950!important}.sfh-chip.success{background:#dcfce7!important;color:#15803d!important}.sfh-chip.purple{background:#ede9fe!important;color:#6d3df5!important}
.sfh-product-summary h2{margin:0!important;font-size:32px!important;letter-spacing:-.045em!important;color:#0f172a!important}.sfh-product-summary p{margin:0!important;color:#64748b!important}.sfh-preparation{display:grid!important;grid-template-columns:110px 1fr!important;gap:16px!important;align-items:center!important}.sfh-preparation strong{display:block!important;font-size:36px!important;color:#6d3df5!important;line-height:1!important}.sfh-preparation span{color:#64748b!important;font-weight:850!important}.sfh-bar{height:13px!important;border-radius:99px!important;background:#ede9fe!important;overflow:hidden!important}.sfh-bar i{display:block!important;height:100%!important;background:linear-gradient(90deg,#6d3df5,#8b5cf6)!important;border-radius:99px!important}
.sfh-kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.sfh-kpi-grid div{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:18px!important;padding:13px!important}.sfh-kpi-grid strong{display:block!important;font-size:17px!important}.sfh-kpi-grid span{color:#64748b!important;font-size:12px!important;font-weight:850!important}
.sfh-work-map{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:16px!important}.sfh-module{padding:18px!important;display:grid!important;grid-template-columns:46px 1fr!important;gap:13px!important;align-items:start!important;position:relative!important}.sfh-module-icon{width:46px!important;height:46px!important;border-radius:17px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:24px!important}.sfh-module h3{margin:0 0 6px!important;color:#0f172a!important}.sfh-module p{margin:0!important;color:#64748b!important;line-height:1.4!important}.sfh-module em{grid-column:1/-1!important;display:inline-flex!important;width:max-content!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;padding:6px 10px!important;font-style:normal!important;font-weight:950!important;font-size:12px!important}
.sfh-multimedia{padding:22px!important}.sfh-multimedia>div:first-child span{color:#6d3df5!important;font-weight:950!important;font-size:12px!important;text-transform:uppercase!important}.sfh-multimedia h2{margin:6px 0!important;font-size:24px!important;letter-spacing:-.03em!important}.sfh-multimedia p{margin:0!important;color:#64748b!important}.sfh-flow{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin:18px 0!important;background:#f8fafc!important;border-radius:20px!important;padding:14px!important}.sfh-flow div{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:12px 14px!important}.sfh-flow b{display:block!important}.sfh-flow small{color:#64748b!important}.sfh-flow>strong{color:#6d3df5!important;font-size:22px!important}.sfh-media-buttons{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfh-media-buttons button{border:1px solid #ddd6fe!important;background:#f5f3ff!important;color:#6d3df5!important;border-radius:13px!important;padding:10px 13px!important;font-weight:950!important}
.sfh-timeline{padding:22px!important}.sfh-timeline h2{margin:0 0 14px!important}.sfh-timeline div{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfh-timeline span{display:inline-flex!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;padding:8px 12px!important;font-weight:900!important}.sfh-timeline span.done{background:#dcfce7!important;color:#15803d!important}
.sfh-brujula{position:sticky!important;top:24px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border-color:#ddd6fe!important}.sfh-brujula-head{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.sfh-brujula-head>span{font-size:26px!important}.sfh-brujula-head strong{display:block!important}.sfh-brujula-head small{display:block!important;color:#64748b!important}.sfh-health{text-align:center!important;background:#fff!important;border:1px solid #ede9fe!important;border-radius:22px!important;padding:18px!important;margin-bottom:12px!important}.sfh-health strong{display:block!important;font-size:42px!important;color:#6d3df5!important;line-height:1!important}.sfh-health span{color:#64748b!important;font-weight:850!important}.sfh-health div{height:10px!important;background:#ede9fe!important;border-radius:999px!important;margin-top:12px!important;overflow:hidden!important}.sfh-health i{display:block!important;height:100%!important;background:linear-gradient(90deg,#6d3df5,#8b5cf6)!important}
.sfh-advice{border:1px solid #e5e7eb!important;border-radius:18px!important;padding:13px!important;margin-bottom:10px!important}.sfh-advice b{display:block!important;margin-bottom:4px!important}.sfh-advice p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}.sfh-advice.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}.sfh-advice.warn{background:#fffbeb!important;border-color:#fde68a!important}.sfh-advice.info{background:#eff6ff!important;border-color:#bfdbfe!important}.sfh-primary-full{width:100%!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#6d3df5,#8b5cf6)!important;color:#fff!important;font-weight:950!important;padding:13px!important;margin-top:4px!important}
@media(max-width:1180px){.sfh-layout{grid-template-columns:1fr!important}.sfh-brujula{position:relative!important;top:auto!important;order:-1!important}.sfh-product-stage{grid-template-columns:1fr!important}.sfh-main-photo{height:245px!important}.sfh-kpi-grid{grid-template-columns:repeat(2,1fr)!important}.sfh-hero{flex-direction:column!important}}


/* Hito 2 - Workspace del Producto */
.sfh2-app{background:#f4f6fb!important;border-radius:36px!important;padding:24px!important;color:#0f172a!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sfh2-hero{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;background:radial-gradient(circle at 90% 0%,rgba(109,61,245,.18),transparent 38%),linear-gradient(135deg,#fff,#f7f3ff)!important;border:1px solid #e7e0ff!important;border-radius:32px!important;padding:28px!important;margin-bottom:20px!important;box-shadow:0 28px 80px rgba(109,61,245,.13)!important}
.sfh2-hero span{display:inline-flex!important;color:#6d3df5!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:10px!important}
.sfh2-hero h1{margin:0 0 8px!important;font-size:40px!important;line-height:1!important;letter-spacing:-.055em!important;color:#0f172a!important}
.sfh2-hero p{margin:0!important;color:#64748b!important;max-width:720px!important}
.sfh2-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.sfh2-hero-actions a,.sfh2-hero-actions button{border:0!important;border-radius:15px!important;background:#0f172a!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 16px 34px rgba(15,23,42,.13)!important}
.sfh2-grid{display:grid!important;grid-template-columns:280px minmax(0,1fr) 320px!important;gap:20px!important;align-items:start!important}
.sfh2-left,.sfh2-right,.sfh2-preview-card,.sfh2-media-lab,.sfh2-live-store{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:28px!important;box-shadow:0 20px 58px rgba(15,23,42,.07)!important}
.sfh2-left{padding:14px!important;display:grid!important;gap:10px!important;position:sticky!important;top:22px!important}
.sfh2-build-card{display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;padding:12px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #edf0f5!important;align-items:center!important}
.sfh2-build-card>span{width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important}
.sfh2-build-card h3{margin:0!important;font-size:15px!important;color:#0f172a!important}.sfh2-build-card p{margin:3px 0 0!important;color:#64748b!important;font-size:12px!important;line-height:1.25!important}.sfh2-build-card strong{grid-column:1/-1!important;color:#6d3df5!important;font-size:12px!important;text-transform:uppercase!important}
.sfh2-center{display:grid!important;gap:18px!important;min-width:0!important}
.sfh2-preview-card{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:20px!important;padding:18px!important}
.sfh2-product-photo{min-height:330px!important;border-radius:26px!important;background:radial-gradient(circle at 50% 18%,#ede9fe,#f8fafc 68%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#6d3df5!important}
.sfh2-product-photo div{font-size:90px!important}.sfh2-product-photo strong{color:#0f172a!important;font-size:16px!important;margin-top:10px!important}.sfh2-product-photo small{color:#64748b!important;font-weight:850!important;margin-top:5px!important}
.sfh2-product-data{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:12px!important}.sfh2-chip{display:inline-flex!important;width:max-content!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;padding:7px 11px!important;font-size:12px!important;font-weight:950!important;margin-right:8px!important}.sfh2-chip.purple{background:#ede9fe!important;color:#6d3df5!important}
.sfh2-product-data h2{margin:0!important;font-size:32px!important;letter-spacing:-.045em!important;color:#0f172a!important}.sfh2-product-data p{margin:0!important;color:#64748b!important}
.sfh2-health{display:grid!important;grid-template-columns:120px 1fr!important;gap:14px!important;align-items:center!important}.sfh2-health b{display:block!important;font-size:38px!important;color:#6d3df5!important;line-height:1!important}.sfh2-health span{color:#64748b!important;font-weight:850!important}.sfh2-health i{height:13px!important;border-radius:999px!important;background:#ede9fe!important;overflow:hidden!important;display:block!important}.sfh2-health em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#6d3df5,#8b5cf6)!important}
.sfh2-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.sfh2-kpis div{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:22px!important;padding:16px!important;box-shadow:0 14px 34px rgba(15,23,42,.045)!important}.sfh2-kpis b{display:block!important;font-size:20px!important}.sfh2-kpis span{color:#64748b!important;font-weight:850!important}
.sfh2-media-lab,.sfh2-live-store{padding:22px!important}.sfh2-media-lab span{color:#6d3df5!important;font-weight:950!important;text-transform:uppercase!important;font-size:12px!important}.sfh2-media-lab h2,.sfh2-live-store h2{margin:6px 0!important;letter-spacing:-.03em!important}.sfh2-media-lab p{margin:0!important;color:#64748b!important}
.sfh2-flow{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin:18px 0!important;background:#f8fafc!important;border-radius:20px!important;padding:14px!important}.sfh2-flow div{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:12px 14px!important}.sfh2-flow b{display:block!important}.sfh2-flow small{color:#64748b!important}.sfh2-flow>strong{color:#6d3df5!important;font-size:22px!important}
.sfh2-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfh2-actions button{border:1px solid #ddd6fe!important;background:#f5f3ff!important;color:#6d3df5!important;border-radius:13px!important;padding:10px 13px!important;font-weight:950!important}
.sfh2-store-card{max-width:260px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:24px!important;padding:16px!important;text-align:center!important}.sfh2-store-card div{font-size:56px!important}.sfh2-store-card strong{display:block!important;margin:8px 0!important}.sfh2-store-card span{display:block!important;color:#6d3df5!important;font-weight:950!important;margin-bottom:10px!important}.sfh2-store-card button{border:0!important;background:#0f172a!important;color:#fff!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important}
.sfh2-right{padding:18px!important;position:sticky!important;top:22px!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border-color:#ddd6fe!important}
.sfh2-compass{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.sfh2-compass>span{font-size:26px!important}.sfh2-compass strong{display:block!important}.sfh2-compass small{color:#64748b!important}
.sfh2-score{text-align:center!important;background:#fff!important;border:1px solid #ede9fe!important;border-radius:22px!important;padding:18px!important;margin-bottom:12px!important}.sfh2-score b{display:block!important;font-size:38px!important;color:#6d3df5!important}.sfh2-score span{color:#64748b!important;font-weight:850!important}
.sfh2-tip{border:1px solid #e5e7eb!important;border-radius:18px!important;padding:13px!important;margin-bottom:10px!important}.sfh2-tip strong{display:block!important;margin-bottom:4px!important}.sfh2-tip p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}.sfh2-tip.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}.sfh2-tip.warn{background:#fffbeb!important;border-color:#fde68a!important}.sfh2-tip.info{background:#eff6ff!important;border-color:#bfdbfe!important}
@media(max-width:1280px){.sfh2-grid{grid-template-columns:1fr!important}.sfh2-left,.sfh2-right{position:relative!important;top:auto!important}.sfh2-left{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.sfh2-preview-card{grid-template-columns:1fr!important}.sfh2-product-photo{min-height:240px!important}.sfh2-kpis{grid-template-columns:repeat(2,1fr)!important}.sfh2-hero{flex-direction:column!important}}


/* Comercia Workspace Integrado */
.sfw-app{background:#f4f6fb!important;border-radius:36px!important;padding:24px!important;color:#0f172a!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sfw-hero{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;background:radial-gradient(circle at 90% 0%,rgba(109,61,245,.18),transparent 38%),linear-gradient(135deg,#fff,#f7f3ff)!important;border:1px solid #e7e0ff!important;border-radius:32px!important;padding:28px!important;margin-bottom:20px!important;box-shadow:0 28px 80px rgba(109,61,245,.13)!important}
.sfw-hero span{display:inline-flex!important;color:#6d3df5!important;font-size:12px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.06em!important;margin-bottom:10px!important}
.sfw-hero h1{margin:0 0 8px!important;font-size:40px!important;line-height:1!important;letter-spacing:-.055em!important;color:#0f172a!important}
.sfw-hero p{margin:0!important;color:#64748b!important;max-width:720px!important}.sfw-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}
.sfw-actions a,.sfw-actions button{border:0!important;border-radius:15px!important;background:#0f172a!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;padding:12px 16px!important;box-shadow:0 16px 34px rgba(15,23,42,.13)!important}
.sfw-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr) 320px!important;gap:20px!important;align-items:start!important}
.sfw-left,.sfw-brujula,.sfw-product-card,.sfw-media-lab,.sfw-store-preview,.sfw-panel{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:28px!important;box-shadow:0 20px 58px rgba(15,23,42,.07)!important}
.sfw-left{padding:14px!important;display:grid!important;gap:10px!important;position:sticky!important;top:22px!important}
.sfw-module{display:grid!important;grid-template-columns:42px 1fr!important;gap:10px!important;padding:12px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #edf0f5!important;align-items:center!important}
.sfw-module-icon{width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important}.sfw-module h3{margin:0!important;font-size:15px!important;color:#0f172a!important}.sfw-module p{margin:3px 0 0!important;color:#64748b!important;font-size:12px!important;line-height:1.25!important}.sfw-module em{grid-column:1/-1!important;color:#6d3df5!important;font-style:normal!important;font-weight:950!important;font-size:12px!important;text-transform:uppercase!important}
.sfw-center{display:grid!important;gap:18px!important;min-width:0!important}.sfw-product-card{display:grid!important;grid-template-columns:320px minmax(0,1fr)!important;gap:20px!important;padding:18px!important}
.sfw-photo{min-height:330px!important;border-radius:26px!important;background:radial-gradient(circle at 50% 18%,#ede9fe,#f8fafc 68%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#6d3df5!important}.sfw-photo div{font-size:90px!important}.sfw-photo strong{color:#0f172a!important;font-size:16px!important;margin-top:10px!important}.sfw-photo small{color:#64748b!important;font-weight:850!important;margin-top:5px!important}
.sfw-summary{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:12px!important}.sfw-chips span{display:inline-flex!important;border-radius:999px!important;background:#f1f5f9!important;color:#475569!important;padding:7px 11px!important;font-size:12px!important;font-weight:950!important;margin-right:8px!important}.sfw-chips .purple{background:#ede9fe!important;color:#6d3df5!important}.sfw-chips .green{background:#dcfce7!important;color:#15803d!important}
.sfw-summary h2{margin:0!important;font-size:32px!important;letter-spacing:-.045em!important;color:#0f172a!important}.sfw-summary p{margin:0!important;color:#64748b!important}.sfw-health{display:grid!important;grid-template-columns:120px 1fr!important;gap:14px!important;align-items:center!important}.sfw-health b{display:block!important;font-size:38px!important;color:#6d3df5!important;line-height:1!important}.sfw-health span{color:#64748b!important;font-weight:850!important}.sfw-health i{height:13px!important;border-radius:999px!important;background:#ede9fe!important;overflow:hidden!important;display:block!important}.sfw-health em{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#6d3df5,#8b5cf6)!important}
.sfw-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.sfw-kpis div{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:18px!important;padding:13px!important}.sfw-kpis b{display:block!important;font-size:18px!important}.sfw-kpis span{color:#64748b!important;font-weight:850!important;font-size:12px!important}
.sfw-media-lab,.sfw-store-preview,.sfw-panel{padding:22px!important}.sfw-media-lab span{color:#6d3df5!important;font-weight:950!important;text-transform:uppercase!important;font-size:12px!important}.sfw-media-lab h2,.sfw-store-preview h2,.sfw-panel h2{margin:6px 0!important;letter-spacing:-.03em!important}.sfw-media-lab p,.sfw-panel p{margin:0!important;color:#64748b!important}
.sfw-flow{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin:18px 0!important;background:#f8fafc!important;border-radius:20px!important;padding:14px!important}.sfw-flow div{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;padding:12px 14px!important}.sfw-flow b{display:block!important}.sfw-flow small{color:#64748b!important}.sfw-flow>strong{color:#6d3df5!important;font-size:22px!important}
.sfw-media-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.sfw-media-actions button{border:1px solid #ddd6fe!important;background:#f5f3ff!important;color:#6d3df5!important;border-radius:13px!important;padding:10px 13px!important;font-weight:950!important}
.sfw-store-card{max-width:260px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:24px!important;padding:16px!important;text-align:center!important}.sfw-store-card div{font-size:56px!important}.sfw-store-card strong{display:block!important;margin:8px 0!important}.sfw-store-card span{display:block!important;color:#6d3df5!important;font-weight:950!important;margin-bottom:10px!important}.sfw-store-card button{border:0!important;background:#0f172a!important;color:#fff!important;border-radius:12px!important;padding:9px 13px!important;font-weight:900!important}
.sfw-brujula{padding:18px!important;position:sticky!important;top:22px!important;background:linear-gradient(180deg,#fff,#faf7ff)!important;border-color:#ddd6fe!important}.sfw-brujula-head{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;align-items:center!important;margin-bottom:14px!important}.sfw-brujula-head>span{font-size:26px!important}.sfw-brujula-head strong{display:block!important}.sfw-brujula-head small{color:#64748b!important}.sfw-score{text-align:center!important;background:#fff!important;border:1px solid #ede9fe!important;border-radius:22px!important;padding:18px!important;margin-bottom:12px!important}.sfw-score b{display:block!important;font-size:38px!important;color:#6d3df5!important}.sfw-score span{color:#64748b!important;font-weight:850!important}
.sfw-tip{border:1px solid #e5e7eb!important;border-radius:18px!important;padding:13px!important;margin-bottom:10px!important}.sfw-tip strong{display:block!important;margin-bottom:4px!important}.sfw-tip p{margin:0!important;color:#64748b!important;font-size:13px!important;line-height:1.35!important}.sfw-tip.ok{background:#f0fdf4!important;border-color:#bbf7d0!important}.sfw-tip.warn{background:#fffbeb!important;border-color:#fde68a!important}.sfw-tip.info{background:#eff6ff!important;border-color:#bfdbfe!important}.sfw-brujula button{width:100%!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#6d3df5,#8b5cf6)!important;color:#fff!important;font-weight:950!important;padding:13px!important}
.sfw-home-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important}
@media(max-width:1280px){.sfw-layout{grid-template-columns:1fr!important}.sfw-left,.sfw-brujula{position:relative!important;top:auto!important}.sfw-left{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.sfw-product-card{grid-template-columns:1fr!important}.sfw-photo{min-height:240px!important}.sfw-kpis{grid-template-columns:repeat(2,1fr)!important}.sfw-hero{flex-direction:column!important}}

/* Comercia Mockup Premium Catalogo */
.sfm-app{min-height:760px;background:#f7f5ff!important;border-radius:34px!important;padding:18px!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;color:#14111f!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.sfm-sidebar{background:rgba(255,255,255,.82)!important;border:1px solid rgba(109,61,245,.12)!important;border-radius:28px!important;padding:20px!important;box-shadow:0 24px 70px rgba(75,58,160,.10)!important;display:flex!important;flex-direction:column!important}
.sfm-brand{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:28px!important}.sfm-brand div{width:38px!important;height:38px!important;border-radius:14px!important;background:linear-gradient(135deg,#6d3df5,#a78bfa)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important}.sfm-brand strong{font-size:18px!important}
.sfm-sidebar nav{display:grid!important;gap:8px!important}.sfm-sidebar nav a{padding:12px 13px!important;border-radius:16px!important;text-decoration:none!important;color:#746b86!important;font-weight:850!important}.sfm-sidebar nav a.active{background:#6d3df5!important;color:#fff!important;box-shadow:0 16px 32px rgba(109,61,245,.24)!important}.sfm-user{margin-top:auto!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#ede9fe!important;color:#6d3df5!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important}
.sfm-work{min-width:0!important;display:grid!important;gap:18px!important}.sfm-topbar{background:rgba(255,255,255,.78)!important;border:1px solid rgba(109,61,245,.12)!important;border-radius:28px!important;padding:22px 24px!important;display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:center!important;box-shadow:0 24px 70px rgba(75,58,160,.08)!important}.sfm-topbar span{color:#8b7bb1!important;font-weight:850!important;font-size:13px!important}.sfm-topbar h1{margin:4px 0 0!important;font-size:30px!important;letter-spacing:-.04em!important;color:#171225!important}
.sfm-top-actions{display:flex!important;gap:10px!important}.sfm-top-actions a,.sfm-top-actions button{border:0!important;border-radius:15px!important;background:#fff!important;color:#5b4a80!important;text-decoration:none!important;font-weight:900!important;padding:11px 15px!important;box-shadow:0 12px 28px rgba(75,58,160,.10)!important}.sfm-top-actions button{background:#6d3df5!important;color:#fff!important}
.sfm-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:18px!important;align-items:start!important}.sfm-canvas{display:grid!important;gap:16px!important}
.sfm-product-hero{background:#fff!important;border:1px solid rgba(109,61,245,.10)!important;border-radius:32px!important;padding:20px!important;display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;gap:22px!important;box-shadow:0 24px 70px rgba(75,58,160,.08)!important}
.sfm-product-image{background:linear-gradient(180deg,#fbfaff,#f4efff)!important;border-radius:28px!important;padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:310px!important}.sfm-phone{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:96px!important}.sfm-product-image button{border:0!important;border-radius:15px!important;background:#6d3df5!important;color:#fff!important;padding:12px!important;font-weight:950!important}
.sfm-product-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}.sfm-labels{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.sfm-labels span{border-radius:999px!important;background:#f1f5f9!important;color:#706781!important;padding:7px 11px!important;font-size:12px!important;font-weight:900!important}.sfm-labels .purple{background:#ede9fe!important;color:#6d3df5!important}.sfm-labels .green{background:#dcfce7!important;color:#15803d!important}.sfm-product-copy h2{margin:0!important;font-size:34px!important;letter-spacing:-.05em!important;color:#171225!important}.sfm-product-copy p{margin:0!important;color:#756d89!important}
.sfm-progress{display:grid!important;grid-template-columns:86px 1fr!important;gap:14px!important;align-items:center!important}.sfm-progress strong{font-size:34px!important;color:#6d3df5!important}.sfm-progress div{height:12px!important;background:#ede9fe!important;border-radius:999px!important;overflow:hidden!important}.sfm-progress i{display:block!important;height:100%!important;background:linear-gradient(90deg,#6d3df5,#a78bfa)!important}.sfm-progress span{grid-column:2!important;color:#8b7bb1!important;font-size:12px!important;font-weight:900!important;margin-top:-10px!important}
.sfm-mini-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.sfm-mini-kpis div{background:#fff!important;border:1px solid rgba(109,61,245,.10)!important;border-radius:24px!important;padding:18px!important;box-shadow:0 18px 40px rgba(75,58,160,.06)!important}.sfm-mini-kpis span{display:block!important;color:#8b7bb1!important;font-weight:850!important}.sfm-mini-kpis strong{display:block!important;font-size:22px!important;margin-top:6px!important;color:#171225!important}
.sfm-editor-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important}.sfm-editor-grid article,.sfm-media-panel,.sfm-compass,.sfm-home-grid a{background:#fff!important;border:1px solid rgba(109,61,245,.10)!important;border-radius:26px!important;box-shadow:0 18px 45px rgba(75,58,160,.07)!important}.sfm-editor-grid article{padding:18px!important}.sfm-editor-grid article>span{font-size:28px!important}.sfm-editor-grid h3{margin:10px 0 6px!important;color:#171225!important}.sfm-editor-grid p{margin:0 0 14px!important;color:#756d89!important;line-height:1.4!important}.sfm-editor-grid button{border:0!important;border-radius:13px!important;background:#f4efff!important;color:#6d3df5!important;padding:9px 13px!important;font-weight:950!important}
.sfm-media-panel{padding:22px!important}.sfm-media-panel>div:first-child span{color:#6d3df5!important;font-size:12px!important;text-transform:uppercase!important;font-weight:950!important}.sfm-media-panel h2{margin:6px 0!important;color:#171225!important}.sfm-media-panel p{margin:0!important;color:#756d89!important}.sfm-media-flow{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:18px!important}.sfm-media-flow div{background:#f8f6ff!important;border-radius:18px!important;padding:14px 16px!important}.sfm-media-flow b{display:block!important}.sfm-media-flow small{color:#8b7bb1!important}.sfm-media-flow i{font-style:normal!important;color:#6d3df5!important;font-weight:950!important}
.sfm-compass{position:sticky!important;top:20px!important;padding:20px!important;background:linear-gradient(180deg,#fff,#fbf8ff)!important}.sfm-compass-head{display:flex!important;gap:12px!important;align-items:center!important;margin-bottom:16px!important}.sfm-compass-head>span{font-size:26px!important}.sfm-compass-head strong{display:block!important}.sfm-compass-head small{color:#8b7bb1!important}.sfm-score{text-align:center!important;background:#f8f6ff!important;border-radius:22px!important;padding:18px!important;margin-bottom:12px!important}.sfm-score strong{display:block!important;font-size:36px!important;color:#6d3df5!important}.sfm-score span{color:#8b7bb1!important;font-weight:850!important}.sfm-tip{border-radius:18px!important;padding:14px!important;margin-bottom:10px!important}.sfm-tip b{display:block!important;margin-bottom:4px!important}.sfm-tip p{margin:0!important;color:#756d89!important;font-size:13px!important;line-height:1.35!important}.sfm-tip.ok{background:#f0fdf4!important}.sfm-tip.warn{background:#fffbeb!important}.sfm-tip.info{background:#eff6ff!important}
.sfm-home-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:16px!important}.sfm-home-grid a{padding:22px!important;text-decoration:none!important;color:#171225!important;display:flex!important;flex-direction:column!important;gap:10px!important}.sfm-home-grid span{font-size:34px!important}.sfm-home-grid strong{font-size:18px!important}.sfm-home-grid small{color:#8b7bb1!important;font-weight:850!important}
@media(max-width:1180px){.sfm-app{grid-template-columns:1fr!important}.sfm-sidebar{display:none!important}.sfm-layout{grid-template-columns:1fr!important}.sfm-product-hero{grid-template-columns:1fr!important}.sfm-mini-kpis{grid-template-columns:repeat(2,1fr)!important}.sfm-topbar{flex-direction:column!important;align-items:flex-start!important}}


/* Foundation.17.11 — Pedidos compactos */
.comercia-orders-panel{
    padding-top:18px!important;
}
.comercia-orders-titlebar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
}
.comercia-orders-titlebar h2{
    margin:0 0 4px!important;
}
.comercia-orders-titlebar p{
    margin:0!important;
}
.comercia-order-stats{
    margin-bottom:12px!important;
}
.comercia-order-stats .comercia-card{
    min-height:auto!important;
    padding:14px 16px!important;
}
.comercia-order-stats .comercia-card strong{
    font-size:28px!important;
    line-height:1!important;
}
.comercia-filter-details{
    margin:8px 0 14px;
    border:1px solid var(--comercia-border,#e5e7eb);
    border-radius:14px;
    background:#fff;
    overflow:hidden;
}
.comercia-filter-details summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:11px 14px;
    font-weight:800;
}
.comercia-filter-details summary::-webkit-details-marker{display:none}
.comercia-filter-details summary small{
    font-weight:600;
    opacity:.6;
}
.comercia-filter-panel.compact{
    padding:12px 14px 14px!important;
    margin:0!important;
    border-top:1px solid var(--comercia-border,#e5e7eb);
}
.comercia-filter-panel.compact .comercia-filter-grid{
    gap:10px!important;
}
.comercia-filter-panel.compact label span{
    font-size:12px;
}
.comercia-filter-panel.compact input,
.comercia-filter-panel.compact select{
    min-height:38px!important;
}
.comercia-filter-panel.compact .comercia-filter-actions{
    margin-top:10px!important;
    display:flex;
    gap:8px;
}
.comercia-orders-cards{
    display:grid;
    gap:12px!important;
}
.comercia-order-card.compact{
    padding:18px!important;
    border-radius:18px!important;
}
.comercia-order-card.compact .comercia-order-head{
    padding-bottom:10px!important;
    margin-bottom:10px!important;
}
.comercia-order-card.compact .comercia-order-head h3{
    margin:0 0 3px!important;
    font-size:24px!important;
}
.comercia-order-card.compact .comercia-order-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:18px!important;
    align-items:center!important;
    padding:4px 0 10px!important;
}
.comercia-order-card.compact .comercia-order-main p{
    margin:6px 0 0!important;
}
.comercia-order-card.compact .comercia-order-total{
    min-width:180px!important;
    padding:12px 16px!important;
}
.comercia-order-card.compact .comercia-order-total strong{
    font-size:28px!important;
}
.comercia-order-card.compact .comercia-order-controls{
    display:grid!important;
    grid-template-columns:minmax(220px,.8fr) minmax(300px,1.7fr);
    gap:14px!important;
    margin-top:8px!important;
}
.comercia-order-card.compact .comercia-order-controls textarea{
    min-height:64px!important;
}
.comercia-order-card.compact .comercia-order-actions{
    margin-top:12px!important;
    padding-top:12px!important;
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}
.comercia-sticky-save{
    margin-top:12px!important;
}
@media(max-width:800px){
    .comercia-orders-titlebar{
        flex-direction:column;
        align-items:stretch;
    }
    .comercia-order-stats{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .comercia-order-card.compact{
        padding:14px!important;
    }
    .comercia-order-card.compact .comercia-order-body,
    .comercia-order-card.compact .comercia-order-controls{
        grid-template-columns:1fr!important;
    }
    .comercia-order-card.compact .comercia-order-total{
        min-width:0!important;
    }
}


/* Foundation.17.12 — Pedidos maestro/detalle */
.comercia-orders-master{display:grid;gap:7px}
.comercia-orders-table-head,.comercia-order-row{
 display:grid;grid-template-columns:110px minmax(190px,1.5fr) 145px 135px 130px 110px;
 gap:12px;align-items:center
}
.comercia-orders-table-head{padding:0 14px 7px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}
.comercia-order-row{background:#fff;border:1px solid #e7eaf0;border-radius:13px;padding:11px 14px}
.comercia-order-number,.comercia-order-customer{display:flex;flex-direction:column;gap:2px}
.comercia-order-number strong{font-size:17px}
.comercia-order-row small{opacity:.58}
.comercia-order-date{font-size:13px}
.comercia-order-row-total{font-size:17px;font-weight:850;text-align:right}
.comercia-open-order{white-space:nowrap}
.comercia-detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.comercia-detail-hero{display:flex;justify-content:space-between;align-items:end;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#111827,#0f5369);color:#fff;margin-bottom:14px}
.comercia-detail-hero small{font-weight:800;letter-spacing:.12em;opacity:.7}
.comercia-detail-hero h2{font-size:36px;margin:3px 0!important;color:#fff}
.comercia-detail-hero p{margin:0;opacity:.75}
.comercia-detail-hero strong{font-size:30px}
.comercia-detail-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(350px,1.6fr);gap:12px}
.comercia-detail-card{background:#fff;border:1px solid #e7eaf0;border-radius:16px;padding:17px;margin-bottom:12px}
.comercia-detail-card h3{margin:0 0 12px!important}
.comercia-detail-card p{margin:5px 0}
.comercia-detail-item{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef0f3}
.comercia-detail-item:last-child{border-bottom:0}
.comercia-detail-operation{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1.5fr);gap:12px;margin-bottom:12px}
.comercia-detail-operation label{display:flex;flex-direction:column;gap:5px;font-weight:700}
.comercia-detail-operation textarea{min-height:70px}
.comercia-detail-links{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){
 .comercia-orders-table-head{display:none}
 .comercia-order-row{grid-template-columns:1fr auto;gap:8px}
 .comercia-order-date{display:none}
 .comercia-order-row-total{text-align:left}
 .comercia-order-customer{grid-column:1}
 .comercia-order-row .comercia-open-order{grid-column:2;grid-row:1/4}
 .comercia-detail-grid,.comercia-detail-operation{grid-template-columns:1fr}
}

/* Foundation.17.13 Logística Maestro/Detalle */
.comercia-tracking-view-switch{display:flex;gap:8px;margin-bottom:10px}.comercia-shipping-list{display:grid;gap:7px}.comercia-shipping-list-head,.comercia-shipping-row{display:grid;grid-template-columns:90px minmax(180px,1.4fr) 145px 140px 120px 120px 120px;gap:10px;align-items:center}.comercia-shipping-list-head{padding:0 14px 6px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}.comercia-shipping-row{background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:11px 14px}.comercia-shipping-row small{display:block;opacity:.58}.comercia-shipping-stage{display:inline-flex;border-radius:999px;padding:6px 9px;background:#f3f5f8;font-size:12px;font-weight:800}.comercia-shipping-total{font-weight:850;text-align:right}.comercia-tracking-empty-list{background:#fff;border:1px dashed #cfd6df;border-radius:14px;padding:28px;text-align:center}.comercia-shipping-form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.comercia-shipping-form-grid label,.comercia-shipping-note{display:flex;flex-direction:column;gap:5px;font-weight:700}.comercia-shipping-note{margin-top:12px}.comercia-shipping-note textarea{min-height:90px}.comercia-shipping-checks{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0}@media(max-width:1000px){.comercia-shipping-list-head{display:none}.comercia-shipping-row{grid-template-columns:1fr auto}.comercia-shipping-row>div:nth-child(n+3):nth-child(-n+6){grid-column:1}.comercia-shipping-row>div:last-child{grid-column:2;grid-row:1/6}.comercia-shipping-total{text-align:left}.comercia-shipping-form-grid{grid-template-columns:1fr}}

/* Foundation.17.15 Inventario maestro/detalle */
.comercia-inventory-master{display:grid;gap:7px}.comercia-inventory-master-head,.comercia-inventory-master-row{display:grid;grid-template-columns:minmax(210px,1.7fr) 110px 80px 80px 145px 130px 110px;gap:10px;align-items:center}.comercia-inventory-master-head{padding:0 14px 6px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}.comercia-inventory-master-row{background:#fff;border:1px solid #e5e9ef;border-radius:13px;padding:11px 14px}.comercia-inventory-master-row small{display:block;opacity:.58}.comercia-inventory-master-row.is-critical{border-left:4px solid #f0a000}.comercia-inv-card-detail{margin-top:14px}.comercia-inventory-detail .comercia-inv-actions{position:sticky;bottom:0;background:rgba(255,255,255,.96);padding:12px 0 4px;z-index:3}@media(max-width:1000px){.comercia-inventory-master-head{display:none}.comercia-inventory-master-row{grid-template-columns:1fr auto}.comercia-inventory-master-row>div:nth-child(n+2):nth-child(-n+6){grid-column:1}.comercia-inventory-master-row>div:last-child{grid-column:2;grid-row:1/7}}


/* Foundation.17.17 — Compras por proveedor */
.comercia-purchase-shell{display:grid;gap:14px}
.comercia-purchase-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 24px;border-radius:20px;background:linear-gradient(120deg,#111827,#284d63);color:#fff}
.comercia-purchase-hero span{font-size:11px;font-weight:900;letter-spacing:.12em;opacity:.72}.comercia-purchase-hero h2{color:#fff;margin:3px 0!important;font-size:32px}.comercia-purchase-hero p{margin:0;opacity:.8}
.comercia-purchase-supplier-select select{min-width:min(100%,420px);font-size:17px;min-height:48px}
.comercia-purchase-supplier-summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.comercia-purchase-supplier-summary>*{background:#f1f5f9;padding:7px 10px;border-radius:999px}
.comercia-purchase-search{position:relative;max-width:760px}.comercia-purchase-search>input{width:100%;min-height:48px;font-size:16px}
.comercia-purchase-search-results{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid #dce2ea;border-radius:13px;box-shadow:0 14px 28px rgba(15,23,42,.14);overflow:hidden}
.comercia-purchase-search-item{width:100%;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:11px 13px;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.comercia-purchase-search-item:hover{background:#f5f8ff}.comercia-purchase-search-item small{display:block;opacity:.58}.cp-searching{padding:12px}
.comercia-purchase-meta{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:16px 0}.comercia-purchase-meta label{display:flex;flex-direction:column;gap:5px;font-weight:700}.comercia-purchase-meta div{text-align:right}.comercia-purchase-meta div span{display:block;font-size:12px;opacity:.6}.comercia-purchase-meta div strong{font-size:26px}
.comercia-purchase-lines-head,.comercia-purchase-line{display:grid;grid-template-columns:minmax(230px,1.8fr) 100px 140px 140px 90px;gap:10px;align-items:center}.comercia-purchase-lines-head{padding:0 10px 6px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}.comercia-purchase-line{padding:10px;border:1px solid #e4e9ef;border-radius:12px;margin-bottom:7px}.comercia-purchase-line small{display:block;opacity:.58}.comercia-purchase-line input{width:100%}.cp-subtotal{text-align:right}
.comercia-purchase-empty{padding:26px;border:1px dashed #cad2dc;border-radius:13px;text-align:center;color:#64748b}.comercia-purchase-submit{display:flex;justify-content:flex-end;margin-top:14px}
.comercia-purchase-master{display:grid;gap:7px}.comercia-purchase-master-head,.comercia-purchase-master-row{display:grid;grid-template-columns:170px minmax(180px,1.4fr) 110px 120px 140px 90px;gap:10px;align-items:center}.comercia-purchase-master-head{padding:0 12px 5px;font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}.comercia-purchase-master-row{padding:11px 12px;border:1px solid #e4e9ef;border-radius:12px;background:#fff}.comercia-purchase-master-row small{display:block;opacity:.58}.comercia-purchase-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3f7;font-size:12px;font-weight:800}
.comercia-purchase-detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comercia-purchase-detail-meta span small{display:block;opacity:.58}.comercia-purchase-detail-lines{display:grid;gap:5px}.comercia-purchase-detail-head,.comercia-purchase-detail-row{display:grid;grid-template-columns:minmax(220px,1.7fr) 90px 90px 90px 130px;gap:10px;align-items:center}.comercia-purchase-detail-head{font-size:11px;font-weight:800;text-transform:uppercase;opacity:.55}.comercia-purchase-detail-row{padding:9px 0;border-top:1px solid #eef1f4}.comercia-purchase-status-form{display:flex;gap:8px;flex-wrap:wrap}
.comercia-receive-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:14px}.comercia-receive-grid label{display:flex;flex-direction:column;gap:4px;padding:12px;background:#f8fafc;border-radius:12px}.comercia-receive-grid small{opacity:.6}
@media(max-width:900px){
 .comercia-purchase-hero{align-items:flex-start;flex-direction:column}
 .comercia-purchase-lines-head,.comercia-purchase-master-head,.comercia-purchase-detail-head{display:none}
 .comercia-purchase-line{grid-template-columns:1fr 1fr}.comercia-purchase-line>div:first-child{grid-column:1/-1}.comercia-purchase-line .cp-subtotal{text-align:left}
 .comercia-purchase-master-row{grid-template-columns:1fr auto}.comercia-purchase-master-row>div:nth-child(n+2):nth-child(-n+5){grid-column:1}.comercia-purchase-master-row>div:last-child{grid-column:2;grid-row:1/6}
 .comercia-purchase-detail-meta,.comercia-receive-grid{grid-template-columns:1fr}
 .comercia-purchase-detail-row{grid-template-columns:1fr 1fr}.comercia-purchase-detail-row strong{grid-column:1/-1}
}

/* Foundation.17.18 — modelo empresarial de compras */
.comercia-purchase-master-data{margin:18px 0;padding:16px;border:1px solid #e3e8ef;border-radius:15px;background:#fbfcfe}.comercia-purchase-data-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.comercia-purchase-data-grid label,.comercia-purchase-adjustments label,.comercia-account-document-grid label{display:flex;flex-direction:column;gap:5px;font-weight:700}.comercia-import-fields{margin-top:14px;padding-top:14px;border-top:1px solid #e4e9ef}.comercia-import-fields h4{margin:0 0 10px}.comercia-purchase-adjustments{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.comercia-purchase-notes{display:flex;flex-direction:column;gap:5px;font-weight:700;margin:12px 0}.comercia-purchase-notes textarea{min-height:80px}.comercia-purchase-facts{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.comercia-purchase-facts small{display:block;opacity:.58;margin-bottom:3px}.comercia-account-document-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px}.comercia-account-history{margin-top:16px}.comercia-account-history>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #eef1f4}
@media(max-width:1000px){.comercia-purchase-data-grid{grid-template-columns:repeat(2,1fr)}.comercia-purchase-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.comercia-purchase-data-grid,.comercia-purchase-adjustments,.comercia-purchase-facts,.comercia-account-document-grid{grid-template-columns:1fr}}

/* Foundation.17.19 — alta rápida de productos desde Compras */
.comercia-purchase-search-tools{display:flex;gap:8px;align-items:flex-start;max-width:900px}.comercia-purchase-search-tools .comercia-purchase-search{flex:1}
.comercia-new-product-panel{margin:12px 0}.comercia-new-product-card{border:1px solid #d9e1ea;background:#f8fbff;border-radius:16px;padding:16px}.comercia-new-product-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.comercia-new-product-head strong,.comercia-new-product-head small{display:block}.comercia-new-product-head small{margin-top:3px;color:#64748b}.comercia-new-product-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.comercia-new-product-grid label{display:flex;flex-direction:column;gap:5px;font-weight:700}.cp-new-publish{display:block;margin:12px 0}.comercia-new-product-actions{display:flex;justify-content:flex-end}.comercia-new-product-error{color:#b42318;font-weight:700;margin:8px 0}
@media(max-width:900px){.comercia-purchase-search-tools{flex-direction:column}.comercia-new-product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.comercia-new-product-grid{grid-template-columns:1fr}}


/* Foundation.17.20 — nueva compra en una sola pantalla */
.comercia-purchase-section{padding:18px 0;border-top:1px solid #e8edf2}
.comercia-purchase-section:first-of-type{border-top:0}
.comercia-purchase-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.comercia-purchase-step>span{width:30px;height:30px;border-radius:999px;background:#1f4e66;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 30px}
.comercia-purchase-step h3{margin:0!important}.comercia-purchase-step p{margin:3px 0 0;color:#64748b}
.comercia-purchase-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:14px}
.comercia-purchase-footer>div span{display:block;font-size:12px;opacity:.6}.comercia-purchase-footer>div strong{font-size:30px}
#cp-product-help{margin:7px 0 0}

/* Foundation.17.21 — selector escalable y alta contextual de proveedores */
.comercia-supplier-picker{max-width:900px}.comercia-supplier-picker-actions{display:flex;gap:8px;align-items:flex-start}.comercia-supplier-search{position:relative;flex:1}.comercia-supplier-search>input{width:100%;min-height:48px;font-size:16px}.comercia-supplier-results{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid #dce2ea;border-radius:13px;box-shadow:0 14px 28px rgba(15,23,42,.14);overflow:hidden}.comercia-supplier-result{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:11px 13px;cursor:pointer}.comercia-supplier-result:hover{background:#f5f8ff}.comercia-supplier-result small{display:block;color:#64748b;margin-top:2px}.comercia-supplier-selected{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid #cddde7;border-radius:14px;background:#f5fbff;max-width:900px}.comercia-supplier-selected small,.comercia-supplier-selected strong,.comercia-supplier-selected span{display:block}.comercia-supplier-selected small{font-size:10px;letter-spacing:.08em;color:#64748b}.comercia-supplier-selected strong{font-size:18px;margin:2px 0}.comercia-supplier-selected span{color:#64748b}.comercia-new-supplier-panel{margin:12px 0;max-width:900px}.comercia-new-supplier-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.comercia-new-supplier-grid label{display:flex;flex-direction:column;gap:5px;font-weight:700}
@media(max-width:900px){.comercia-supplier-picker-actions{flex-direction:column}.comercia-new-supplier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.comercia-new-supplier-grid{grid-template-columns:1fr}.comercia-supplier-selected{align-items:flex-start;flex-direction:column}}

/* Foundation.17.22 — Panel Consolidation */
.comercia-panel-hub{display:grid;gap:18px}.comercia-panel-hub-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border-radius:22px;background:linear-gradient(125deg,#101827,#1f536a);color:#fff}.comercia-panel-hub-hero.compact{padding:20px 24px}.comercia-panel-hub-hero span{font-size:11px;font-weight:900;letter-spacing:.13em;opacity:.7}.comercia-panel-hub-hero h1{margin:4px 0!important;color:#fff;font-size:32px}.comercia-panel-hub-hero p{margin:0;opacity:.8}.comercia-panel-hub-badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:800}.comercia-panel-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comercia-panel-group{background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:16px}.comercia-panel-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.comercia-panel-group-head>div{display:flex;gap:10px}.comercia-panel-group-head h2{margin:0!important;font-size:18px}.comercia-panel-group-head p{margin:3px 0 0;color:#64748b}.comercia-panel-group-head>a{white-space:nowrap;font-size:12px;font-weight:800;text-decoration:none}.comercia-panel-group-icon{font-size:25px}.comercia-panel-group-modules{display:grid;gap:7px}.comercia-panel-module{display:grid;grid-template-columns:34px 1fr 18px;gap:9px;align-items:center;padding:10px 11px;border:1px solid #edf0f4;border-radius:12px;background:#fafbfc;text-decoration:none;color:#172033}.comercia-panel-module:hover{background:#f2f7fb;border-color:#cadce7}.comercia-panel-module>span{font-size:20px}.comercia-panel-module strong,.comercia-panel-module small{display:block}.comercia-panel-module small{margin-top:2px;color:#697586}.comercia-panel-module>b{font-size:20px;color:#94a3b8}.comercia-area-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comercia-area-module-grid .comercia-panel-module{min-height:62px;background:#fff}
@media(max-width:950px){.comercia-panel-groups,.comercia-area-module-grid{grid-template-columns:1fr}}@media(max-width:650px){.comercia-panel-hub-hero{align-items:flex-start;flex-direction:column}.comercia-panel-group-head{flex-direction:column}}


/* Foundation.17.23 — Selector Inteligente Comercia
   Regla UX: toda entidad masiva debe poder navegarse/seleccionarse sin escribir,
   y el buscador solo filtra/acelera. */
.comercia-smart-selector{position:relative}
.comercia-smart-selector-results{max-height:360px;overflow:auto}
.comercia-supplier-results{max-height:360px;overflow:auto}
.comercia-supplier-result span:last-child{font-weight:800;color:#3155d9}

/* Foundation.17.24 — modal de selección de proveedor */
body.comercia-modal-open{overflow:hidden}
.comercia-supplier-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:900px;padding:14px 16px;border:1px dashed #cbd5e1;border-radius:14px;background:#fbfcfe}.comercia-supplier-empty strong,.comercia-supplier-empty span{display:block}.comercia-supplier-empty span{margin-top:2px;color:#64748b}
.comercia-modal-backdrop{position:fixed;inset:0;z-index:100000;background:rgba(15,23,42,.5);display:flex;align-items:center;justify-content:center;padding:24px}.comercia-modal-backdrop[hidden]{display:none!important}.comercia-modal{width:min(100%,1050px);max-height:88vh;overflow:hidden;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,.28);display:flex;flex-direction:column}.comercia-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e7ebf0}.comercia-modal-head small{font-weight:900;letter-spacing:.1em;color:#64748b}.comercia-modal-head h3{margin:2px 0 0!important;font-size:24px}.comercia-modal-close{border:0;background:#f1f5f9;border-radius:999px;width:36px;height:36px;font-size:24px;cursor:pointer}.comercia-modal-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto;gap:8px;padding:14px 20px;border-bottom:1px solid #edf0f4}.comercia-modal-toolbar input,.comercia-modal-toolbar select{min-height:42px;width:100%}.comercia-supplier-modal-results{overflow:auto;padding:0 20px 18px;min-height:260px}.comercia-supplier-modal-headrow,.comercia-supplier-modal-row{display:grid;grid-template-columns:minmax(230px,1.7fr) 150px 130px 100px 100px;gap:10px;align-items:center}.comercia-supplier-modal-headrow{position:sticky;top:0;background:#fff;padding:10px 12px 7px;font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b;border-bottom:1px solid #e9edf2;z-index:2}.comercia-supplier-modal-row{width:100%;text-align:left;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:11px 12px;cursor:pointer}.comercia-supplier-modal-row:hover{background:#f6f9fc}.comercia-supplier-modal-row strong,.comercia-supplier-modal-row small{display:block}.comercia-supplier-modal-row small{margin-top:2px;color:#64748b}.cp-select-label{font-weight:850;color:#3155d9;text-align:right}.comercia-new-supplier-panel{padding:0 20px 18px;overflow:auto}
@media(max-width:850px){.comercia-modal{max-height:94vh}.comercia-modal-toolbar{grid-template-columns:1fr}.comercia-supplier-modal-headrow{display:none}.comercia-supplier-modal-row{grid-template-columns:1fr auto}.comercia-supplier-modal-row>span:nth-child(2),.comercia-supplier-modal-row>span:nth-child(3),.comercia-supplier-modal-row>span:nth-child(4){grid-column:1}.comercia-supplier-empty{align-items:flex-start;flex-direction:column}}

/* Foundation.17.25 — modal de selección de productos */
.comercia-product-selector-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid #e1e7ee;border-radius:14px;background:#fbfcfe;margin-bottom:8px}.comercia-product-selector-bar strong,.comercia-product-selector-bar span{display:block}.comercia-product-selector-bar span{margin-top:2px;color:#64748b}
.comercia-product-modal-results{overflow:auto;padding:0 20px 18px;min-height:280px;max-height:52vh}.comercia-product-modal-headrow,.comercia-product-modal-row{display:grid;grid-template-columns:minmax(250px,1.8fr) 150px 140px 90px;gap:10px;align-items:center}.comercia-product-modal-headrow{position:sticky;top:0;background:#fff;padding:10px 12px 7px;font-size:11px;font-weight:900;text-transform:uppercase;color:#64748b;border-bottom:1px solid #e9edf2;z-index:2}.comercia-product-modal-row{width:100%;text-align:left;border:0;border-bottom:1px solid #eef1f4;background:#fff;padding:11px 12px;cursor:pointer}.comercia-product-modal-row:hover{background:#f6f9fc}.comercia-product-modal-row strong,.comercia-product-modal-row small{display:block}.comercia-product-modal-row small{margin-top:2px;color:#64748b}.comercia-product-modal .comercia-new-product-panel{padding:0 20px 18px;overflow:auto}
@media(max-width:800px){.comercia-product-selector-bar{align-items:flex-start;flex-direction:column}.comercia-product-modal-headrow{display:none}.comercia-product-modal-row{grid-template-columns:1fr auto}.comercia-product-modal-row>span:nth-child(2),.comercia-product-modal-row>span:nth-child(3){grid-column:1}}


/* Foundation.17.26 — Compras responsive real */
.comercia-purchase-builder{overflow:hidden}
.comercia-purchase-footer{box-sizing:border-box;width:100%;padding:16px 0 0;gap:16px}
.comercia-purchase-footer .button-hero{max-width:100%;white-space:normal}
.comercia-purchase-master-row>*{min-width:0}
.comercia-purchase-master-row .button{white-space:nowrap}
.comercia-purchase-master{overflow:visible}
.comercia-purchase-shell .comercia-panel{overflow:hidden}

@media(max-width:1100px){
  .comercia-purchase-master-head{display:none}
  .comercia-purchase-master-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "purchase action"
      "supplier action"
      "date action"
      "status total";
    gap:7px 14px;
    align-items:start;
    padding:14px 16px;
  }
  .comercia-purchase-master-row>div:nth-child(1){grid-area:purchase}
  .comercia-purchase-master-row>div:nth-child(2){grid-area:supplier}
  .comercia-purchase-master-row>div:nth-child(3){grid-area:date}
  .comercia-purchase-master-row>div:nth-child(4){grid-area:status}
  .comercia-purchase-master-row>div:nth-child(5){grid-area:total;text-align:right}
  .comercia-purchase-master-row>div:nth-child(6){grid-area:action;align-self:center}
  .comercia-purchase-master-row>div:nth-child(2)::before{content:"Proveedor · ";font-size:11px;font-weight:800;text-transform:uppercase;color:#94a3b8}
  .comercia-purchase-master-row>div:nth-child(3)::before{content:"Fecha · ";font-size:11px;font-weight:800;text-transform:uppercase;color:#94a3b8}
  .comercia-purchase-master-row>div:nth-child(5)::before{content:"Total ";display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:#94a3b8;margin-bottom:2px}
}

@media(max-width:760px){
  .comercia-purchase-footer{
    align-items:stretch;
    flex-direction:column;
  }
  .comercia-purchase-footer>div{text-align:left}
  .comercia-purchase-footer .button-hero{width:100%;text-align:center}
  .comercia-purchase-master-row{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "purchase action"
      "supplier action"
      "date action"
      "status total";
  }
  .comercia-purchase-master-row>div:nth-child(6) .button{
    min-width:88px;
    text-align:center;
  }
}

@media(max-width:560px){
  .comercia-purchase-master-row{
    grid-template-columns:1fr;
    grid-template-areas:
      "purchase"
      "supplier"
      "date"
      "status"
      "total"
      "action";
  }
  .comercia-purchase-master-row>div:nth-child(5){text-align:left}
  .comercia-purchase-master-row>div:nth-child(6) .button{width:100%}
}


/* Foundation.17.27 — Jerarquía visual entre etapas de Compras */
.comercia-purchase-builder{
  background:#f4f7fa;
  padding:18px;
  border-radius:20px;
}

.comercia-purchase-builder > form{
  display:grid;
  gap:16px;
}

.comercia-purchase-section{
  position:relative;
  margin:0;
  padding:20px 22px;
  border:1px solid #e1e7ed;
  border-radius:17px;
  background:#ffffff;
  box-shadow:0 7px 18px rgba(15,23,42,.055);
}

/* Alternancia apenas perceptible para separar procesos sin recargar */
.comercia-purchase-section:nth-of-type(even){
  background:#f9fbfc;
}

/* Conector visual del flujo */
.comercia-purchase-section + .comercia-purchase-section::before{
  content:"";
  position:absolute;
  top:-17px;
  left:36px;
  width:2px;
  height:16px;
  background:#cbd5df;
}

.comercia-purchase-step{
  margin-bottom:16px;
}

.comercia-purchase-step > span{
  box-shadow:0 4px 10px rgba(15,23,42,.12);
}

.comercia-purchase-section:focus-within{
  border-color:#bac9d5;
  box-shadow:0 9px 24px rgba(15,23,42,.08);
}

/* La zona de artículos conserva profundidad cuando crece */
.comercia-purchase-lines{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #edf1f4;
}

/* El cierre de la compra se percibe como etapa final */
.comercia-purchase-footer{
  margin-top:14px;
  padding:16px;
  border-radius:14px;
  background:#f3f6f9;
  border:1px solid #e2e8ef;
}

@media(max-width:760px){
  .comercia-purchase-builder{
    padding:10px;
    border-radius:15px;
  }
  .comercia-purchase-section{
    padding:16px 14px;
    border-radius:14px;
  }
  .comercia-purchase-section + .comercia-purchase-section::before{
    left:28px;
  }
  .comercia-purchase-footer{
    padding:13px;
  }
}


/* Foundation.17.28 — estados de proveedor + responsive */
.comercia-supplier-selected[hidden],
.comercia-supplier-empty[hidden]{display:none!important}

.comercia-supplier-selected,
.comercia-supplier-empty{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
}

.comercia-supplier-selected{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}

.comercia-supplier-selected>div,
.comercia-supplier-empty>div{
  flex:1 1 260px;
  min-width:0;
}

.comercia-supplier-selected .button,
.comercia-supplier-empty .button{
  flex:0 0 auto;
  max-width:100%;
  white-space:normal;
  text-align:center;
}

.comercia-purchase-data-grid{
  max-width:100%;
  min-width:0;
}
.comercia-purchase-data-grid>*{min-width:0}
.comercia-purchase-data-grid input,
.comercia-purchase-data-grid select{
  box-sizing:border-box;
  max-width:100%;
  width:100%;
}

@media(max-width:900px){
  .comercia-supplier-selected,
  .comercia-supplier-empty{
    align-items:stretch;
  }
  .comercia-supplier-selected .button,
  .comercia-supplier-empty .button{
    flex:1 1 190px;
  }
}

@media(max-width:620px){
  .comercia-supplier-selected,
  .comercia-supplier-empty{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .comercia-supplier-selected[hidden],
  .comercia-supplier-empty[hidden]{display:none!important}
  .comercia-supplier-selected .button,
  .comercia-supplier-empty .button{
    width:100%;
    flex:auto;
  }
}


/* Foundation.17.29 — selector de proveedor apilado en tablet/móvil */
@media(max-width:1100px){
  .comercia-supplier-empty{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    align-items:stretch;
  }
  .comercia-supplier-empty>div{
    width:100%;
    min-width:0;
  }
  .comercia-supplier-empty .button{
    width:100%;
    max-width:100%;
    display:block;
    box-sizing:border-box;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .comercia-supplier-selected{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    align-items:stretch;
  }
  .comercia-supplier-selected>div{
    width:100%;
    min-width:0;
  }
  .comercia-supplier-selected .button{
    width:100%;
    max-width:100%;
    display:block;
    box-sizing:border-box;
    white-space:normal;
    overflow-wrap:anywhere;
  }
}

/* Override previous flex rules so hidden/display states remain predictable */
@media(max-width:1100px){
  .comercia-supplier-empty[hidden],
  .comercia-supplier-selected[hidden]{display:none!important}
}


/* Foundation.17.30 — Grid responsive estándar Comercia */
.comercia-purchase-data-grid,
.comercia-purchase-adjustments,
.comercia-account-document-grid,
.comercia-new-product-grid,
.comercia-new-supplier-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
  gap:12px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

.comercia-purchase-data-grid > *,
.comercia-purchase-adjustments > *,
.comercia-account-document-grid > *,
.comercia-new-product-grid > *,
.comercia-new-supplier-grid > *{
  min-width:0;
  max-width:100%;
}

.comercia-purchase-data-grid input,
.comercia-purchase-data-grid select,
.comercia-purchase-data-grid textarea,
.comercia-purchase-adjustments input,
.comercia-purchase-adjustments select,
.comercia-account-document-grid input,
.comercia-account-document-grid select,
.comercia-new-product-grid input,
.comercia-new-product-grid select,
.comercia-new-supplier-grid input,
.comercia-new-supplier-grid select{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* Tablet: nunca más de dos columnas */
@media(max-width:1100px){
  .comercia-purchase-data-grid,
  .comercia-purchase-adjustments,
  .comercia-account-document-grid,
  .comercia-new-product-grid,
  .comercia-new-supplier-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Móvil: una sola columna */
@media(max-width:680px){
  .comercia-purchase-data-grid,
  .comercia-purchase-adjustments,
  .comercia-account-document-grid,
  .comercia-new-product-grid,
  .comercia-new-supplier-grid{
    grid-template-columns:1fr;
  }
}

/* Refuerzo para inputs nativos de fecha/select en navegadores móviles */
.comercia-purchase-section input[type="date"],
.comercia-purchase-section input[type="number"],
.comercia-purchase-section input[type="text"],
.comercia-purchase-section input[type="email"],
.comercia-purchase-section input[type="url"],
.comercia-purchase-section select,
.comercia-purchase-section textarea{
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

/* Foundation.17.31 — continuidad Pedido ↔ Logística */
.comercia-auto-sync-note{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#eef6f2;color:#27624a;font-size:12px;font-weight:800}
.comercia-order-logistics-summary{margin:14px 0;padding:14px 16px;border:1px solid #dce6e1;border-radius:14px;background:#f6faf8}
.comercia-order-logistics-summary small,.comercia-order-logistics-summary strong,.comercia-order-logistics-summary span{display:block}
.comercia-order-logistics-summary small{font-size:10px;font-weight:900;letter-spacing:.09em;color:#6b7f75}
.comercia-order-logistics-summary strong{font-size:17px;margin-top:3px}
.comercia-order-logistics-summary span{margin-top:3px;color:#64748b}
.comercia-shipping-detail .comercia-detail-toolbar>div{display:flex;gap:7px;flex-wrap:wrap}


/* Foundation.17.32 — módulos Foundation dentro de /panel/ */
.comercia-panel-module-frame{display:grid;gap:10px}
.comercia-panel-module-framebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e1e7ed;border-radius:13px;background:#fff}
.comercia-panel-module-framebar span{font-size:12px;font-weight:800;color:#64748b}
.comercia-panel-embedded-module{width:100%;min-width:0}
.comercia-panel-embedded-module>.wrap{margin:0!important}
.comercia-panel-error{padding:22px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
@media(max-width:700px){.comercia-panel-module-framebar{align-items:flex-start;flex-direction:column}.comercia-panel-module-framebar .button{width:100%;text-align:center}}


/* Foundation.17.33 — estabilización financiera */
.comercia-account-history strong{font-variant-numeric:tabular-nums}
.comercia-detail-card .comercia-purchase-facts + .comercia-account-document-form{
  margin-top:16px;padding-top:16px;border-top:1px solid #e7ebef
}


/* Foundation.17.42 — Vitrina Foundation I */
.comercia-vitrina-app,.comercia-vitrina-editor{display:grid;gap:18px}
.comercia-vitrina-hero,.comercia-vitrina-editor-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;border-radius:20px;background:linear-gradient(135deg,#101828,#344054);color:#fff}
.comercia-vitrina-hero span,.comercia-vitrina-editor-head small{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fdb022}
.comercia-vitrina-hero h1,.comercia-vitrina-editor-head h1{margin:5px 0 4px;color:#fff;font-size:30px}
.comercia-vitrina-hero p{margin:0;color:#d0d5dd}
.comercia-vitrina-editor-head a{color:#fff;text-decoration:none;font-weight:800}
.comercia-vitrina-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.comercia-vitrina-summary article{padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}
.comercia-vitrina-summary strong{display:block;font-size:26px}.comercia-vitrina-summary span{color:#667085;font-size:12px}
.comercia-vitrina-list,.comercia-vitrina-create,.comercia-vitrina-canvas,.comercia-vitrina-add,.comercia-vitrina-seo,.comercia-vitrina-global{padding:20px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}
.comercia-vitrina-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}.comercia-vitrina-section-head h2{margin:0}.comercia-vitrina-section-head p{margin:4px 0 0;color:#667085}
.comercia-vitrina-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto 72px auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid #eaecf0}
.comercia-vitrina-row:first-of-type{border-top:0}.comercia-vitrina-type{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f2f4f7;font-size:20px}
.comercia-vitrina-main small,.comercia-vitrina-main strong,.comercia-vitrina-main span{display:block}.comercia-vitrina-main small{font-size:10px;text-transform:uppercase;font-weight:900;color:#98a2b3}.comercia-vitrina-main strong{font-size:15px}.comercia-vitrina-main span{font-size:12px;color:#667085;margin-top:3px}
.comercia-vitrina-status{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f2f4f7;font-size:11px;font-weight:900}.status-published{background:#ecfdf3;color:#027a48}.status-scheduled{background:#fffaeb;color:#b54708}.status-draft{background:#f2f4f7;color:#475467}
.comercia-vitrina-health{text-align:center}.comercia-vitrina-health b,.comercia-vitrina-health small{display:block}.comercia-vitrina-health small{font-size:10px;color:#98a2b3}
.comercia-vitrina-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comercia-vitrina-type-card{padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#f9fafb}.comercia-vitrina-type-card>span{font-size:24px}.comercia-vitrina-type-card strong{display:block;margin-top:8px}.comercia-vitrina-type-card p{min-height:38px;color:#667085;font-size:12px}.comercia-vitrina-type-card input{width:100%;margin-bottom:8px}
.comercia-vitrina-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}.comercia-vitrina-editor-grid main{display:grid;gap:16px}.comercia-vitrina-side{display:grid;gap:14px;position:sticky;top:18px}.comercia-vitrina-side>section{padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.comercia-vitrina-side h3{margin-top:0}
.comercia-vitrina-settings,.comercia-vitrina-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comercia-vitrina-settings{padding:16px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.comercia-vitrina-settings input,.comercia-vitrina-inline input,.comercia-vitrina-inline select,.comercia-vitrina-inline textarea,.comercia-vitrina-block input,.comercia-vitrina-block textarea{width:100%;box-sizing:border-box}
.comercia-vitrina-block{margin-top:12px;border:1px solid #e4e7ec;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(16,24,40,.04)}.comercia-vitrina-block-head{display:flex;align-items:center;gap:11px;padding:13px 14px;background:#f9fafb;border-bottom:1px solid #eaecf0}.comercia-vitrina-block-head>span{font-size:20px}.comercia-vitrina-block-head>div{flex:1}.comercia-vitrina-block-head small,.comercia-vitrina-block-head strong{display:block}.comercia-vitrina-block-head small{font-size:9px;text-transform:uppercase;color:#98a2b3}.comercia-vitrina-block-head em{font-size:10px;font-style:normal;font-weight:900;color:#475467}.comercia-vitrina-block-fields{padding:14px}.comercia-vitrina-block-tools{display:flex;justify-content:flex-end;gap:6px;padding:10px 14px;border-top:1px solid #eaecf0}.comercia-vitrina-mini-action{display:inline-flex;margin:0}.comercia-vitrina-mini-action .danger{color:#b42318}
.comercia-vitrina-library{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.comercia-vitrina-library form{margin:0}.comercia-vitrina-library button{width:100%;min-height:88px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;text-align:left;padding:12px;cursor:pointer}.comercia-vitrina-library button:hover{border-color:#98a2b3;box-shadow:0 7px 18px rgba(16,24,40,.06)}.comercia-vitrina-library span{font-size:20px}.comercia-vitrina-library strong,.comercia-vitrina-library small{display:block}.comercia-vitrina-library small{margin-top:3px;color:#98a2b3}
.comercia-vitrina-health-card{display:flex;align-items:center;gap:18px;padding:14px;border-radius:14px;background:#f9fafb;margin-bottom:12px}.comercia-vitrina-health-card>b{font-size:28px}.comercia-vitrina-health-card ul{margin:0;padding-left:18px;color:#667085}
.comercia-vitrina-tip{padding:10px;border-radius:11px;background:#fffaeb;margin-top:8px;font-size:12px}.comercia-vitrina-tip.good{background:#ecfdf3;color:#027a48}
.comercia-vitrina-version{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eaecf0}.comercia-vitrina-version strong,.comercia-vitrina-version small{display:block}.comercia-vitrina-version small{font-size:10px;color:#98a2b3}
.comercia-vitrina-side label{display:block;margin-bottom:10px}.comercia-vitrina-side input{width:100%;box-sizing:border-box}
@media(max-width:1050px){.comercia-vitrina-editor-grid{grid-template-columns:1fr}.comercia-vitrina-side{position:static}.comercia-vitrina-type-grid{grid-template-columns:repeat(2,1fr)}.comercia-vitrina-library{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.comercia-vitrina-hero,.comercia-vitrina-editor-head{align-items:flex-start;flex-direction:column}.comercia-vitrina-summary{grid-template-columns:repeat(2,1fr)}.comercia-vitrina-row{grid-template-columns:42px 1fr auto}.comercia-vitrina-row>.comercia-vitrina-health{display:none}.comercia-vitrina-row>div:nth-child(3){grid-column:2}.comercia-vitrina-row>div:last-child{grid-column:3;grid-row:1/3}.comercia-vitrina-type-grid,.comercia-vitrina-settings,.comercia-vitrina-inline{grid-template-columns:1fr}.comercia-vitrina-library{grid-template-columns:repeat(2,1fr)}}

/* Foundation.17.43 — Home Comercial base */
.comercia-home-blueprint{display:grid;gap:14px;margin:0 0 16px;padding:16px;border:1px solid #d0d5dd;border-radius:16px;background:linear-gradient(135deg,#f9fafb,#fff)}
.comercia-home-blueprint>div:first-child>span{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#b54708}
.comercia-home-blueprint>div:first-child>strong{display:block;margin-top:3px;font-size:18px}
.comercia-home-blueprint>div:first-child>p{margin:4px 0 0;color:#667085}
.comercia-home-blueprint-flow{display:flex;flex-wrap:wrap;gap:7px}
.comercia-home-blueprint-flow span{padding:7px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}
.comercia-home-blueprint-flow span.required{background:#ecfdf3;color:#027a48}
.comercia-vitrina-required{align-self:center;padding:5px 8px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:10px;font-weight:900}

/* Foundation.17.44 — Vitrina Simple UX */
.comercia-vitrina-simple{display:grid;gap:20px;max-width:1180px}
.cvs-welcome{padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#101828,#344054);color:#fff}
.cvs-welcome span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#fdb022}.cvs-welcome h1{margin:5px 0 4px;color:#fff;font-size:31px}.cvs-welcome p{margin:0;color:#d0d5dd;font-size:14px}
.cvs-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.cvs-action{display:flex;align-items:center;gap:13px;min-height:100px;padding:17px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;text-decoration:none;color:#101828;box-shadow:0 4px 14px rgba(16,24,40,.035)}
.cvs-action:hover{border-color:#98a2b3;box-shadow:0 8px 22px rgba(16,24,40,.07)}.cvs-action.primary{background:#f8fafc;border-color:#d0d5dd}.cvs-action>span,.cvs-action button>span{font-size:27px}.cvs-action>div,.cvs-action button>div{flex:1}.cvs-action strong{display:block;font-size:15px}.cvs-action p{margin:4px 0 0;color:#667085;font-size:12px}.cvs-action>b,.cvs-action button>b{font-size:11px;white-space:nowrap}
form.cvs-action{padding:0}.cvs-action button{display:flex;align-items:center;gap:13px;width:100%;min-height:100px;padding:17px;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}
.cvs-panel{padding:20px;border:1px solid #e4e7ec;border-radius:19px;background:#fff}.cvs-panel-head h2{margin:0;font-size:20px}.cvs-panel-head p{margin:4px 0 15px;color:#667085}
.cvs-content-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid #eaecf0;text-decoration:none;color:#101828}.cvs-content-row:hover{background:#f9fafb}.cvs-content-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f2f4f7}.cvs-content-row small,.cvs-content-row strong{display:block}.cvs-content-row small{font-size:9px;text-transform:uppercase;color:#98a2b3}.cvs-content-row em{padding:5px 8px;border-radius:999px;font-style:normal;font-size:10px;font-weight:900}.cvs-content-row>b{font-size:11px}
.cvs-create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cvs-create-card{padding:15px;border:1px solid #e4e7ec;border-radius:15px;background:#f9fafb}.cvs-create-card>span{font-size:24px}.cvs-create-card strong{display:block;margin-top:7px}.cvs-create-card p{min-height:34px;color:#667085;font-size:11px}.cvs-create-card label{font-size:10px;font-weight:800}.cvs-create-card input{width:100%;box-sizing:border-box;margin:5px 0 8px}
.cvs-advanced{margin-top:12px;padding:10px 12px;border:1px solid #eaecf0;border-radius:12px;background:#f9fafb}.cvs-advanced summary{cursor:pointer;font-size:11px;font-weight:800;color:#475467}.cvs-advanced[open] summary{margin-bottom:10px}
@media(max-width:900px){.cvs-actions{grid-template-columns:1fr}.cvs-create-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cvs-create-grid{grid-template-columns:1fr}.cvs-content-row{grid-template-columns:38px 1fr auto}.cvs-content-row>b{display:none}}

/* Foundation.17.45 — Vitrina Adán y Eva */
.cvs-vertical{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,#171313,#2b1719);color:#fff;border:1px solid rgba(181,142,72,.35)}
.cvs-vertical.active{background:linear-gradient(135deg,#171313,#231d18)}
.cvs-vertical-copy>span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#d6b36a}.cvs-vertical h2{margin:5px 0;color:#fff}.cvs-vertical p{margin:0;color:#d0c6c6;max-width:760px}.cvs-vertical form{display:grid;gap:8px}.cvs-vertical form small{color:#b7aaaa;font-size:10px}.cvs-vertical-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.cvs-vertical-tags b{padding:6px 9px;border:1px solid rgba(214,179,106,.28);border-radius:999px;font-size:10px;color:#ead8b2;font-weight:700}
.comercia-home-blueprint.adanyeva{border-color:#d8c39a;background:linear-gradient(135deg,#fffaf2,#fff)}.comercia-home-blueprint.adanyeva>div:first-child>span{color:#8b1e2d}
@media(max-width:800px){.cvs-vertical{grid-template-columns:1fr}}

.cvs-hero-image{display:block;margin-top:12px}.cvs-hero-image input{width:100%;box-sizing:border-box;margin-top:5px}


/* Foundation.17.86 — unified Comercia admin visual system */
.comercia-app,
body[class*="comercia"] .wrap,
body[class*="comercia"] .comercia-app{
  --comercia-ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --comercia-display-font:Georgia,"Times New Roman",serif;
  font-family:var(--comercia-ui-font)!important;
  font-size:14px;
  line-height:1.5;
}
.comercia-app *{box-sizing:border-box}
.comercia-app h1,
.comercia-app h2,
.comercia-app h3,
.comercia-app h4{
  letter-spacing:-.02em;
  line-height:1.2;
}
.comercia-app h1{font-size:30px;font-weight:750}
.comercia-app h2,.comercia-panel h2{font-size:22px;font-weight:750}
.comercia-app h3{font-size:17px;font-weight:750}
.comercia-app h4{font-size:15px;font-weight:750}
.comercia-app p,
.comercia-app label,
.comercia-app td,
.comercia-app th,
.comercia-app input,
.comercia-app select,
.comercia-app textarea,
.comercia-app button,
.comercia-app .button{
  font-family:var(--comercia-ui-font)!important;
  font-size:14px;
}
.comercia-app small,
.comercia-muted{font-size:12px;line-height:1.45}
.comercia-brand{
  font-family:var(--comercia-display-font)!important;
  font-size:30px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}
.comercia-subtitle{font-size:13px}
.comercia-version{font-size:12px;font-weight:700}
.comercia-nav a{
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2;
}
.comercia-card span{
  font-size:12px!important;
  font-weight:700!important;
}
.comercia-card strong{
  font-size:30px!important;
  line-height:1.05;
  letter-spacing:-.025em;
}
.comercia-card.wide strong{font-size:20px!important}
.comercia-table th{
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.comercia-table td{font-size:13px!important}
.comercia-panel{
  padding:26px;
}
.comercia-panel>h2:first-child{
  margin-bottom:18px;
}
.comercia-panel label{
  color:#334155;
  font-weight:700!important;
}
.comercia-panel input[type=text],
.comercia-panel input[type=email],
.comercia-panel input[type=tel],
.comercia-panel input[type=number],
.comercia-panel input[type=search],
.comercia-panel input[type=url],
.comercia-panel select,
.comercia-panel textarea,
.comercia-form-grid input,
.comercia-form-grid select{
  min-height:42px;
  padding:8px 11px!important;
  border:1px solid #dbe1e8!important;
  border-radius:10px!important;
  background:#fff;
  color:#111827;
  box-shadow:none!important;
  line-height:1.35;
}
.comercia-panel textarea{min-height:96px}
.comercia-panel input:focus,
.comercia-panel select:focus,
.comercia-panel textarea:focus{
  border-color:var(--comercia-primary)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--comercia-primary) 15%,transparent)!important;
  outline:none!important;
}
.comercia-panel input[type=checkbox],
.comercia-panel input[type=radio]{
  width:18px;
  height:18px;
  margin-right:7px;
  vertical-align:-4px;
}
.comercia-panel .button,
.comercia-app .button{
  min-height:38px;
  padding:7px 14px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:22px!important;
}
.comercia-panel .button-primary,
.comercia-app .button-primary{
  background:var(--comercia-primary)!important;
  border-color:var(--comercia-primary)!important;
  color:#fff!important;
}
.comercia-panel hr{
  border:0;
  border-top:1px solid #e5e7eb;
}
.comercia-badge{
  font-size:11px!important;
  line-height:1.2;
}
.comercia-toolbar input[type=search],
.comercia-toolbar select{
  min-height:38px;
  font-size:13px!important;
}
@media(max-width:782px){
  .comercia-app{margin:10px 10px 0 0;border-radius:16px}
  .comercia-header{padding:20px}
  .comercia-brand{font-size:26px!important}
  .comercia-content{padding:18px}
  .comercia-panel{padding:18px}
  .comercia-app h1{font-size:26px}
  .comercia-app h2,.comercia-panel h2{font-size:20px}
}


/* Foundation.17.89 — Order Fulfillment */
.comercia-fulfillment{
  margin:18px 0;
  padding:22px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
  box-shadow:0 8px 26px rgba(15,23,42,.045);
}
.comercia-fulfillment-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:15px;
}
.comercia-fulfillment-head small,
.comercia-fulfillment-card small,
.comercia-gift-message-admin small{
  display:block;
  margin-bottom:4px;
  color:#8b5e18;
  font-size:10px!important;
  font-weight:850;
  letter-spacing:.08em;
}
.comercia-fulfillment-head h3{margin:0}
.comercia-fulfillment-pill{
  padding:7px 10px;
  border:1px solid #ead8b5;
  border-radius:999px;
  background:#fffaf0;
  color:#7a5319;
  font-size:12px;
  font-weight:800;
}
.comercia-fulfillment-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  gap:10px;
}
.comercia-fulfillment-card{
  min-height:128px;
  padding:15px;
  border:1px solid #e8ebef;
  border-radius:12px;
  background:#fff;
}
.comercia-fulfillment-card strong{
  display:block;
  margin:2px 0 5px;
  color:#111827;
  font-size:15px;
}
.comercia-fulfillment-card span{
  display:block;
  margin:2px 0;
  color:#52606d;
  font-size:12px;
}
.comercia-fulfillment-card p{
  margin:8px 0 0;
  color:#334155;
  font-size:13px;
  line-height:1.45;
}
.comercia-gift-message-admin{
  margin-top:10px;
  padding:14px 16px;
  border-left:4px solid #d0a85d;
  border-radius:10px;
  background:#fffaf2;
}
.comercia-gift-message-admin blockquote{
  margin:5px 0 0;
  color:#3f3528;
  font:italic 15px/1.5 Georgia,"Times New Roman",serif;
}
.comercia-fulfillment-checklist{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin-top:12px;
}
.comercia-fulfillment-checklist span{
  padding:9px 10px;
  border-radius:9px;
  background:#f3f5f7;
  color:#475569;
  font-size:11px;
  font-weight:700;
}
@media(max-width:1000px){
  .comercia-fulfillment-grid{grid-template-columns:1fr 1fr}
  .comercia-fulfillment-grid .comercia-fulfillment-card:first-child{grid-column:1 / 3}
  .comercia-fulfillment-checklist{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .comercia-fulfillment{padding:16px}
  .comercia-fulfillment-grid{grid-template-columns:1fr}
  .comercia-fulfillment-grid .comercia-fulfillment-card:first-child{grid-column:1}
  .comercia-fulfillment-checklist{grid-template-columns:1fr}
}


/* Foundation.17.90 — Logistics Workflow */
.comercia-logistics-flow{
  margin:16px 0;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
}
.comercia-logistics-flow-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}
.comercia-logistics-flow-head small{
  display:block;
  color:#64748b;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.08em;
}
.comercia-logistics-flow-head h3{
  margin:2px 0 0;
  font-size:18px;
}
.comercia-logistics-flow-head>span{
  padding:6px 10px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #e5e7eb;
  font-size:12px;
  font-weight:750;
}
.comercia-logistics-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:7px;
}
.comercia-logistics-step{
  position:relative;
  padding:9px 8px;
  border-radius:9px;
  background:#f1f5f9;
  color:#64748b;
  font-size:11px;
  font-weight:700;
  text-align:center;
}
.comercia-logistics-step.is-done{
  background:#ecfdf5;
  color:#166534;
}
.comercia-logistics-step.is-current{
  background:#fff7ed;
  color:#9a3412;
  box-shadow:inset 0 0 0 1px #fed7aa;
}
.comercia-delivery-address{
  margin-top:10px!important;
  padding:10px;
  border-radius:9px;
  background:#f8fafc;
  color:#334155!important;
  line-height:1.45;
}
.comercia-logistics-guidance{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  margin:14px 0;
  padding:12px 14px;
  border-left:4px solid #d0a85d;
  border-radius:10px;
  background:#fffaf2;
}
.comercia-logistics-guidance strong{
  color:#7a5319;
  font-size:12px;
}
.comercia-logistics-guidance span{
  color:#5b6470;
  font-size:12px;
}
.comercia-shipping-form-grid label{
  font-size:12px!important;
  font-weight:750!important;
}
.comercia-shipping-form-grid input,
.comercia-shipping-form-grid select,
.comercia-shipping-note textarea{
  min-height:42px!important;
  border-radius:10px!important;
}
.comercia-shipping-note textarea{
  min-height:90px!important;
}
@media(max-width:1000px){
  .comercia-logistics-steps{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .comercia-logistics-steps{grid-template-columns:1fr}
  .comercia-logistics-guidance{align-items:flex-start;flex-direction:column}
}


/* Foundation.17.91 — customer notification status */
.comercia-logistics-notify-status{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:9px;
  align-items:center;
  margin:12px 0;
  padding:11px 13px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f8fafc;
}
.comercia-logistics-notify-status>span{
  display:grid;
  place-items:center;
  width:32px;height:32px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e5e7eb;
}
.comercia-logistics-notify-status strong{
  display:block;
  color:#334155;
  font-size:12px;
}
.comercia-logistics-notify-status small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11px!important;
}


/* Foundation.17.93 — Store Readiness Audit */
.comercia-readiness-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  margin-bottom:16px;
}
.comercia-readiness-head small{
  color:#64748b;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.08em;
}
.comercia-readiness-head h2{margin:3px 0 4px}
.comercia-readiness-head p{margin:0;color:#64748b;font-size:13px}
.comercia-readiness-score{
  display:grid;
  place-items:center;
  min-width:82px;
  height:58px;
  padding:0 12px;
  border-radius:14px;
  background:#0f172a;
  color:#fff;
  font-size:24px;
  line-height:1;
}
.comercia-readiness-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.comercia-readiness-item{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
  padding:11px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
}
.comercia-readiness-item>span{
  display:grid;
  place-items:center;
  width:28px;height:28px;
  border-radius:50%;
  background:#f1f5f9;
  font-weight:900;
}
.comercia-readiness-item strong{
  display:block;
  font-size:12px;
  color:#334155;
}
.comercia-readiness-item small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:11px!important;
}
.comercia-readiness-item.status-ok>span{background:#ecfdf5;color:#166534}
.comercia-readiness-item.status-warn>span{background:#fff7ed;color:#9a3412}
.comercia-readiness-item.status-danger>span{background:#fef2f2;color:#991b1b}
.comercia-readiness-item.status-info>span{background:#eff6ff;color:#1d4ed8}
.comercia-readiness-note{
  margin:14px 0 0!important;
  padding:10px 12px;
  border-radius:9px;
  font-size:12px!important;
}
.comercia-readiness-note.ok{background:#ecfdf5;color:#166534}
.comercia-readiness-note.warn{background:#fff7ed;color:#9a3412}
.comercia-readiness-note.danger{background:#fef2f2;color:#991b1b}
.comercia-readiness-mini{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
}
.comercia-readiness-mini span,
.comercia-readiness-mini small{display:block;color:#64748b}
.comercia-readiness-mini strong{
  display:block;
  margin:2px 0;
  font-size:22px;
  color:#0f172a;
}
@media(max-width:800px){
  .comercia-readiness-grid{grid-template-columns:1fr}
  .comercia-readiness-head{align-items:center}
}

/* Foundation.17.94 — Policies Center */
.comercia-policies-head small{color:#64748b;font-size:10px!important;font-weight:800;letter-spacing:.08em}
.comercia-policies-head h2{margin:3px 0 5px}
.comercia-policies-head p{margin:0;color:#64748b}
.comercia-policy-warning{display:grid;gap:3px;margin:18px 0;padding:13px 15px;border-left:4px solid #d0a85d;border-radius:10px;background:#fffaf2}
.comercia-policy-warning strong{font-size:12px;color:#7a5319}
.comercia-policy-warning span{font-size:12px;color:#6b6258}
.comercia-policy-editor{margin:12px 0;padding:18px;border:1px solid #e5e7eb;border-radius:13px;background:#fff}
.comercia-policy-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.comercia-policy-editor-head h3{margin:0 0 3px}
.comercia-policy-editor-head small{color:#64748b;font-size:11px!important}
.comercia-policy-state{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}
.comercia-policy-state.ready{background:#ecfdf5;color:#166534}
.comercia-policy-state.pending{background:#fff7ed;color:#9a3412}
.comercia-policy-editor textarea{width:100%;min-height:210px;margin-top:10px;font-size:13px!important;line-height:1.6}
.comercia-policy-actions{margin:10px 0 0!important}
.comercia-policy-save{position:sticky;bottom:12px;margin-top:14px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 30px rgba(15,23,42,.08)}


/* Foundation.17.96 — Order Command Center */
.comercia-order-attention{
  margin:16px 0;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
}
.comercia-order-attention-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}
.comercia-order-attention-head small{
  color:#64748b;
  font-size:10px!important;
  font-weight:800;
  letter-spacing:.08em;
}
.comercia-order-attention-head h3{margin:2px 0 0}
.comercia-order-attention-head>span{
  padding:6px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#475569;
  font-size:11px;
  font-weight:800;
}
.comercia-order-attention-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.comercia-order-attention-item{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:9px;
  min-height:112px;
  padding:12px;
  border:1px solid #e8ebef;
  border-radius:11px;
  background:#fbfcfd;
  color:#334155!important;
  text-decoration:none!important;
}
.comercia-order-attention-item:hover{
  border-color:#cbd5e1;
  background:#fff;
}
.comercia-order-attention-item .icon{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  border-radius:9px;
  background:#fff;
  border:1px solid #e5e7eb;
}
.comercia-order-attention-item strong{
  display:block;
  font-size:12px;
}
.comercia-order-attention-item b{
  display:block;
  margin:3px 0;
  font-size:21px;
  color:#0f172a;
}
.comercia-order-attention-item small{
  color:#64748b;
  font-size:10px!important;
  line-height:1.35;
}
.comercia-order-row.needs-payment{border-left:4px solid #dc2626}
.comercia-order-row.needs-tracking{border-left:4px solid #2563eb}
.comercia-order-row.is-gift{border-left:4px solid #b7791f}
.comercia-order-flags{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:5px;
}
.comercia-order-flag{
  display:inline-block;
  padding:3px 6px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
}
.comercia-order-flag.gift{background:#fff7ed;color:#9a3412}
.comercia-order-flag.payment{background:#fef2f2;color:#991b1b}
.comercia-order-flag.tracking{background:#eff6ff;color:#1d4ed8}
@media(max-width:1050px){
  .comercia-order-attention-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .comercia-order-attention-grid{grid-template-columns:1fr}
}

/* Foundation.17.99 — settings helper */
.comercia-form-grid .comercia-form-span-2{
  grid-column:1 / -1;
}
.comercia-form-grid .comercia-form-span-2 textarea{
  width:100%;
}
.comercia-form-grid label small{
  display:block;
  margin-top:5px;
  color:#64748b;
  font-size:11px!important;
  font-weight:500!important;
}


/* Foundation.18.0 — Commerce Operations Center */
.comercia-ops-hero{
  display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-bottom:16px;padding:24px;border:1px solid #e5e7eb;border-radius:18px;
  background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;
}
.comercia-ops-hero>div>span{font-size:10px;font-weight:850;letter-spacing:.1em;color:#94a3b8}
.comercia-ops-hero h1{margin:5px 0 6px;font-size:28px;color:#fff}
.comercia-ops-hero p{margin:0;color:#cbd5e1}
.comercia-ops-pulse{
  display:grid;place-items:center;align-content:center;min-width:100px;height:78px;
  border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)
}
.comercia-ops-pulse strong{font-size:29px;line-height:1}
.comercia-ops-pulse small{margin-top:5px;font-size:10px;color:#cbd5e1}
.comercia-ops-pulse.danger strong{color:#fca5a5}
.comercia-ops-pulse.warn strong{color:#fde68a}
.comercia-ops-pulse.ok strong{color:#86efac}
.comercia-ops-section{
  margin-bottom:14px;padding:18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff
}
.comercia-ops-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.comercia-ops-section-head small{font-size:9px!important;font-weight:850;letter-spacing:.09em;color:#64748b}
.comercia-ops-section-head h2{margin:2px 0 0}
.comercia-ops-section-head>span{font-size:10px;color:#64748b}
.comercia-ops-list{display:grid;gap:7px}
.comercia-ops-task{
  display:grid;grid-template-columns:40px minmax(0,1fr) 42px 82px;gap:10px;align-items:center;
  padding:11px 12px;border:1px solid #e8ebef;border-left-width:4px;border-radius:11px;
  color:#334155!important;text-decoration:none!important;background:#fff
}
.comercia-ops-task:hover{background:#f8fafc}
.comercia-ops-task.priority-critical{border-left-color:#dc2626}
.comercia-ops-task.priority-high{border-left-color:#ea580c}
.comercia-ops-task.priority-normal{border-left-color:#d0a85d}
.comercia-ops-task-icon{
  display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f8fafc;font-size:16px
}
.comercia-ops-task-copy strong{display:block;font-size:12px}
.comercia-ops-task-copy p{margin:2px 0 0;color:#64748b;font-size:10px}
.comercia-ops-task>b{font-size:20px;text-align:center;color:#0f172a}
.comercia-ops-task>em{font-style:normal;font-size:10px;font-weight:800;text-align:right;color:#475569}
.comercia-ops-empty{display:flex;align-items:center;gap:11px;padding:16px;border-radius:11px;background:#f0fdf4}
.comercia-ops-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dcfce7;color:#166534;font-weight:900}
.comercia-ops-empty strong{font-size:12px;color:#166534}
.comercia-ops-empty p{margin:2px 0 0;font-size:10px;color:#4d7c5b}
.comercia-ops-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.comercia-ops-activity{display:grid}
.comercia-ops-activity>a{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #eef2f7;text-decoration:none!important}
.comercia-ops-activity>a:last-child{border-bottom:0}
.comercia-ops-activity strong{display:block;font-size:11px;color:#334155}
.comercia-ops-activity small{display:block;margin-top:2px;font-size:9px!important;color:#64748b}
.comercia-ops-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.comercia-ops-metrics .sf41-metric{min-width:0}
@media(max-width:900px){
 .comercia-ops-lower{grid-template-columns:1fr}
 .comercia-ops-task{grid-template-columns:36px minmax(0,1fr) 34px}
 .comercia-ops-task>em{display:none}
}
@media(max-width:600px){
 .comercia-ops-hero{padding:18px;align-items:flex-start}
 .comercia-ops-hero h1{font-size:22px}
 .comercia-ops-pulse{min-width:72px;height:66px}
 .comercia-ops-task{grid-template-columns:34px minmax(0,1fr) 28px;padding:9px}
 .comercia-ops-task-copy p{line-height:1.35}
 .comercia-ops-metrics{grid-template-columns:1fr 1fr}
}


/* Foundation.18.0.2 — Native Operations Home */
.comercia-native-operations-home{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:18px 0 6px;
  box-sizing:border-box;
}
.comercia-native-operations-home .comercia-ops-hero{
  margin-top:0;
}
.comercia-ops-shortcuts{
  margin-bottom:14px;
  padding:18px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
}
.comercia-ops-shortcuts>div:last-child{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.comercia-ops-shortcuts a{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:10px 11px;
  border:1px solid #e8ebef;
  border-radius:10px;
  background:#f8fafc;
  color:#334155!important;
  text-decoration:none!important;
}
.comercia-ops-shortcuts a:hover{
  background:#fff;
  border-color:#cbd5e1;
}
.comercia-ops-shortcuts a span{
  font-size:16px;
}
.comercia-ops-shortcuts a strong{
  font-size:11px;
}

/* Ensure the main /panel home does not expose legacy nested workspace chrome */
.comercia-native-operations-home .sf41-shell,
.comercia-native-operations-home .sf41-top,
.comercia-native-operations-home .sf41-tabs,
.comercia-native-operations-home .comercia-header,
.comercia-native-operations-home .comercia-footer{
  display:none!important;
}

@media(max-width:1050px){
  .comercia-ops-shortcuts>div:last-child{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .comercia-native-operations-home{
    padding-top:10px;
  }
  .comercia-ops-shortcuts>div:last-child{
    grid-template-columns:1fr 1fr;
  }
}


/* Foundation.18.1 — Postventa admin */
.comercia-wa-status{
  display:grid;gap:2px;margin:12px 0 18px;padding:11px 13px;border-radius:10px
}
.comercia-wa-status.ok{background:#ecfdf5;color:#166534}
.comercia-wa-status.warn{background:#fff7ed;color:#9a3412}
.comercia-wa-status strong{font-size:12px}
.comercia-wa-status span{font-size:11px}
.comercia-postsale-open{
  padding:6px 9px;border-radius:999px;background:#f8fafc;color:#475569;font-size:11px;font-weight:800
}
.comercia-postsale-list{display:grid;gap:7px;margin-top:14px}
.comercia-postsale-row{
  display:grid;grid-template-columns:minmax(0,1fr) 130px 85px;gap:12px;align-items:center;
  padding:12px 14px;border:1px solid #e5e7eb;border-left:4px solid #d0a85d;border-radius:11px;
  color:#334155!important;text-decoration:none!important;background:#fff
}
.comercia-postsale-row.status-new{border-left-color:#dc2626}
.comercia-postsale-row.status-review,.comercia-postsale-row.status-resolution{border-left-color:#ea580c}
.comercia-postsale-row.status-closed{border-left-color:#16a34a}
.comercia-postsale-row small,.comercia-postsale-row span{display:block;color:#64748b;font-size:10px!important}
.comercia-postsale-row strong{display:block;margin:2px 0;font-size:12px}
.comercia-postsale-row>b{font-size:10px}
.comercia-postsale-row>em{font-style:normal;font-size:10px;font-weight:800;text-align:right}
@media(max-width:700px){
 .comercia-postsale-row{grid-template-columns:1fr}
 .comercia-postsale-row>em{text-align:left}
}


/* Foundation.18.1.2 — WhatsApp settings redesign */
.comercia-settings-section{
  margin-top:24px;
  padding-top:22px;
  border-top:1px solid #e5e7eb;
}
.comercia-settings-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:13px;
}
.comercia-settings-section-head small{
  display:block;
  color:#64748b;
  font-size:9px!important;
  font-weight:850;
  letter-spacing:.09em;
}
.comercia-settings-section-head h3{
  margin:3px 0 4px;
  font-size:20px;
  color:#0f172a;
}
.comercia-settings-section-head p{
  margin:0;
  color:#64748b;
  font-size:12px;
}
.comercia-channel-status{
  padding:6px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:850;
}
.comercia-channel-status.is-active{background:#ecfdf5;color:#166534}
.comercia-channel-status.is-pending{background:#fff7ed;color:#9a3412}
.comercia-channel-card{
  padding:17px;
  border:1px solid #e5e7eb;
  border-radius:13px;
  background:#f8fafc;
}
.comercia-channel-toggle{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #e5e7eb;
}
.comercia-channel-toggle strong{
  display:block;
  color:#1e293b;
  font-size:12px;
}
.comercia-channel-toggle span{
  display:block;
  margin-top:3px;
  color:#64748b;
  font-size:10px;
}
.comercia-channel-toggle select{
  width:150px!important;
  min-width:150px;
}
.comercia-channel-grid{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);
  gap:12px;
  align-items:stretch;
}
.comercia-channel-grid label>span,
.comercia-channel-message>span{
  display:block;
  margin-bottom:6px;
  color:#334155;
  font-size:11px;
  font-weight:750;
}
.comercia-channel-grid input,
.comercia-channel-message textarea{
  width:100%!important;
  box-sizing:border-box;
}
.comercia-channel-preview{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px 14px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#fff;
}
.comercia-channel-preview small{
  color:#94a3b8;
  font-size:8px!important;
  font-weight:850;
  letter-spacing:.08em;
}
.comercia-channel-preview strong{
  display:block;
  margin:4px 0;
  color:#0f172a;
  font-size:17px;
}
.comercia-channel-preview span{
  color:#64748b;
  font-size:10px;
  line-height:1.4;
}
.comercia-channel-message{
  display:block;
  margin-top:14px;
}
.comercia-channel-test{
  margin-top:12px;
  text-align:right;
}
.comercia-channel-test a{
  display:inline-block;
  padding:8px 11px;
  border:1px solid #cbd5e1;
  border-radius:8px;
  background:#fff;
  color:#334155!important;
  text-decoration:none!important;
  font-size:10px;
  font-weight:800;
}
.comercia-settings-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  margin-top:22px;
  padding-top:17px;
  border-top:1px solid #e5e7eb;
}
.comercia-settings-primary,
.comercia-settings-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 15px;
  border-radius:9px;
  font-size:11px;
  font-weight:800;
  text-decoration:none!important;
  cursor:pointer;
}
.comercia-settings-primary{
  border:0;
  background:#0f172a;
  color:#fff;
}
.comercia-settings-primary:hover{background:#1e293b}
.comercia-settings-secondary{
  border:1px solid #d7dde5;
  background:#fff;
  color:#475569!important;
}
@media(max-width:720px){
  .comercia-channel-toggle{align-items:flex-start;flex-direction:column}
  .comercia-channel-toggle select{width:100%!important}
  .comercia-channel-grid{grid-template-columns:1fr}
  .comercia-settings-actions{align-items:stretch;flex-direction:column-reverse}
  .comercia-settings-primary,.comercia-settings-secondary{width:100%;box-sizing:border-box}
}


/* Foundation.18.2 — Event & Pending Engine */
.comercia-event-engine-status{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:0 0 14px;
  padding:14px 16px;
  border:1px solid #dbe4ee;
  border-radius:13px;
  background:#f8fbff;
}
.comercia-event-engine-status small{
  display:block;
  color:#64748b;
  font-size:8px!important;
  font-weight:850;
  letter-spacing:.09em;
}
.comercia-event-engine-status strong{
  display:block;
  margin:3px 0;
  color:#166534;
  font-size:13px;
}
.comercia-event-engine-status span{
  display:block;
  color:#64748b;
  font-size:10px;
}
.comercia-event-engine-status>div:last-child{
  min-width:150px;
  text-align:right;
}
.comercia-event-engine-status b{
  display:block;
  color:#0f172a;
  font-size:22px;
}
@media(max-width:650px){
 .comercia-event-engine-status{align-items:flex-start;flex-direction:column}
 .comercia-event-engine-status>div:last-child{text-align:left}
}


/* Foundation 18.11.6 — UX Pilot: Inventory */
.comercia-invux{display:grid;gap:22px}
.comercia-invux-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid var(--comercia-border,#e5e7eb);border-radius:18px;background:var(--comercia-surface,#fff)}
.comercia-invux-kicker,.comercia-invux-section-head span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.58;margin-bottom:5px}
.comercia-invux-hero h1{font-size:30px;line-height:1.05;margin:0 0 7px}
.comercia-invux-hero p,.comercia-invux-section-head p{margin:0;max-width:720px;opacity:.68}
.comercia-invux-health{min-width:150px;text-align:right;padding-left:22px;border-left:1px solid var(--comercia-border,#e5e7eb)}
.comercia-invux-health strong{display:block;font-size:30px;line-height:1}
.comercia-invux-health span{display:block;font-size:12px;margin-top:6px;opacity:.7}
.comercia-invux-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.comercia-invux-metric{padding:18px;border:1px solid var(--comercia-border,#e5e7eb);border-radius:15px;background:var(--comercia-surface,#fff)}
.comercia-invux-metric>span{display:block;font-size:12px;font-weight:700;opacity:.7}
.comercia-invux-metric strong{display:block;font-size:27px;margin:5px 0 2px}
.comercia-invux-metric small{opacity:.58}
.comercia-invux-metric.critical,.comercia-invux-metric.danger{border-width:2px}
.comercia-invux-attention,.comercia-invux-products{padding:22px;border:1px solid var(--comercia-border,#e5e7eb);border-radius:18px;background:var(--comercia-surface,#fff)}
.comercia-invux-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.comercia-invux-section-head h2{font-size:20px;margin:0 0 4px}
.comercia-invux-attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.comercia-invux-attention-card{display:flex;flex-direction:column;gap:9px;padding:15px;border:1px solid var(--comercia-border,#e5e7eb);border-radius:13px;text-decoration:none;color:inherit;background:rgba(127,127,127,.025)}
.comercia-invux-attention-card:hover{border-color:currentColor}
.comercia-invux-attention-card>div{display:flex;align-items:baseline;gap:8px}
.comercia-invux-attention-card strong{font-size:22px}
.comercia-invux-attention-card span{font-weight:700}
.comercia-invux-attention-card p{margin:0;font-size:12px;opacity:.65}
.comercia-invux-attention-card em{font-style:normal;font-size:12px;font-weight:700}
.comercia-invux-attention-card.is-zero{opacity:.48}
.comercia-invux-secondary-stats{display:flex;gap:8px;flex-wrap:wrap}
.comercia-invux-secondary-stats span{padding:7px 10px;border-radius:999px;background:rgba(127,127,127,.08);font-size:12px}
.comercia-invux-products .comercia-filter-panel{margin:0 0 16px}
.comercia-invux-products .comercia-inventory-master{margin-top:0}
@media(max-width:900px){
 .comercia-invux-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .comercia-invux-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .comercia-invux-hero{align-items:flex-start}
}
@media(max-width:600px){
 .comercia-invux{gap:14px}
 .comercia-invux-hero{display:block;padding:18px}
 .comercia-invux-health{margin-top:16px;padding:14px 0 0;border-left:0;border-top:1px solid var(--comercia-border,#e5e7eb);text-align:left}
 .comercia-invux-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .comercia-invux-metric{padding:13px}
 .comercia-invux-attention,.comercia-invux-products{padding:14px}
 .comercia-invux-attention-grid{grid-template-columns:1fr}
 .comercia-invux-section-head{display:block}
 .comercia-invux-secondary-stats{margin-top:12px}
 .comercia-inventory-master-head{display:none}
 .comercia-inventory-master-row{grid-template-columns:1fr 1fr!important;gap:10px!important}
 .comercia-inventory-master-row>div:first-child{grid-column:1/-1}
 .comercia-inventory-master-row>div:last-child{grid-column:1/-1}
 .comercia-inventory-master-row>div:last-child .button{width:100%;text-align:center}
}

/* Foundation 18.11.7 — Inventory scale pilot */
.comercia-invux-quickviews{display:flex;align-items:center;gap:12px;margin:0 0 12px;overflow:auto;padding-bottom:3px}
.comercia-invux-quickviews>span{font-size:12px;font-weight:800;white-space:nowrap;opacity:.58}
.comercia-invux-quickviews>div{display:flex;gap:7px}
.comercia-invux-quickviews a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--comercia-border,#e5e7eb);border-radius:999px;text-decoration:none;color:inherit;font-size:12px;font-weight:700;white-space:nowrap;background:var(--comercia-surface,#fff)}
.comercia-invux-quickviews a.active{border-width:2px}
.comercia-invux-resultbar{display:flex;justify-content:space-between;padding:9px 2px;font-size:12px}.comercia-invux-resultbar span{opacity:.62}
.comercia-invux-perpage{max-width:130px}
@media(max-width:600px){.comercia-invux-quickviews{display:block}.comercia-invux-quickviews>div{overflow:auto;padding:5px 0}.comercia-invux-resultbar{align-items:flex-start}}

/* Foundation 18.11.8 — compact product rows + thumbnails */
.comercia-inventory-dense .comercia-inventory-master-head,
.comercia-inventory-dense-row{grid-template-columns:minmax(260px,2.5fr) 72px 62px 120px 125px 90px!important}
.comercia-inventory-dense-row{min-height:66px;padding:7px 10px!important;align-items:center}
.comercia-invux-productcell{display:flex!important;align-items:center;gap:11px;min-width:0}
.comercia-invux-thumb{width:48px;height:48px;flex:0 0 48px;border-radius:9px;overflow:hidden;background:rgba(127,127,127,.08);border:1px solid var(--comercia-border,#e5e7eb)}
.comercia-invux-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.comercia-invux-noimage{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.05;font-weight:800;opacity:.45;text-transform:uppercase}
.comercia-invux-producttext{min-width:0}
.comercia-invux-producttext strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.comercia-invux-producttext small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.58}
.comercia-invux-stock small{display:none}
.comercia-invux-manage{text-align:right}
.comercia-invux-manage .button{min-height:30px;line-height:28px;padding:0 10px}
@media(max-width:780px){
 .comercia-inventory-dense .comercia-inventory-master-head{display:none}
 .comercia-inventory-dense-row{display:grid!important;grid-template-columns:56px 1fr auto!important;gap:7px 10px!important;padding:10px!important;min-height:0}
 .comercia-invux-productcell{grid-column:1/3}
 .comercia-invux-thumb{width:52px;height:52px;flex-basis:52px}
 .comercia-invux-stock{grid-column:3;grid-row:1;text-align:right;align-self:center}
 .comercia-invux-stock strong{font-size:18px}.comercia-invux-stock small{display:block;font-size:9px;opacity:.55}
 .comercia-invux-min{display:none}
 .comercia-invux-price{grid-column:2;grid-row:2}
 .comercia-inventory-dense-row>div:nth-child(5){grid-column:1;grid-row:2}
 .comercia-invux-manage{grid-column:3;grid-row:2}
}

/* Foundation 18.11.9 — Inventory responsive card polish + soft lower gradient */
.comercia-inventory-dense-row{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,
      var(--comercia-surface,#fff) 0%,
      var(--comercia-surface,#fff) 62%,
      rgba(241,245,249,.72) 100%);
  box-shadow:0 1px 0 rgba(15,23,42,.025);
}

/* Tablet: deliberately compact horizontal card. This block also neutralizes
   the legacy max-width:1000 inventory rules that were repositioning children. */
@media (min-width:651px) and (max-width:1000px){
  .comercia-inventory-dense .comercia-inventory-master-head{display:none!important}
  .comercia-inventory-master-row.comercia-inventory-dense-row{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) 64px 112px 92px!important;
    grid-template-rows:auto auto!important;
    gap:5px 12px!important;
    min-height:72px;
    padding:9px 11px!important;
    align-items:center;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div{min-width:0}
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-productcell{
    grid-column:1!important;
    grid-row:1 / span 2!important;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-stock{
    grid-column:2!important;
    grid-row:1!important;
    text-align:center;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-stock small{
    display:block;
    margin-top:2px;
    font-size:9px;
    line-height:1;
    opacity:.52;
    text-transform:uppercase;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-min{
    display:block!important;
    grid-column:2!important;
    grid-row:2!important;
    text-align:center;
    font-size:11px;
    opacity:.58;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-min::before{
    content:'Mín. ';
    font-size:9px;
    text-transform:uppercase;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-price{
    grid-column:3!important;
    grid-row:1!important;
    align-self:end;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div:nth-child(5){
    grid-column:3!important;
    grid-row:2!important;
    align-self:start;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-manage{
    grid-column:4!important;
    grid-row:1 / span 2!important;
    align-self:center;
    text-align:right;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-manage .button{
    width:auto!important;
    white-space:nowrap;
  }
  .comercia-invux-producttext strong{font-size:13px}
}

/* Phone: intentional vertical card, no inherited desktop/tablet placement. */
@media (max-width:650px){
  .comercia-inventory-master-row.comercia-inventory-dense-row{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto auto!important;
    gap:9px 12px!important;
    padding:12px!important;
    min-height:0;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-productcell{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-stock{
    grid-column:1!important;
    grid-row:2!important;
    text-align:left;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-min{display:none!important}
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-price{
    grid-column:2!important;
    grid-row:2!important;
    text-align:right;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div:nth-child(5){
    grid-column:1!important;
    grid-row:3!important;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-manage{
    grid-column:2!important;
    grid-row:3!important;
    align-self:center;
  }
  .comercia-inventory-master-row.comercia-inventory-dense-row>div.comercia-invux-manage .button{
    width:auto!important;
    min-width:88px;
  }
}


/* Foundation 18.11.10 — actionable intervention cards + quieter inventory cards */
.comercia-inventory-dense-row{
  background:linear-gradient(180deg,
    var(--comercia-surface,#fff) 0%,
    var(--comercia-surface,#fff) 70%,
    rgba(241,245,249,.50) 100%);
}
.comercia-invux-manage .button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--comercia-border,#d8dee7)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--comercia-text,#1f2937)!important;
  text-decoration:none!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.comercia-invux-manage .button:hover{
  background:rgba(248,250,252,.96)!important;
  border-color:#b9c3cf!important;
}
.comercia-invux-attention-card.has-pending em{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 9px;
  border:1px solid var(--comercia-border,#d8dee7);
  border-radius:8px;
  background:rgba(255,255,255,.72);
  text-decoration:none;
}
.comercia-invux-attention-card.has-pending:hover em{background:rgba(248,250,252,.98)}


/* Foundation 18.11.11 — restore card contour + functional intervention review */
.comercia-inventory-master-row.comercia-inventory-dense-row{
  border:1px solid #dfe5ec!important;
  box-shadow:0 1px 2px rgba(15,23,42,.025)!important;
}
.comercia-inventory-master-row.comercia-inventory-dense-row:hover{
  border-color:#cbd5e1!important;
}
.comercia-invux-attention-card{
  border:1px solid #dfe5ec!important;
}
.comercia-cat-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
}


/* Foundation 18.11.12 — visible product contour + issue/filter parity */
.comercia-inventory-master-row.comercia-inventory-dense-row{
  border:1px solid #cbd5e1!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,
    var(--comercia-surface,#fff) 0%,
    var(--comercia-surface,#fff) 72%,
    rgba(241,245,249,.52) 100%)!important;
  box-shadow:0 1px 3px rgba(15,23,42,.035)!important;
}
.comercia-inventory-master-row.comercia-inventory-dense-row:hover{
  border-color:#aeb9c7!important;
  box-shadow:0 2px 5px rgba(15,23,42,.055)!important;
}


/* Foundation 18.11.13 — provider-parity diagnostics + clearly visible product contour */
.comercia-inventory-master-row.comercia-inventory-dense-row{
  border:1px solid #b8c2cf!important;
  outline:1px solid rgba(148,163,184,.08);
  outline-offset:-1px;
  box-shadow:0 1px 3px rgba(15,23,42,.045)!important;
}
.comercia-inventory-master-row.comercia-inventory-dense-row:hover{
  border-color:#94a3b8!important;
  box-shadow:0 2px 6px rgba(15,23,42,.07)!important;
}

/* Foundation 18.11.15 — shared operational card language
   Extends the approved Inventory visual system only where card/surface semantics apply. */
:root{
  --comercia-card-border:#b8c2cf;
  --comercia-card-border-hover:#94a3b8;
  --comercia-card-radius:14px;
  --comercia-card-shadow:0 1px 3px rgba(15,23,42,.045);
  --comercia-card-shadow-hover:0 2px 6px rgba(15,23,42,.07);
  --comercia-card-gradient:linear-gradient(180deg,#fff 0%,#fff 72%,rgba(241,245,249,.52) 100%);
}

/* Operational/detail cards: same contour + quiet lower gradient as Inventory. */
.comercia-order-card,
.comercia-tracking-card,
.comercia-kanban-card,
.comercia-detail-card,
.comercia-cat-card,
.comercia-event-card,
.comercia-admin-metric,
.comercia-os-metric,
.comercia-vitrina-health-card,
.sf30-card,
.sf31-product-row,
.sf312-product-row,
.comercia-new-product-card,
.comercia-purchase-master-row,
.comercia-supplier-result,
.comercia-supplier-selected,
.comercia-postsale-row,
.comercia-fulfillment-card,
.comercia-channel-card,
.comercia-qr-card{
  border:1px solid var(--comercia-card-border)!important;
  border-radius:var(--comercia-card-radius)!important;
  background:var(--comercia-card-gradient)!important;
  box-shadow:var(--comercia-card-shadow)!important;
}

/* Interactive cards receive restrained feedback, not floating/elevated motion. */
.comercia-order-card:hover,
.comercia-tracking-card:hover,
.comercia-kanban-card:hover,
.comercia-cat-card:hover,
.sf30-card:hover,
.comercia-supplier-result:hover{
  border-color:var(--comercia-card-border-hover)!important;
  box-shadow:var(--comercia-card-shadow-hover)!important;
  transform:none!important;
}

/* Filter/control surfaces remain slightly distinct from content cards. */
.comercia-filter-panel,
.comercia-orders-panel,
.comercia-purchase-section,
.comercia-purchase-builder,
.comercia-purchase-shell,
.comercia-tracking-clean-shell{
  border-color:#cbd5e1!important;
  box-shadow:0 1px 3px rgba(15,23,42,.03)!important;
}

/* Small secondary actions use the same discreet outlined treatment as Inventory Manage. */
.comercia-order-card .button:not(.button-primary),
.comercia-tracking-card .button:not(.button-primary),
.comercia-detail-card .button:not(.button-primary),
.comercia-purchase-master-row .button:not(.button-primary),
.sf31-product-row .button:not(.button-primary),
.sf312-product-row .button:not(.button-primary){
  border:1px solid #d8dee7!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--comercia-text,#1f2937)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.comercia-order-card .button:not(.button-primary):hover,
.comercia-tracking-card .button:not(.button-primary):hover,
.comercia-detail-card .button:not(.button-primary):hover,
.comercia-purchase-master-row .button:not(.button-primary):hover,
.sf31-product-row .button:not(.button-primary):hover,
.sf312-product-row .button:not(.button-primary):hover{
  background:rgba(248,250,252,.98)!important;
  border-color:#b9c3cf!important;
}

/* Preserve hierarchy: hero/priority/primary CTA surfaces keep their own visual identity. */

/* Foundation.18.11.16 — Pedidos compact operational density
 * Orders follows the same compact master-card language validated in Inventory.
 * The generic cards breakpoint previously expanded order KPIs to full-width cards on tablets.
 */
.comercia-order-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
.comercia-order-stats .comercia-card{
  padding:10px 12px!important;
  border-radius:12px!important;
  min-height:0!important;
  box-shadow:0 1px 3px rgba(15,23,42,.035)!important;
}
.comercia-order-stats .comercia-card span{
  font-size:11px!important;
  line-height:1.2!important;
}
.comercia-order-stats .comercia-card strong{
  font-size:22px!important;
  line-height:1!important;
  margin:5px 0 4px!important;
}
.comercia-order-stats .comercia-card small{
  font-size:10px!important;
  line-height:1.2!important;
}
.comercia-order-attention{
  padding:13px!important;
  margin:12px 0!important;
  border-radius:13px!important;
}
.comercia-order-attention-head{margin-bottom:9px!important}
.comercia-order-attention-item{
  grid-template-columns:30px minmax(0,1fr)!important;
  gap:7px!important;
  min-height:78px!important;
  padding:9px!important;
  border-radius:10px!important;
}
.comercia-order-attention-item .icon{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  font-size:14px!important;
}
.comercia-order-attention-item strong{font-size:11px!important}
.comercia-order-attention-item b{font-size:18px!important;margin:2px 0!important}
.comercia-order-attention-item small{font-size:9.5px!important;line-height:1.25!important}
.comercia-orders-panel{padding:16px!important}
.comercia-orders-titlebar{margin-bottom:8px!important}
.comercia-orders-master{gap:6px!important}
.comercia-order-row{
  padding:9px 12px!important;
  border:1px solid var(--comercia-card-border,#cfd6df)!important;
  border-radius:12px!important;
  background:var(--comercia-card-gradient,linear-gradient(180deg,#fff 0%,#fff 70%,#f6f8fb 100%))!important;
  box-shadow:0 1px 3px rgba(15,23,42,.035)!important;
}
.comercia-order-number strong{font-size:15px!important}
.comercia-order-row-total{font-size:15px!important}
.comercia-order-row .button.comercia-open-order{
  min-height:34px!important;
  padding:4px 10px!important;
  line-height:24px!important;
  border-radius:9px!important;
}

@media(max-width:1000px){
  .comercia-order-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .comercia-order-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .comercia-order-row{
    grid-template-columns:minmax(150px,1.15fr) minmax(120px,.85fr) auto!important;
    gap:6px 10px!important;
    align-items:center!important;
  }
  .comercia-order-date{display:none!important}
  .comercia-order-number{grid-column:1!important;grid-row:1!important}
  .comercia-order-customer{grid-column:1!important;grid-row:2!important}
  .comercia-order-row>div:nth-of-type(4){grid-column:2!important;grid-row:1!important}
  .comercia-order-row-total{grid-column:2!important;grid-row:2!important;text-align:left!important}
  .comercia-order-row>div:last-child{grid-column:3!important;grid-row:1/3!important}
  .comercia-order-row .comercia-open-order{grid-column:auto!important;grid-row:auto!important}
}
@media(max-width:560px){
  .comercia-orders-panel{padding:12px!important}
  .comercia-order-stats{gap:6px!important}
  .comercia-order-stats .comercia-card{padding:9px 10px!important}
  .comercia-order-attention{padding:10px!important}
  .comercia-order-attention-grid{grid-template-columns:1fr!important;gap:6px!important}
  .comercia-order-attention-item{min-height:0!important}
  .comercia-order-attention-item small{display:none!important}
  .comercia-order-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    padding:9px 10px!important;
  }
  .comercia-order-number{grid-column:1!important;grid-row:1!important}
  .comercia-order-customer{grid-column:1!important;grid-row:2!important}
  .comercia-order-row>div:nth-of-type(4){grid-column:1!important;grid-row:3!important}
  .comercia-order-row-total{grid-column:1!important;grid-row:4!important}
  .comercia-order-row>div:last-child{grid-column:2!important;grid-row:1/5!important}
}


/* Foundation.18.11.17 — Operational density audit
 * Inventory is the density reference. Apply compact rows where content is transactional;
 * preserve generous cards for wizards, empty states, campaign heroes and explanatory surfaces.
 */
.comercia-catalog-admin{padding:18px!important}
.comercia-catalog-admin>h2:first-child{margin-bottom:5px!important}
.comercia-catalog-admin>p{margin:0 0 10px!important;color:#64748b}
.comercia-catalog-admin .comercia-filters{margin:10px 0 12px!important;gap:6px!important}
.comercia-catalog-admin .comercia-filters .button{min-height:32px!important;line-height:30px!important;padding:0 10px!important;border-radius:9px!important}
.comercia-catalog-table{border-spacing:0 7px!important;table-layout:fixed!important}
.comercia-catalog-table th{padding:5px 8px!important}
.comercia-catalog-table th:nth-child(1){width:76px}
.comercia-catalog-table th:nth-child(2){width:19%}
.comercia-catalog-table th:nth-child(3){width:15%}
.comercia-catalog-table th:nth-child(4){width:15%}
.comercia-catalog-table th:nth-child(5){width:20%}
.comercia-catalog-table th:nth-child(6){width:auto}
.comercia-catalog-table td{
  padding:9px 8px!important;
  vertical-align:middle!important;
  background:var(--comercia-card-gradient,linear-gradient(180deg,#fff 0%,#fff 72%,#f6f8fb 100%))!important;
  border-top:1px solid var(--comercia-card-border,#cfd6df)!important;
  border-bottom:1px solid var(--comercia-card-border,#cfd6df)!important;
  line-height:1.35!important;
}
.comercia-catalog-table td:first-child{border-left:1px solid var(--comercia-card-border,#cfd6df)!important;border-radius:12px 0 0 12px!important}
.comercia-catalog-table td:last-child{border-right:1px solid var(--comercia-card-border,#cfd6df)!important;border-radius:0 12px 12px 0!important}
.comercia-catalog-table .pic img{width:54px!important;height:54px!important;border-radius:10px!important}
.comercia-catalog-table td:nth-child(2) b{font-size:14px;line-height:1.2}
.comercia-catalog-table td:nth-child(5) small{display:block;margin-top:3px!important;line-height:1.35!important}
.comercia-catalog-table .actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px!important;align-items:center!important}
.comercia-catalog-table .actions .button,
.comercia-catalog-table .actions .comercia-priority{
  width:100%!important;max-width:none!important;min-height:31px!important;height:31px!important;margin:0!important;padding:0 7px!important;line-height:29px!important;border-radius:8px!important;text-align:center!important;font-size:11px!important;white-space:nowrap!important;
}
.comercia-catalog-table .actions .comercia-priority{line-height:normal!important}
.comercia-catalog-table .actions .button-primary{font-weight:800!important}

/* Supply lists are operational records, not presentation cards. */
.comercia-rel-card,.comercia-purchase-master-row,.comercia-supplier-result,.comercia-supplier-selected{
  padding:11px 13px!important;margin:7px 0!important;border-radius:12px!important;
}
/* Marketing lists/calendar records compact; creation wizards and campaign heroes stay spacious. */
.comercia-marketing-list .comercia-marketing-card,
.comercia-calendar-row,.comercia-event-card,.comercia-campaign-useful-card{
  padding:11px 13px!important;min-height:0!important;border-radius:12px!important;
}

@media(max-width:1100px){
  .comercia-catalog-table{table-layout:auto!important}
  .comercia-catalog-table th:nth-child(1){width:68px}
  .comercia-catalog-table th:nth-child(5){width:170px}
  .comercia-catalog-table th:nth-child(6){width:245px}
  .comercia-catalog-table .actions{grid-template-columns:repeat(2,minmax(96px,1fr))!important}
}
@media(max-width:760px){
  .comercia-catalog-admin{padding:12px!important;overflow:hidden}
  .comercia-catalog-table thead{display:none!important}
  .comercia-catalog-table,.comercia-catalog-table tbody{display:block!important;width:100%!important}
  .comercia-catalog-table tr{
    display:grid!important;grid-template-columns:62px minmax(0,1fr) auto!important;gap:4px 9px!important;
    margin:0 0 8px!important;padding:10px!important;border:1px solid var(--comercia-card-border,#cfd6df)!important;border-radius:12px!important;
    background:var(--comercia-card-gradient,linear-gradient(180deg,#fff 0%,#fff 72%,#f6f8fb 100%))!important;
  }
  .comercia-catalog-table td{display:block!important;width:auto!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
  .comercia-catalog-table td.pic{grid-column:1;grid-row:1/4}
  .comercia-catalog-table td:nth-child(2){grid-column:2;grid-row:1}
  .comercia-catalog-table td:nth-child(3){grid-column:3;grid-row:1;font-weight:800;white-space:nowrap}
  .comercia-catalog-table td:nth-child(4){grid-column:2;grid-row:2}
  .comercia-catalog-table td:nth-child(5){grid-column:2/4;grid-row:3}
  .comercia-catalog-table td.actions{grid-column:1/4;grid-row:4;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:6px!important}
}
@media(max-width:480px){
  .comercia-catalog-table tr{grid-template-columns:54px minmax(0,1fr)!important}
  .comercia-catalog-table td:nth-child(3){grid-column:2;grid-row:2}
  .comercia-catalog-table td:nth-child(4){grid-column:2;grid-row:3}
  .comercia-catalog-table td:nth-child(5){grid-column:1/3;grid-row:4}
  .comercia-catalog-table td.actions{grid-column:1/3;grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ==========================================================================\n * Foundation.18.12.0 — Comercia UI 2.0\n * System-wide visual density and responsive composition pass.\n * Lists/operations are dense; forms use available width; analytical/wizard\n * surfaces retain breathing room. Inventory remains the density benchmark.\n * ========================================================================== */
.comercia-app{
  --cui-border:#d7dee7;
  --cui-border-soft:#e8edf2;
  --cui-surface:#fff;
  --cui-surface-soft:#f8fafc;
  --cui-radius:14px;
  --cui-radius-sm:10px;
  --cui-shadow:0 1px 3px rgba(15,23,42,.035);
  --cui-row-gradient:linear-gradient(180deg,#fff 0%,#fff 72%,#f6f8fb 100%);
}
.comercia-content{padding:18px!important}
.comercia-workspace-hero{padding:18px 20px!important;margin-bottom:12px!important;border-radius:16px!important}
.comercia-workspace-hero.small{min-height:0!important}
.comercia-workspace-hero h1{font-size:27px!important;margin-bottom:4px!important}
.comercia-workspace-hero p{font-size:13px!important;line-height:1.45!important}
.comercia-panel{
  padding:18px!important;
  margin-bottom:12px!important;
  border:1px solid var(--cui-border)!important;
  border-radius:16px!important;
  box-shadow:var(--cui-shadow)!important;
  background:linear-gradient(180deg,#fff 0%,#fff 82%,#fafbfc 100%)!important;
}
.comercia-panel>h1:first-child,.comercia-panel>h2:first-child,.comercia-panel>h3:first-child{margin-top:0!important;margin-bottom:8px!important}
.comercia-panel>p:first-of-type{margin-top:5px!important}
.comercia-panel form>p{margin:8px 0!important}
.comercia-panel form h2,.comercia-panel form h3{margin:16px 0 8px!important;padding-top:12px;border-top:1px solid var(--cui-border-soft)}
.comercia-panel form h2:first-of-type,.comercia-panel form h3:first-of-type{border-top:0;padding-top:0}

/* True responsive form grids: tablet is not mobile. */
.comercia-grid.comercia-grid-2,
.comercia-form-grid,
.comercia-new-supplier-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 14px!important;
  align-items:start!important;
}
.comercia-grid.comercia-grid-2>p{margin:0!important}
.comercia-grid.comercia-grid-2 .regular-text,
.comercia-grid.comercia-grid-2 input,
.comercia-grid.comercia-grid-2 select,
.comercia-form-grid input,
.comercia-form-grid select,
.comercia-new-supplier-grid input,
.comercia-new-supplier-grid select{width:100%!important;max-width:none!important}
.comercia-panel input[type=text],.comercia-panel input[type=email],.comercia-panel input[type=tel],.comercia-panel input[type=number],.comercia-panel input[type=search],.comercia-panel input[type=url],.comercia-panel select{min-height:38px!important}
.comercia-panel textarea{min-height:82px!important}

/* KPI language — compact enough for scanning, never hero-sized. */
.sf41-metrics,.comercia-grid.cards,.comercia-order-stats{
  gap:8px!important;
  margin-bottom:12px!important;
}
.sf41-metrics .comercia-card,.comercia-grid.cards>.comercia-card{
  padding:11px 13px!important;
  min-height:78px!important;
  border-radius:12px!important;
  box-shadow:var(--cui-shadow)!important;
}
.sf41-metrics .comercia-card span,.comercia-grid.cards>.comercia-card span{font-size:11px!important}
.sf41-metrics .comercia-card strong,.comercia-grid.cards>.comercia-card strong{font-size:23px!important;margin:5px 0 0!important}

/* Toolbars become one operational strip. */
.comercia-toolbar,.comercia-tracking-toolbar,.comercia-filter-panel{
  gap:7px!important;
}
.comercia-toolbar{margin:10px 0 12px!important}
.comercia-toolbar input[type=search]{flex:1 1 260px!important;min-width:180px!important;max-width:480px!important}
.comercia-toolbar select{min-width:160px!important}
.comercia-toolbar .button{min-height:38px!important}

/* Data panels/tables: reduce card-within-card feeling and use compact rows. */
.comercia-data-panel{overflow-x:auto!important;padding:14px!important}
.comercia-panel table.widefat{border:0!important;background:transparent!important;border-collapse:separate!important;border-spacing:0 6px!important;box-shadow:none!important}
.comercia-panel table.widefat thead th{border:0!important;background:transparent!important;padding:4px 8px!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#697586!important}
.comercia-panel table.widefat tbody td{
  padding:9px 8px!important;
  vertical-align:middle!important;
  background:var(--cui-row-gradient)!important;
  border-top:1px solid var(--cui-border)!important;
  border-bottom:1px solid var(--cui-border)!important;
  line-height:1.3!important;
}
.comercia-panel table.widefat tbody td:first-child{border-left:1px solid var(--cui-border)!important;border-radius:11px 0 0 11px!important}
.comercia-panel table.widefat tbody td:last-child{border-right:1px solid var(--cui-border)!important;border-radius:0 11px 11px 0!important}
.comercia-panel table.widefat .button{min-height:32px!important;padding:4px 9px!important;line-height:22px!important}
.comercia-loyalty-table form[style*="display:flex"]{display:grid!important;grid-template-columns:90px minmax(120px,1fr) auto!important;gap:5px!important;min-width:285px}
.comercia-loyalty-table form[style*="display:flex"] input{width:100%!important;min-width:0!important}

/* Assisted sale: customer/address sections use width, product lines stay dense. */
.comercia-assisted-sale-form{max-width:none!important}
.comercia-assisted-sale-form #comercia-assisted-lines{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important}
.comercia-assisted-sale-form #comercia-assisted-lines>div{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;gap:7px!important;margin:0!important}
.comercia-assisted-sale-form #comercia-assisted-lines select{width:100%!important;min-width:0!important}
.comercia-assisted-sale-form #comercia-assisted-lines input{width:64px!important}

/* Checkout behaves like a settings console rather than a long document. */
.comercia-checkout-settings{max-width:none!important}
.comercia-checkout-settings>p{max-width:980px!important}
.comercia-checkout-settings form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important;align-items:start!important}
.comercia-checkout-settings form>input[type=hidden],.comercia-checkout-settings form>.comercia-form-grid,.comercia-checkout-settings form>hr,.comercia-checkout-settings form>h3,.comercia-checkout-settings form>button{grid-column:1/-1!important}
.comercia-checkout-settings form>div[style*="margin-left:24px"],.comercia-checkout-settings form>div[style*="margin:14px"]{
  grid-column:1/-1!important;
  margin:2px 0 8px!important;
  padding:12px 14px!important;
  border:1px solid var(--cui-border)!important;
  border-left:3px solid #d0a85d!important;
  border-radius:11px!important;
  background:#fafbfc!important;
}
.comercia-checkout-settings form>hr{margin:7px 0!important}
.comercia-checkout-settings form>h3{margin:5px 0 0!important;padding-top:6px!important}

/* Supply/new supplier: use the canvas instead of a narrow left rail. */
.comercia-supply-layout{grid-template-columns:minmax(0,1fr)!important}
.comercia-supplier-create{max-width:none!important}
.comercia-supplier-create form>.comercia-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Inventory attention is informative, not a second dashboard. */
.comercia-invux-attention{padding:14px!important;margin:12px 0!important;border-radius:15px!important}
.comercia-invux-attention .comercia-invux-section-head{margin-bottom:9px!important}
.comercia-invux-attention-grid{gap:7px!important}
.comercia-invux-attention-card{padding:10px 12px!important;min-height:0!important;border-radius:11px!important}
.comercia-invux-attention-card>div strong{font-size:20px!important}
.comercia-invux-attention-card p{margin:5px 0!important;font-size:10.5px!important}
.comercia-invux-attention-card em{font-size:10px!important}

/* Tracking: tablet rows become three compact lines instead of giant cards. */
.comercia-shipping-row{background:var(--cui-row-gradient)!important;border-color:var(--cui-border)!important;box-shadow:var(--cui-shadow)!important}
@media (min-width:601px) and (max-width:1000px){
  .comercia-shipping-list-head{display:none!important}
  .comercia-shipping-row{
    grid-template-columns:minmax(170px,1.25fr) minmax(120px,.85fr) auto!important;
    grid-template-rows:auto auto auto!important;
    gap:4px 10px!important;
    padding:10px 12px!important;
    min-height:92px!important;
  }
  .comercia-shipping-row>div:nth-child(1){grid-column:1;grid-row:1}
  .comercia-shipping-row>div:nth-child(2){grid-column:1;grid-row:2}
  .comercia-shipping-row>div:nth-child(3){grid-column:2;grid-row:1}
  .comercia-shipping-row>div:nth-child(4){grid-column:2;grid-row:2}
  .comercia-shipping-row>div:nth-child(5){grid-column:2;grid-row:3}
  .comercia-shipping-row>div:nth-child(6){grid-column:1;grid-row:3;text-align:left!important}
  .comercia-shipping-row>div:nth-child(7){grid-column:3;grid-row:1/4;align-self:center}
  .comercia-shipping-row .button{white-space:nowrap!important}
  .comercia-grid.comercia-grid-2,.comercia-form-grid,.comercia-new-supplier-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sf41-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

/* Catalog operational row: strongest density target after Inventory. */
.comercia-catalog-table td{padding:7px 8px!important}
.comercia-catalog-table .pic img{width:48px!important;height:48px!important}
.comercia-catalog-table .actions{gap:4px!important}
.comercia-catalog-table .actions .button,.comercia-catalog-table .actions .comercia-priority{min-height:29px!important;height:29px!important;font-size:10.5px!important}

/* Generic legacy cards: remove needless vertical inflation while keeping hierarchy. */
.comercia-tracking-card,.comercia-order-card,.comercia-detail-card,.comercia-rel-card,.comercia-postsale-row,.comercia-event-card,.comercia-purchase-master-row,.comercia-supplier-result,.comercia-supplier-selected{
  min-height:0!important;
  padding:11px 13px!important;
  border-radius:12px!important;
  gap:7px!important;
}

/* Mobile becomes deliberately single-column; no desktop/tablet rule leaks below 600px. */
@media(max-width:600px){
  .comercia-content{padding:12px!important}
  .comercia-workspace-hero{padding:14px 15px!important}
  .comercia-workspace-hero h1{font-size:24px!important}
  .comercia-panel{padding:13px!important;border-radius:13px!important}
  .comercia-grid.comercia-grid-2,.comercia-form-grid,.comercia-new-supplier-grid,.comercia-assisted-sale-form #comercia-assisted-lines,.comercia-checkout-settings form{grid-template-columns:1fr!important}
  .sf41-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .comercia-toolbar{align-items:stretch!important}
  .comercia-toolbar input[type=search],.comercia-toolbar select,.comercia-toolbar .button{width:100%!important;max-width:none!important}
  .comercia-shipping-row{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important}
  .comercia-loyalty-table form[style*="display:flex"]{grid-template-columns:1fr!important;min-width:180px!important}
}
/* 18.15.6 Marketing compact workflow */
.comercia-marketing-hero{padding:22px 26px!important}.comercia-marketing-hero>div{min-width:0}.comercia-marketing-hero h1{width:auto!important;font-size:30px!important}.comercia-marketing-primary{white-space:nowrap}
.comercia-marketing-tabs-compact{display:flex;gap:6px;overflow-x:auto;padding:4px 0 14px}.comercia-marketing-tabs-compact a{padding:9px 13px;border-radius:999px;text-decoration:none;white-space:nowrap;font-weight:750;color:#475569;background:#fff;border:1px solid #e5e7eb}.comercia-marketing-tabs-compact a.active{background:#fff7ed;color:#c2410c;border-color:#fdba74}
.comercia-marketing-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.comercia-marketing-kpi{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;text-decoration:none;min-height:76px;display:flex;flex-direction:column;justify-content:center}.comercia-marketing-kpi small{color:#64748b;font-weight:700}.comercia-marketing-kpi strong{font-size:26px;color:#0f172a;line-height:1.1;margin-top:4px}
.comercia-marketing-flow{padding:18px 20px!important;margin-bottom:14px}.comercia-marketing-flow h2{font-size:20px!important;margin:0}.comercia-flow-strip{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-top:10px}.comercia-flow-strip span{white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;padding:8px 11px;color:#334155}.comercia-flow-strip span b{display:inline-flex;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;background:#fff7ed;color:#c2410c;margin-right:5px}.comercia-flow-strip i{font-style:normal;color:#94a3b8}
.comercia-marketing-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.comercia-marketing-action{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;text-decoration:none;min-height:72px}.comercia-marketing-action:hover{border-color:#fdba74;box-shadow:0 8px 20px rgba(15,23,42,.05)}.comercia-marketing-action-icon{width:42px;height:42px;border-radius:13px;background:#f8fafc;display:flex;align-items:center;justify-content:center;font-size:21px}.comercia-marketing-action strong{display:block;color:#0f172a;font-size:16px}.comercia-marketing-action small{display:block;color:#64748b;margin-top:2px;line-height:1.3}.comercia-marketing-action>b{font-size:25px;color:#94a3b8}
@media(max-width:900px){.comercia-marketing-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.comercia-marketing-actions{grid-template-columns:1fr}.comercia-marketing-hero{align-items:flex-start!important}.comercia-marketing-primary{width:auto!important}}

/* 18.15.7 — Compact Frame Navigation: global Comercia shell */
.comercia-panel-shell .comercia-header{
  padding:12px 24px!important;
  min-height:58px;
  box-sizing:border-box;
  box-shadow:0 5px 16px rgba(15,23,42,.09)!important;
}
.comercia-panel-shell .comercia-brand{font-size:24px!important;line-height:1.05!important}
.comercia-panel-shell .comercia-subtitle{font-size:12px!important;margin-top:3px!important;opacity:.78}
.comercia-panel-shell .comercia-header-actions{gap:8px!important}
.comercia-panel-shell .comercia-user-chip{padding:6px 10px!important;font-size:12px!important}
.comercia-panel-shell .comercia-mode-btn{padding:6px 10px!important;min-height:32px!important;font-size:12px!important}
.comercia-panel-shell .comercia-nav{
  min-height:44px!important;
  padding:0 20px!important;
  gap:3px!important;
  justify-content:center!important;
  align-items:stretch!important;
  background:rgba(255,255,255,.975)!important;
  border-bottom:1px solid #e7eaf0!important;
  box-shadow:0 2px 8px rgba(15,23,42,.025)!important;
  scrollbar-width:none;
}
.comercia-panel-shell .comercia-nav::-webkit-scrollbar{display:none}
.comercia-panel-shell .comercia-nav a{
  position:relative;
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 11px!important;
  border-radius:0!important;
  background:transparent!important;
  color:#526071!important;
  font-size:12.5px!important;
  font-weight:700!important;
  box-shadow:none!important;
  transition:color .15s ease,background .15s ease!important;
}
.comercia-panel-shell .comercia-nav a:hover{background:#f7f8fa!important;color:#111827!important}
.comercia-panel-shell .comercia-nav a.active{
  background:transparent!important;
  color:#111827!important;
  box-shadow:none!important;
}
.comercia-panel-shell .comercia-nav a.active:after{
  content:"";
  position:absolute;
  left:11px;right:11px;bottom:0;
  height:2px;
  border-radius:2px 2px 0 0;
  background:var(--comercia-primary);
}
@media(max-width:800px){
  .comercia-panel-shell .comercia-header{padding:10px 16px!important;min-height:54px;flex-direction:row!important;align-items:center!important;gap:10px!important}
  .comercia-panel-shell .comercia-brand{font-size:21px!important}
  .comercia-panel-shell .comercia-subtitle{display:none}
  .comercia-panel-shell .comercia-user-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .comercia-panel-shell .comercia-nav{justify-content:flex-start!important;padding:0 10px!important;min-height:42px!important}
  .comercia-panel-shell .comercia-nav a{min-height:42px!important;padding:0 10px!important;font-size:12px!important}
  .comercia-panel-shell .comercia-nav a.active:after{left:10px;right:10px}
}


/* 18.15.8 — Minimal Area Navigation
   The area selector is intentionally part of the workspace surface, not a second header. */
.comercia-panel-shell .comercia-nav{
  min-height:38px!important;
  height:38px!important;
  padding:0 24px!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:center!important;
  background:#f6f8fb!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
.comercia-panel-shell .comercia-nav a{
  min-height:38px!important;
  height:38px!important;
  padding:0 2px!important;
  color:#697586!important;
  font-size:12px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  background:transparent!important;
}
.comercia-panel-shell .comercia-nav a:hover{
  background:transparent!important;
  color:#1f2937!important;
}
.comercia-panel-shell .comercia-nav a.active{
  color:#172033!important;
  font-weight:800!important;
  background:transparent!important;
}
.comercia-panel-shell .comercia-nav a.active:after{
  left:2px!important;
  right:2px!important;
  bottom:2px!important;
  height:2px!important;
  background:var(--comercia-primary)!important;
}
@media(max-width:800px){
  .comercia-panel-shell .comercia-nav{
    min-height:36px!important;
    height:36px!important;
    padding:0 14px!important;
    gap:16px!important;
    justify-content:flex-start!important;
  }
  .comercia-panel-shell .comercia-nav a{
    min-height:36px!important;
    height:36px!important;
    padding:0 1px!important;
    font-size:11.5px!important;
  }
  .comercia-panel-shell .comercia-nav a.active:after{left:1px!important;right:1px!important;bottom:1px!important}
}


/* 18.15.9 — Area Navigation without the grey ribbon.
   Keep the area selector functional, but let it live directly on the workspace canvas. */
.comercia-panel-shell .comercia-nav{
  position:static!important;
  min-height:34px!important;
  height:auto!important;
  padding:3px 22px 0!important;
  margin:0!important;
  gap:18px!important;
  justify-content:center!important;
  align-items:center!important;
  background:transparent!important;
  background-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.comercia-panel-shell .comercia-nav a{
  min-height:31px!important;
  height:31px!important;
  padding:0 1px!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:#737d8c!important;
  font-size:11.75px!important;
  font-weight:650!important;
}
.comercia-panel-shell .comercia-nav a:hover{
  background:transparent!important;
  color:#202938!important;
}
.comercia-panel-shell .comercia-nav a.active{
  background:transparent!important;
  color:#172033!important;
  font-weight:800!important;
}
.comercia-panel-shell .comercia-nav a.active:after{
  left:1px!important;
  right:1px!important;
  bottom:0!important;
  height:2px!important;
  background:var(--comercia-primary)!important;
}
@media(max-width:800px){
  .comercia-panel-shell .comercia-nav{
    min-height:32px!important;
    padding:2px 14px 0!important;
    gap:15px!important;
    justify-content:flex-start!important;
  }
  .comercia-panel-shell .comercia-nav a{
    min-height:30px!important;
    height:30px!important;
    font-size:11.25px!important;
  }
}


/* 18.15.10 — Compact contextual card for Comercia area headers.
   Replaces the oversized COMERCIA / area / description band with a small,
   elegant context card across all area hubs. */
.comercia-panel-hub-hero.compact.comercia-area-context-card{
  min-height:0;
  padding:10px 14px;
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
  color:#172033;
  border:1px solid #e3e8ef;
  box-shadow:0 5px 16px rgba(15,23,42,.045);
  gap:12px;
}
.comercia-area-context-card .comercia-area-context-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.comercia-area-context-card .comercia-area-context-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  background:#f2f6fa;
  border:1px solid #e4eaf0;
  font-size:17px;
  line-height:1;
}
.comercia-area-context-card .comercia-area-context-title{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}
.comercia-area-context-card .comercia-area-context-kicker{
  color:#7b8794;
  opacity:1;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  white-space:nowrap;
}
.comercia-area-context-card .comercia-area-context-title h1{
  margin:0!important;
  color:#172033;
  font-size:19px;
  line-height:1.15;
  font-weight:800;
}
.comercia-area-context-card p{
  margin:2px 0 0;
  color:#6b7280;
  opacity:1;
  font-size:12px;
  line-height:1.35;
}
.comercia-area-context-card .comercia-area-context-back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:5px 9px;
  border-radius:9px;
  border:1px solid #e1e7ee;
  background:#fff;
  color:#44505d;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.comercia-area-context-card .comercia-area-context-back:hover{
  background:#f7f9fb;
  border-color:#cfd8e2;
  color:#172033;
}
@media(max-width:650px){
  .comercia-panel-hub-hero.compact.comercia-area-context-card{
    flex-direction:row;
    align-items:center;
    padding:9px 10px;
  }
  .comercia-area-context-card .comercia-area-context-icon{
    width:30px;height:30px;flex-basis:30px;font-size:15px;border-radius:9px;
  }
  .comercia-area-context-card .comercia-area-context-title{gap:6px;}
  .comercia-area-context-card .comercia-area-context-title h1{font-size:17px;}
  .comercia-area-context-card p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:58vw;}
  .comercia-area-context-card .comercia-area-context-back{min-height:28px;padding:4px 7px;font-size:10px;}
}


/* 18.15.12 — Compact dark-blue contextual cards across Comercia.
   One shared visual component for Ahora and all area hubs. */
.comercia-panel-hub-hero.compact.comercia-area-context-card,
.comercia-native-operations-home .comercia-ops-hero.comercia-area-context-card{
  min-height:0!important;
  margin-bottom:14px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(120deg,#111827 0%,#163f52 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.10)!important;
  align-items:center!important;
  gap:12px!important;
}
.comercia-area-context-card .comercia-area-context-main{display:flex;align-items:center;gap:10px;min-width:0}
.comercia-area-context-card .comercia-area-context-icon{
  display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;
  background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;font-size:17px;line-height:1
}
.comercia-area-context-card .comercia-area-context-title{display:flex;align-items:baseline;gap:8px;min-width:0}
.comercia-area-context-card .comercia-area-context-kicker{
  color:#aebdca!important;opacity:1!important;font-size:9px!important;font-weight:900!important;
  letter-spacing:.12em!important;white-space:nowrap
}
.comercia-area-context-card .comercia-area-context-title h1{
  margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.15!important;font-weight:800!important
}
.comercia-area-context-card p{
  margin:2px 0 0!important;color:#d1d9e2!important;opacity:1!important;font-size:12px!important;line-height:1.35!important
}
.comercia-area-context-card .comercia-area-context-back{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 9px;border-radius:9px;
  border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.08)!important;
  color:#f8fafc!important;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap
}
.comercia-area-context-card .comercia-area-context-back:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.comercia-now-context-card .comercia-ops-pulse{
  min-width:68px!important;height:34px!important;padding:3px 8px!important;border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;
  display:flex!important;flex-direction:row!important;gap:5px!important;align-items:center!important;justify-content:center!important
}
.comercia-now-context-card .comercia-ops-pulse strong{font-size:16px!important;color:#fff!important;line-height:1!important}
.comercia-now-context-card .comercia-ops-pulse small{margin:0!important;font-size:9px!important;color:#dbe4ec!important;white-space:nowrap}
.comercia-now-context-card .comercia-ops-pulse.danger strong{color:#fecaca!important}
.comercia-now-context-card .comercia-ops-pulse.warn strong{color:#fde68a!important}
.comercia-now-context-card .comercia-ops-pulse.ok strong{color:#bbf7d0!important}
@media(max-width:650px){
  .comercia-panel-hub-hero.compact.comercia-area-context-card,
  .comercia-native-operations-home .comercia-ops-hero.comercia-area-context-card{padding:9px 10px!important;flex-direction:row!important}
  .comercia-area-context-card .comercia-area-context-icon{width:30px;height:30px;flex-basis:30px;font-size:15px;border-radius:9px}
  .comercia-area-context-card .comercia-area-context-title{gap:6px}
  .comercia-area-context-card .comercia-area-context-title h1{font-size:17px!important}
  .comercia-area-context-card p{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
  .comercia-area-context-card .comercia-area-context-back{min-height:28px;padding:4px 7px;font-size:10px}
  .comercia-now-context-card .comercia-ops-pulse{min-width:54px!important;height:30px!important;padding:2px 6px!important}
  .comercia-now-context-card .comercia-ops-pulse strong{font-size:14px!important}
}

/* 18.15.13 — Ahora executive three-column lower grid. */
.comercia-native-operations-home .comercia-ops-lower{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}
.comercia-native-operations-home .comercia-ops-lower>.comercia-ops-section{min-width:0}
.comercia-ops-opportunity-list{display:grid}
.comercia-ops-opportunity-list>a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #eef2f7;text-decoration:none!important}
.comercia-ops-opportunity-list>a:last-child{border-bottom:0}
.comercia-ops-opportunity-list>a>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#fff7ed;color:#ea580c;font-weight:900}
.comercia-ops-opportunity-list strong{display:block;font-size:11px;color:#334155}
.comercia-ops-opportunity-list small{display:block;margin-top:2px;font-size:9px!important;color:#64748b;line-height:1.35}
.comercia-ops-mini-empty{display:grid;gap:4px;padding:12px;border-radius:10px;background:#f8fafc}
.comercia-ops-mini-empty strong{font-size:11px;color:#334155}
.comercia-ops-mini-empty span{font-size:9px;color:#64748b;line-height:1.4}
@media(max-width:760px){.comercia-native-operations-home .comercia-ops-lower{grid-template-columns:1fr}}


/* 18.15.14 — Normalize the perceived gap after "Ahora" in the area navigation.
   The first label is shorter than the rest, so its optical spacing looked wider. */
.comercia-panel-shell .comercia-nav{gap:15px!important;}
.comercia-panel-shell .comercia-nav a:first-child{margin-right:-4px!important;}
@media(max-width:800px){
  .comercia-panel-shell .comercia-nav{gap:13px!important;}
  .comercia-panel-shell .comercia-nav a:first-child{margin-right:-3px!important;}
}

/* 18.15.15 — Align Ahora vertically with every other area.
   The native operations home carried legacy top padding, which made the blue
   context card sit noticeably farther below the area navigation than Operación,
   Abastecimiento, Clientes, etc. */
.comercia-panel-shell .comercia-native-operations-home{
  padding-top:0!important;
}
@media(max-width:650px){
  .comercia-panel-shell .comercia-native-operations-home{
    padding-top:0!important;
  }
}

/* 18.15.16 — Secondary Views Identity Pass */
.comercia-panel-module-frame{gap:12px}
.comercia-panel-module-framebar.sf-secondary-context{min-height:70px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(115deg,#101a31 0%,#12394a 100%);box-shadow:0 10px 24px rgba(15,23,42,.10);color:#fff}
.sf-secondary-context-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.sf-secondary-context-copy small{font-size:11px;letter-spacing:.12em;font-weight:900;color:#aebdd0;white-space:nowrap}.sf-secondary-context-copy strong{font-size:22px;line-height:1.1;color:#fff}.sf-secondary-back{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#e7eef7!important;text-decoration:none!important;font-weight:800;white-space:nowrap}
.comercia-panel-module-frame>.comercia-wrap,.comercia-panel-module-frame>.wrap{margin-top:0!important}
.comercia-marketing-hero.sf-secondary-module-hero{min-height:0!important;padding:14px 18px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e3e8ef!important;box-shadow:none!important;color:#0f172a!important}.comercia-marketing-hero.sf-secondary-module-hero small{display:block;font-size:10px;letter-spacing:.12em;font-weight:900;color:#64748b;margin-bottom:2px}.comercia-marketing-hero.sf-secondary-module-hero h1{font-size:23px!important;margin:0 0 2px!important;color:#0f172a!important}.comercia-marketing-hero.sf-secondary-module-hero p{margin:0!important;color:#64748b!important;font-size:14px!important}.comercia-marketing-primary{min-height:38px!important;padding:8px 13px!important;border-radius:11px!important}
.comercia-marketing-tabs-compact{gap:18px!important;padding:2px 4px 10px!important;margin:0 0 10px!important;border-bottom:1px solid #e4e9ef}.comercia-marketing-tabs-compact a{padding:8px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#687386!important;box-shadow:none!important}.comercia-marketing-tabs-compact a.active{color:#111827!important;background:transparent!important;border-bottom:3px solid var(--comercia-primary,#ea580c)!important}
@media(max-width:700px){.comercia-panel-module-framebar.sf-secondary-context{min-height:62px;padding:10px 12px;flex-direction:row;align-items:center}.sf-secondary-context-copy{display:grid;gap:1px}.sf-secondary-context-copy strong{font-size:18px}.sf-secondary-back{width:auto!important;text-align:left!important}.comercia-marketing-hero.sf-secondary-module-hero{display:flex!important;gap:10px!important}.comercia-marketing-hero.sf-secondary-module-hero h1{font-size:20px!important}.comercia-marketing-hero.sf-secondary-module-hero p{font-size:13px!important}}

/* 18.15.18 — Header System Pass
   One header grammar for every embedded Comercia module:
   icon + area kicker + module title + one-line purpose + back action. */
.comercia-panel-module-framebar.sf-secondary-context{
  min-height:0!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  background:linear-gradient(120deg,#111827 0%,#163f52 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.10)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.sf-secondary-context-main{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.sf-secondary-context-icon{
  display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;
  background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.12);font-size:17px;line-height:1
}
.sf-secondary-context-copy{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:8px!important;row-gap:1px!important;align-items:baseline!important;min-width:0!important}
.sf-secondary-context-copy small{grid-column:1;font-size:9px!important;letter-spacing:.12em!important;font-weight:900!important;color:#aebdca!important;white-space:nowrap!important}
.sf-secondary-context-copy strong{grid-column:2;font-size:19px!important;line-height:1.15!important;color:#fff!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.sf-secondary-context-copy p{grid-column:1 / -1;margin:1px 0 0!important;color:#d1d9e2!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf-secondary-back{min-height:30px!important;padding:5px 9px!important;border-radius:9px!important;font-size:11px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;color:#f8fafc!important}

/* The contextual card is the heading. Legacy module hero blocks must not repeat it. */
.comercia-panel-module-frame .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child,
.comercia-panel-module-frame .comercia-panel-embedded-module>.comercia-workspace-hero.small.tracking-hero:first-child,
.comercia-panel-module-frame .comercia-panel-embedded-module>.comercia-marketing-hero.sf-secondary-module-hero:first-child{
  display:none!important;
}
/* Semaphore's first panel was only an introductory header paragraph. */
.comercia-module-semaforo .comercia-panel-embedded-module>.comercia-panel:first-child{display:none!important}

/* Secondary navigation follows the same quiet underline pattern as the Frame. */
.comercia-module-abastecimiento .comercia-tabs,
.comercia-marketing-tabs-compact{
  display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:nowrap!important;
  overflow-x:auto!important;padding:2px 4px 8px!important;margin:0!important;border:0!important;
}
.comercia-module-abastecimiento .comercia-panel:has(>.comercia-tabs){
  padding:8px 16px!important;margin-bottom:12px!important;border-radius:14px!important;background:#fff!important;
}
.comercia-module-abastecimiento .comercia-tabs a,
.comercia-marketing-tabs-compact a{
  position:relative!important;display:inline-flex!important;align-items:center!important;min-height:32px!important;
  padding:6px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;
  color:#687386!important;box-shadow:none!important;text-decoration:none!important;font-weight:800!important;white-space:nowrap!important
}
.comercia-module-abastecimiento .comercia-tabs a.button-primary,
.comercia-marketing-tabs-compact a.active{color:#111827!important;background:transparent!important}
.comercia-module-abastecimiento .comercia-tabs a.button-primary:after,
.comercia-marketing-tabs-compact a.active:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--comercia-primary,#ea580c)
}

/* Remove content-level duplicate titles where the new contextual header already names the module. */
.comercia-module-clientes .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child,
.comercia-module-venta-asistida .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child,
.comercia-module-tracking .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child,
.comercia-module-integraciones-foundation .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child,
.comercia-module-recuperacion .comercia-panel-embedded-module>.comercia-workspace-hero.small:first-child{display:none!important}

@media(max-width:700px){
  .comercia-panel-module-framebar.sf-secondary-context{padding:9px 10px!important;gap:8px!important}
  .sf-secondary-context-icon{width:30px;height:30px;flex-basis:30px;font-size:15px;border-radius:9px}
  .sf-secondary-context-copy{column-gap:6px!important}
  .sf-secondary-context-copy small{font-size:8px!important}
  .sf-secondary-context-copy strong{font-size:17px!important}
  .sf-secondary-context-copy p{font-size:10.5px!important;max-width:58vw}
  .sf-secondary-back{min-height:28px!important;padding:4px 7px!important;font-size:10px!important}
  .comercia-module-abastecimiento .comercia-tabs,.comercia-marketing-tabs-compact{gap:14px!important}
}

/* 18.15.19 — Tracking responsive layout + secondary-tab consistency.
   Fix tablet shipping cards that could collapse/overlap and make Lista/Tablero
   follow the same quiet underline grammar used by the rest of Comercia. */
.comercia-tracking-view-switch{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:0 0 12px!important;
  padding:2px 4px 8px!important;
  border:0!important;
  overflow-x:auto!important;
}
.comercia-tracking-view-switch .button{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  height:auto!important;
  padding:6px 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#687386!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.comercia-tracking-view-switch .button.button-primary{
  color:#111827!important;
}
.comercia-tracking-view-switch .button.button-primary:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  border-radius:2px;
  background:var(--comercia-primary,#ea580c);
}

@media (min-width:601px) and (max-width:1000px){
  .comercia-shipping-row{
    display:grid!important;
    grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(105px,.75fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:5px!important;
    align-items:center!important;
    min-height:0!important;
    padding:12px 14px!important;
  }
  .comercia-shipping-row>div{
    position:static!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1.25!important;
    align-self:center!important;
  }
  .comercia-shipping-row>div:nth-child(1){grid-column:1!important;grid-row:1!important}
  .comercia-shipping-row>div:nth-child(2){grid-column:1!important;grid-row:2!important}
  .comercia-shipping-row>div:nth-child(3){grid-column:2!important;grid-row:1!important}
  .comercia-shipping-row>div:nth-child(4){grid-column:2!important;grid-row:2!important}
  .comercia-shipping-row>div:nth-child(5){grid-column:3!important;grid-row:1!important}
  .comercia-shipping-row>div:nth-child(6){grid-column:3!important;grid-row:2!important;text-align:left!important}
  .comercia-shipping-row>div:nth-child(7){grid-column:4!important;grid-row:1 / 3!important;align-self:center!important}
  .comercia-shipping-row strong,
  .comercia-shipping-row small,
  .comercia-shipping-row .comercia-shipping-stage{
    position:static!important;
    margin:0!important;
    line-height:1.25!important;
  }
  .comercia-shipping-row small{
    margin-top:2px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .comercia-shipping-stage{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .comercia-shipping-row .button{
    min-height:34px!important;
    padding:7px 10px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:600px){
  .comercia-tracking-view-switch{gap:14px!important;margin-bottom:10px!important}
  .comercia-shipping-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    gap:5px 10px!important;
    min-height:0!important;
    padding:11px!important;
  }
  .comercia-shipping-row>div{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
    position:static!important;
    margin:0!important;
    line-height:1.25!important;
  }
  .comercia-shipping-row>div:nth-child(7){grid-column:2!important;grid-row:1 / 7!important;align-self:center!important}
  .comercia-shipping-total{text-align:left!important}
}

/* 18.15.20 — Tracking board tablet refinement.
   Keep readable columns, make horizontal continuation intentional, compact sparse cards,
   and align the edit action with Comercia secondary-action grammar. */
.comercia-tracking-kanban{
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
}
.comercia-kanban-card{min-height:0!important}
.comercia-kanban-card-top{align-items:center!important}
.comercia-kanban-details{margin-top:10px!important}
.comercia-kanban-details>summary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-height:34px!important;
  padding:6px 11px!important;
  border:1px solid #cbd5e1!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-weight:800!important;
  text-decoration:none!important;
  cursor:pointer!important;
  list-style:none!important;
}
.comercia-kanban-details>summary::-webkit-details-marker{display:none}
.comercia-kanban-details>summary:hover{background:#fff!important;border-color:#94a3b8!important}

@media (min-width:701px) and (max-width:1100px){
  .comercia-tracking-kanban{
    display:flex!important;
    gap:14px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    padding:4px 34px 18px 2px!important;
    -webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);
    -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);
  }
  .comercia-tracking-column{
    flex:0 0 clamp(250px,29vw,285px)!important;
    min-width:clamp(250px,29vw,285px)!important;
    scroll-snap-align:start!important;
    padding:10px!important;
  }
  .comercia-tracking-column-head{margin-bottom:10px!important;padding:6px 6px 10px!important}
  .comercia-tracking-column-body{gap:10px!important}
  .comercia-kanban-card{padding:12px!important;border-radius:18px!important}
  .comercia-kanban-customer{margin-top:8px!important}
  .comercia-kanban-meta{margin-top:8px!important;gap:6px!important}
  .comercia-kanban-details{margin-top:9px!important}
}


/* 18.15.21 — Tracking board: corrección efectiva en tablet landscape.
   La 18.15.20 dependía de un breakpoint demasiado bajo para varias tablets.
   Este bloque hace explícito el desplazamiento y evita columnas parcialmente cortadas. */
.comercia-kanban-scroll-hint{
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin:4px 4px 8px;
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.comercia-kanban-scroll-hint b{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#eef2f7;
  color:#334155;
  font-size:16px;
}

@media (min-width:701px) and (max-width:1450px){
  .comercia-kanban-scroll-hint{display:flex!important}
  .comercia-tracking-kanban{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:2px!important;
    padding:4px 2px 18px!important;
    margin-top:8px!important;
    -webkit-overflow-scrolling:touch!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  .comercia-tracking-column{
    box-sizing:border-box!important;
    flex:0 0 calc((100% - 28px)/3)!important;
    width:calc((100% - 28px)/3)!important;
    min-width:260px!important;
    max-width:none!important;
    scroll-snap-align:start!important;
  }
  .comercia-tracking-kanban::after{
    content:'';
    flex:0 0 18px;
  }
}

@media (min-width:1101px) and (max-width:1450px){
  .comercia-tracking-column{
    flex-basis:calc((100% - 28px)/3)!important;
    width:calc((100% - 28px)/3)!important;
  }
}

@media (max-width:700px){
  .comercia-kanban-scroll-hint{display:flex!important;justify-content:space-between!important}
}


/* 18.15.22 — Intelligence visual system pass
 * Unifies Semáforo, Recomendaciones, Finanzas and Informes around a denser executive language. */
.comercia-intelligence-view{
  --intel-ink:#162033;
  --intel-muted:#687586;
  --intel-line:#d9e1e9;
  --intel-soft:#f6f8fb;
  --intel-navy:#142033;
  --intel-teal:#174f65;
  display:grid;
  gap:14px;
}
.comercia-intel-lead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 18px;
  border:1px solid var(--intel-line);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
  box-shadow:0 1px 3px rgba(15,23,42,.035);
}
.comercia-intel-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#738096;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.comercia-intel-lead h2,
.comercia-intel-section-head h2{
  margin:0!important;
  color:var(--intel-ink);
  font-size:22px!important;
  line-height:1.15;
}
.comercia-intel-lead p,
.comercia-intel-section-head p{
  margin:4px 0 0!important;
  color:var(--intel-muted);
  font-size:13px;
  line-height:1.45;
}
.comercia-intel-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(86px,1fr));
  gap:8px;
  min-width:min(420px,45%);
}
.comercia-intel-mini{
  min-height:58px;
  padding:9px 10px;
  border:1px solid #e0e6ed;
  border-radius:12px;
  background:#fff;
}
.comercia-intel-mini strong{display:block;font-size:22px;line-height:1;color:#172033}
.comercia-intel-mini span{display:block;margin-top:5px;color:#728094;font-size:10px;font-weight:800}
.comercia-intel-mini.is-red{border-top:3px solid #dc2626}
.comercia-intel-mini.is-yellow{border-top:3px solid #d97706}
.comercia-intel-mini.is-blue{border-top:3px solid #2563eb}
.comercia-intel-mini.is-green{border-top:3px solid #16a34a}

.comercia-intel-section{
  padding:15px 16px;
  border:1px solid var(--intel-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.03);
}
.comercia-intel-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.comercia-intel-section-head>span{
  display:inline-flex;
  min-width:30px;
  height:30px;
  padding:0 8px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:12px;
  font-weight:900;
}
.comercia-intel-section-head.wide{align-items:flex-start}
.comercia-intel-alerts{grid-template-columns:1fr!important;gap:8px!important}
.comercia-intel-alert{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:62px;
  padding:11px 12px!important;
  margin:0!important;
  border:1px solid #e1e7ee!important;
  border-left-width:4px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)!important;
  color:var(--intel-ink)!important;
  box-shadow:none!important;
}
.comercia-intel-alert-copy b{display:block;font-size:13px;line-height:1.3}
.comercia-intel-alert-copy>div{margin-top:3px;color:var(--intel-muted);font-size:12px;line-height:1.4}
.comercia-intel-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.comercia-intel-alert .button{
  min-height:32px!important;
  padding:0 10px!important;
  line-height:30px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.comercia-intel-alert .button:not(.button-primary){background:#fff!important;border-color:#d6dee7!important;color:#334155!important}
.comercia-intel-alert .button-primary{background:#ff8200!important;border-color:#ff8200!important;color:#fff!important}

.comercia-intelligence-recommendations>.comercia-panel{
  padding:15px 16px!important;
  border-radius:16px!important;
  margin:0!important;
}
.comercia-intelligence-recommendations table,
.comercia-intelligence-finance table{
  border-collapse:separate!important;
  border-spacing:0 6px!important;
  background:transparent!important;
  border:0!important;
}
.comercia-intelligence-recommendations table th,
.comercia-intelligence-finance table th{
  padding:5px 8px!important;
  color:#718096!important;
  font-size:10px!important;
  text-transform:uppercase;
  letter-spacing:.05em;
  border:0!important;
  background:transparent!important;
}
.comercia-intelligence-recommendations table td,
.comercia-intelligence-finance table td{
  padding:9px 8px!important;
  background:#fff!important;
  border-top:1px solid #e2e8f0!important;
  border-bottom:1px solid #e2e8f0!important;
}
.comercia-intelligence-recommendations table td:first-child,
.comercia-intelligence-finance table td:first-child{border-left:1px solid #e2e8f0!important;border-radius:10px 0 0 10px}
.comercia-intelligence-recommendations table td:last-child,
.comercia-intelligence-finance table td:last-child{border-right:1px solid #e2e8f0!important;border-radius:0 10px 10px 0}

.comercia-intel-tabs{
  display:flex;
  gap:4px 20px;
  align-items:center;
  overflow-x:auto;
  padding:2px 2px 8px;
  border-bottom:1px solid #e3e8ee;
}
.comercia-intel-tabs a{
  position:relative;
  flex:0 0 auto;
  padding:8px 1px 10px;
  color:#667386;
  text-decoration:none!important;
  font-weight:800;
}
.comercia-intel-tabs a.active{color:#172033}
.comercia-intel-tabs a.active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:3px;
  border-radius:3px;
  background:#ff8200;
}
.comercia-intelligence-finance .comercia-grid{
  gap:10px!important;
}
.comercia-intelligence-finance .comercia-panel{
  padding:15px 16px!important;
  margin-bottom:0!important;
  border-radius:14px!important;
}
.comercia-intelligence-finance .comercia-panel h2,
.comercia-intelligence-finance .comercia-panel h3{
  margin:0 0 7px!important;
  font-size:16px!important;
}
.comercia-intelligence-finance .comercia-panel p[style*="font-size:28px"],
.comercia-intelligence-finance .comercia-panel p[style*="font-size:26px"]{
  margin:5px 0!important;
  font-size:25px!important;
  color:#172033!important;
}

.comercia-intelligence-reports .sf30-action-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.comercia-intelligence-reports .sf30-card{
  min-height:0!important;
  padding:14px 15px!important;
  border-radius:14px!important;
}
.comercia-intelligence-reports .sf30-card h2{font-size:16px!important;margin:0 0 4px!important}
.comercia-intelligence-reports .sf30-card p{font-size:12px!important;line-height:1.4!important}

/* Intelligence hub: slightly denser than operational areas, without losing hierarchy. */
.comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-area-module-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-panel-module{
  grid-template-columns:30px 1fr 14px;
  min-height:72px;
  padding:10px 11px;
}
.comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-panel-module>span{font-size:18px}
.comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-panel-module strong{font-size:13px}
.comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-panel-module small{font-size:10.5px;line-height:1.3}

@media(max-width:1200px){
  .comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-area-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .comercia-intel-lead{align-items:flex-start;flex-direction:column}
  .comercia-intel-summary{width:100%;min-width:0}
  .comercia-intel-alert{grid-template-columns:1fr!important}
  .comercia-intel-actions{justify-content:flex-start}
}
@media(max-width:620px){
  .comercia-intel-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comercia-intelligence-reports .sf30-action-grid{grid-template-columns:1fr!important}
  .comercia-panel-hub:has(.comercia-area-module-grid a[href*="comercia-semaforo"]) .comercia-area-module-grid{grid-template-columns:1fr}
}

/* 18.15.23 — Reports Center: live intelligence instead of placeholder cards */
.comercia-reports-live{gap:12px!important}
.comercia-report-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:14px 16px;border:1px solid #d9e1e9;border-radius:16px;background:#fff;
}
.comercia-report-toolbar h2{margin:0;color:#162033;font-size:22px;line-height:1.1}
.comercia-report-toolbar p{margin:4px 0 0;color:#687586;font-size:13px}
.comercia-report-filters{display:flex;align-items:end;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.comercia-report-filters label{display:grid;gap:4px;color:#66758a;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.comercia-report-filters select{min-width:120px;height:36px;border-color:#d7dee7;border-radius:10px;background:#fff}
.comercia-report-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center!important;gap:6px!important;height:36px;padding:0 9px;border:1px solid #e0e6ed;border-radius:10px;background:#f8fafc;text-transform:none!important;letter-spacing:0!important;font-size:11px!important}
.comercia-report-filters .button{height:36px;border-radius:10px!important;padding:0 14px!important}
.comercia-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.comercia-report-kpi{position:relative;min-width:0;padding:12px 13px;border:1px solid #dce3eb;border-radius:14px;background:#fff}
.comercia-report-kpi>span{display:block;color:#718096;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.comercia-report-kpi>strong{display:block;margin-top:5px;color:#152033;font-size:23px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comercia-report-kpi small{display:block;margin-top:7px;color:#7b8796;font-size:10px;line-height:1.25}
.comercia-report-delta{display:inline-flex;margin-top:7px;padding:3px 6px;border-radius:999px;font-size:10px;font-weight:900}
.comercia-report-delta.up{background:#ecfdf3;color:#16794b}.comercia-report-delta.down{background:#fff1f2;color:#b42318}.comercia-report-delta.neutral{background:#f1f5f9;color:#64748b}
.comercia-report-findings{padding:14px 15px;border:1px solid #d9e1e9;border-radius:16px;background:#fff}
.comercia-report-findings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.comercia-report-finding{min-height:70px;padding:11px 12px;border-radius:12px;border:1px solid #e1e7ee;background:#f8fafc}
.comercia-report-finding b,.comercia-report-finding span{display:block}.comercia-report-finding b{color:#182235;font-size:12px}.comercia-report-finding span{margin-top:4px;color:#687586;font-size:11px;line-height:1.35}
.comercia-report-finding.good{border-left:3px solid #16a34a}.comercia-report-finding.warn{border-left:3px solid #d97706}.comercia-report-finding.info{border-left:3px solid #2563eb}
.comercia-report-analysis-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr;gap:10px;align-items:stretch}
.comercia-report-ranking,.comercia-report-sources{display:grid;gap:0}
.comercia-report-ranking>div,.comercia-report-sources>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-top:1px solid #edf1f5}
.comercia-report-ranking>div:first-child,.comercia-report-sources>div:first-child{border-top:0}
.comercia-report-ranking em{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f1f5f9;color:#66758a;font-style:normal;font-size:10px;font-weight:900}
.comercia-report-ranking span,.comercia-report-sources span{min-width:0}.comercia-report-ranking b,.comercia-report-sources b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1b2638;font-size:11px}.comercia-report-ranking small,.comercia-report-sources small{display:block;margin-top:2px;color:#7b8796;font-size:10px}.comercia-report-ranking strong,.comercia-report-sources strong{color:#243149;font-size:11px;white-space:nowrap}
.comercia-report-sources>div{grid-template-columns:minmax(0,1fr) auto}
.comercia-report-health{display:grid;gap:8px}.comercia-report-health>div{padding:10px;border-radius:12px;background:#f7f9fc;border:1px solid #e5eaf0}.comercia-report-health strong{display:block;color:#162033;font-size:20px}.comercia-report-health span{display:block;margin-top:3px;color:#718096;font-size:10px;line-height:1.25}
.comercia-report-next{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-radius:16px;background:linear-gradient(100deg,#142033,#174f65);color:#fff}
.comercia-report-next h2{margin:0;color:#fff;font-size:18px}.comercia-report-next p{margin:4px 0 0;color:#d2dbe5;font-size:11px;line-height:1.4}.comercia-report-next .comercia-intel-eyebrow{color:#9fb1c4}.comercia-report-secondary{flex:none;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:900}
@media (max-width:1200px){.comercia-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.comercia-report-findings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comercia-report-analysis-grid{grid-template-columns:1fr 1fr}.comercia-report-analysis-grid>.comercia-intel-section:last-child{grid-column:1/-1}}
@media (max-width:760px){.comercia-report-toolbar{align-items:flex-start;flex-direction:column}.comercia-report-filters{justify-content:flex-start;width:100%}.comercia-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.comercia-report-findings-grid,.comercia-report-analysis-grid{grid-template-columns:1fr}.comercia-report-analysis-grid>.comercia-intel-section:last-child{grid-column:auto}.comercia-report-next{align-items:flex-start;flex-direction:column}}

/* 18.15.24 — Finance visual refinement
 * Removes the warm/pink legacy canvas, eliminates duplicate page title,
 * and turns Finance summary into compact executive cards. */
.comercia-module-finanzas .comercia-panel-embedded-module>.wrap.comercia-app{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  margin:0!important;
}
.comercia-module-finanzas .comercia-panel-embedded-module .comercia-content{
  padding:0!important;
  background:transparent!important;
}
.comercia-module-finanzas .comercia-panel-embedded-module .comercia-content>h1:first-child{
  display:none!important;
}
.comercia-module-finanzas .comercia-intelligence-finance{
  gap:10px!important;
  padding:0!important;
  background:transparent!important;
}
.comercia-module-finanzas .comercia-intel-tabs{
  margin:0 0 2px!important;
  padding:2px 2px 7px!important;
  background:transparent!important;
}
.comercia-finance-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.comercia-finance-kpi{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"copy value" "meta meta";
  align-items:center;
  gap:7px 14px;
  min-height:88px;
  padding:13px 15px;
  border:1px solid #dbe3eb;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 3px rgba(15,23,42,.035);
}
.comercia-finance-kpi>div:first-child{grid-area:copy;min-width:0}
.comercia-finance-kpi h2{margin:1px 0 0!important;font-size:14px!important;line-height:1.25!important;color:#172033!important}
.comercia-finance-value{grid-area:value;font-size:24px;line-height:1;color:#172033;white-space:nowrap}
.comercia-finance-meta{grid-area:meta;display:flex;gap:14px;flex-wrap:wrap;color:#6b7788;font-size:11px}
.comercia-finance-meta span{display:inline-flex;gap:5px;align-items:baseline}
.comercia-finance-meta b{color:#243247;font-size:11px}
.comercia-finance-note{grid-area:meta;margin:0!important;color:#6b7788!important;font-size:11px!important;line-height:1.35!important}
.comercia-module-finanzas .comercia-intelligence-finance>.comercia-grid,
.comercia-module-finanzas .comercia-intelligence-finance>.comercia-panel{
  margin-top:0!important;
}
.comercia-module-finanzas .comercia-intelligence-finance .comercia-panel{
  background:#fff!important;
  border-color:#dbe3eb!important;
  box-shadow:0 1px 3px rgba(15,23,42,.025)!important;
}
@media(max-width:900px){
  .comercia-finance-summary{grid-template-columns:1fr 1fr}
  .comercia-finance-kpi{padding:11px 12px;min-height:82px}
  .comercia-finance-value{font-size:21px}
}
@media(max-width:620px){
  .comercia-finance-summary{grid-template-columns:1fr}
  .comercia-finance-kpi{grid-template-columns:1fr;grid-template-areas:"copy" "value" "meta"}
}

/* 18.15.25 — Finance identity hard reset
 * Finance must use the same cool-neutral canvas as the rest of Intelligence.
 * Do not inherit the active skin's warm Zhooppy background inside embedded finance views. */
.comercia-module-finanzas,
.comercia-module-finanzas .comercia-panel-embedded-module,
.comercia-module-finanzas .comercia-panel-embedded-module .wrap.comercia-app,
.comercia-module-finanzas .comercia-panel-embedded-module .comercia-app,
.comercia-module-finanzas .comercia-panel-embedded-module .comercia-content,
.comercia-module-finanzas .comercia-intelligence-finance{
  background:#f6f8fb!important;
}
.comercia-module-finanzas .comercia-panel-embedded-module .wrap.comercia-app{
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  margin:0!important;
}
.comercia-module-finanzas .comercia-panel-embedded-module .comercia-content{
  padding:0!important;
}
.comercia-module-finanzas .comercia-intelligence-finance{
  padding:0!important;
  gap:10px!important;
}
.comercia-module-finanzas .comercia-intel-tabs{
  background:#f6f8fb!important;
  border-bottom:1px solid #dfe5ec!important;
  margin:0 0 10px!important;
  padding:2px 4px 8px!important;
}
.comercia-module-finanzas .comercia-intel-tabs a{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#687586!important;
  padding:7px 2px!important;
  min-height:30px!important;
}
.comercia-module-finanzas .comercia-intel-tabs a.active{
  color:#111827!important;
  border-bottom:2px solid var(--comercia-primary,#ff7a00)!important;
}
.comercia-module-finanzas .comercia-panel{
  background:#fff!important;
  border:1px solid #dbe3eb!important;
  border-radius:14px!important;
  box-shadow:0 1px 3px rgba(15,23,42,.03)!important;
  padding:16px!important;
  margin-bottom:10px!important;
}
.comercia-module-finanzas .comercia-grid-2{
  gap:10px!important;
}
.comercia-module-finanzas .comercia-panel h2,
.comercia-module-finanzas .comercia-panel h3{
  margin-top:0!important;
  color:#172033!important;
}
.comercia-module-finanzas .comercia-panel h2{font-size:17px!important}
.comercia-module-finanzas .comercia-panel h3{font-size:14px!important}
.comercia-module-finanzas .comercia-panel p{margin-top:8px;margin-bottom:8px}
.comercia-module-finanzas .comercia-panel input,
.comercia-module-finanzas .comercia-panel select,
.comercia-module-finanzas .comercia-panel textarea{
  max-width:100%!important;
  border-color:#d7dee7!important;
  border-radius:10px!important;
  box-shadow:none!important;
  background:#fff!important;
}
.comercia-module-finanzas .comercia-panel textarea{min-height:72px!important}
.comercia-module-finanzas .widefat{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.comercia-module-finanzas .widefat thead th{
  background:transparent!important;
  color:#718096!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
.comercia-module-finanzas .widefat tbody td{
  background:#fff!important;
  border-top:1px solid #edf1f5!important;
}
.comercia-module-finanzas .widefat tbody tr:first-child td{border-top:0!important}
@media(max-width:900px){
  .comercia-module-finanzas .comercia-grid-2{grid-template-columns:1fr!important}
  .comercia-module-finanzas .comercia-panel{padding:14px!important}
}


/* 18.15.26 — Panel canvas normalization
 * The active storefront skin may define --comercia-bg (Zhooppy = warm #fff7ed),
 * but the private OS panel uses a neutral operational canvas. This prevents
 * warm rails from leaking around embedded Finance/Intelligence modules. */
.comercia-panel-shell>.comercia-app,
.comercia-panel-shell .comercia-app.comercia-app-fullscreen{
  background:#f6f8fb!important;
}
.comercia-panel-shell .comercia-content{
  background:#f6f8fb!important;
}
.comercia-panel-shell .comercia-module-finanzas,
.comercia-panel-shell .comercia-module-finanzas .comercia-panel-embedded-module,
.comercia-panel-shell .comercia-module-finanzas .comercia-intelligence-finance{
  background:#f6f8fb!important;
}

/* Store Edition 18.16.1 */
.comercia-store-hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.comercia-store-hero small{font-weight:800;letter-spacing:.12em;color:#64748b}.comercia-store-hero h2{font-size:30px;margin:6px 0}.comercia-store-status{display:grid;gap:5px;min-width:150px;text-align:center}.comercia-store-status strong{font-size:34px}.comercia-store-status span{color:#64748b;font-weight:700}.comercia-store-choice{display:grid;gap:7px;padding:18px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;cursor:pointer}.comercia-store-choice strong{font-size:16px}.comercia-store-choice span{color:#64748b;font-size:13px}.comercia-store-checks{display:flex;gap:12px 20px;flex-wrap:wrap}.comercia-store-checks label{padding:9px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}@media(max-width:760px){.comercia-store-hero{align-items:flex-start;flex-direction:column}.comercia-store-status{text-align:left}}