.commercial-page{background:#f6f7f3;flex:1;min-height:0;padding:28px 32px 40px;overflow:auto}.commercial-intro{justify-content:space-between;align-items:center;gap:20px;max-width:1500px;margin:0 auto 20px;display:flex}.commercial-intro small{color:#f97316;letter-spacing:1px;font-size:10px;font-weight:800}.commercial-intro h2{margin:5px 0;font-size:27px}.commercial-intro p{color:#718078;margin:0}.commercial-actions{align-items:center;gap:8px;display:flex}.commercial-actions button,.commercial-contacts header>button{color:#fff;background:#ff7a00;border:0;border-radius:10px;padding:12px 17px;font-weight:700}.commercial-actions button{align-items:center;gap:6px;display:flex}.commercial-actions button svg{width:15px;height:15px}.commercial-actions button.secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.commercial-tabs{background:#fff;border:1px solid #e2e9e4;border-radius:12px;gap:5px;width:max-content;max-width:1500px;margin:0 auto 16px;padding:5px;display:flex}.commercial-tabs button{color:#64748b;background:0 0;border:0;border-radius:8px;padding:9px 16px;font-size:12px}.commercial-tabs button.active{color:#fff;background:#0f172a}.portal .commercial-tabs{flex-flow:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;display:flex;overflow-x:auto}.portal .commercial-tabs button{color:#334155;flex:none;width:auto;padding:9px 16px;font-weight:700;display:block}.portal .commercial-tabs button:hover{color:#0f172a;background:#f1f5f9}.portal .commercial-tabs button.active{color:#fff;background:#0f172a}.commercial-metrics{grid-template-columns:repeat(9,1fr);gap:10px;max-width:1500px;margin:0 auto 18px;display:grid}.commercial-metrics article{background:#fff;border:1px solid #e2e9e4;border-radius:12px;flex-direction:column;padding:15px;display:flex}.commercial-metrics small{color:#718078;min-height:24px;font-size:9px}.commercial-metrics b{font-size:24px}.commercial-list{background:#fff;border:1px solid #e2e9e4;border-radius:14px;max-width:1500px;margin:auto;overflow:auto}.commercial-list>header{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.commercial-list>header>div{flex-direction:column;display:flex}.commercial-list>header small{color:#718078;margin-top:3px}.commercial-list>header label{border:1px solid #e2e9e4;border-radius:9px;align-items:center;gap:7px;width:380px;height:40px;padding:0 10px;display:flex}.commercial-list>header svg{color:#94a3b8;width:17px}.commercial-list>header input{width:100%;box-shadow:none;border:0;padding:0}.commercial-filters{align-items:center;gap:8px;padding:0 20px 15px;display:flex}.commercial-filters select{padding:8px;font-size:10px}.commercial-filters>button{color:#475569;white-space:nowrap;text-underline-offset:2px;background:0 0;border:0;padding:8px;font-size:10px;font-weight:700;text-decoration:underline}.commercial-filters>button:hover{color:#0f172a}.commercial-list table{border-collapse:collapse;width:100%;min-width:1050px}.commercial-list th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-block:1px solid #e2e9e4;padding:0;font-size:9px}.commercial-list th>button{width:100%;color:inherit;font:inherit;text-align:left;text-transform:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:12px 16px;font-weight:700;display:flex}.commercial-list th>button:hover{color:#0f172a;background:#f1f5f9}.commercial-list th>button svg{width:12px;height:12px}.commercial-list td{border-bottom:1px solid #eef2ef;padding:14px 16px;font-size:12px}.commercial-list tbody tr{cursor:pointer}.commercial-list tbody tr:hover{background:#fffaf5}.commercial-list td b,.commercial-list td small{display:block}.commercial-list td small{color:#718078;margin-top:3px;font-size:9px}.commercial-list mark{border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.commercial-list mark.alta{color:#b65308;background:#fff0e4}.commercial-list mark.media{color:#8a6d00;background:#fff8dc}.commercial-list mark.baja{color:#047857;background:#ecfdf5}.commercial-list mark.sin_definir{color:#64748b;background:#f1f5f9}.commercial-pagination{border-top:1px solid #e2e9e4;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.commercial-pagination span{color:#334155;font-size:11px;font-weight:700}.commercial-pagination button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:700}.commercial-pagination button:disabled{opacity:.4;cursor:not-allowed}.commercial-error{color:#b65308;background:#fff0e4;border-radius:8px;margin:12px 20px;padding:10px;font-size:11px}.commercial-empty{text-align:center;padding:55px}.commercial-modal{z-index:100;background:#0b1426aa;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.commercial-modal>form{background:#fff;border-radius:16px;gap:18px;width:min(880px,100%);max-height:92vh;padding:24px;display:grid;overflow:auto}.commercial-modal form>header{justify-content:space-between;display:flex}.commercial-modal h2{margin:4px 0}.commercial-modal header small{color:#f97316;font-size:9px;font-weight:800}.commercial-modal header>button{background:0 0;border:0}.commercial-modal header svg{width:19px}.commercial-formgrid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.commercial-checks{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.commercial-checks label{flex-direction:row;align-items:center;gap:6px;display:flex}.commercial-modal form>footer{justify-content:flex-end;gap:8px;display:flex}.commercial-modal form>footer button{background:#fff;border:1px solid #e2e9e4;border-radius:9px;padding:10px 16px}.commercial-modal form>footer button:last-child{color:#fff;background:#ff7a00;border-color:#ff7a00}.commercial-contacts{background:#f8fafc;border:1px solid #e2e9e4;border-radius:12px;padding:16px}.commercial-contacts>header{justify-content:space-between;align-items:center;display:flex}.commercial-contacts>header>div{flex-direction:column;display:flex}.commercial-contacts>header small{color:#718078}.commercial-contacts header>button{padding:8px 11px;font-size:10px}.commercial-contactform{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0;display:grid}.commercial-contactform button{color:#fff;background:#0f172a;border:0;border-radius:8px}.commercial-contacts>article{border-bottom:1px solid #e2e9e4;align-items:center;gap:12px;padding:10px 0;display:flex}.commercial-contacts>article>span{flex-direction:column;flex:1;display:flex}.commercial-contacts article small{color:#718078}.commercial-contacts article a{color:#c45e00;align-items:center;gap:4px;text-decoration:none;display:flex}.commercial-contacts article a svg{width:13px}.commercial-contacts article>button{color:#dc2626;background:0 0;border:0;font-size:10px}@media (max-width:1100px){.commercial-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.commercial-page{padding:18px 12px}.commercial-intro{align-items:flex-start}.commercial-tabs{width:100%;overflow:auto}.commercial-metrics{grid-template-columns:repeat(2,1fr)}.commercial-list>header{flex-direction:column;align-items:stretch;gap:10px}.commercial-list>header label{width:100%}.commercial-filters{flex-wrap:nowrap;overflow:auto}.commercial-formgrid,.commercial-contactform{grid-template-columns:1fr}}.commercial-web{color:#c45e00;align-items:center;gap:4px;width:max-content;max-width:180px;margin-top:3px;font-size:9px;text-decoration:none;display:flex}.commercial-web:hover{text-decoration:underline}.commercial-web svg{width:11px;height:11px}.commercial-quick-select{background:#fff;border:1px solid #d8e0da;border-radius:8px;min-width:92px;max-width:170px;padding:7px 9px;font-size:10px}.commercial-state-select{min-width:145px}.commercial-quick-select:disabled{opacity:.55}.commercial-quick-select.priority-alta{color:#b65308;background:#fff0e4}.commercial-quick-select.priority-media{color:#8a6d00;background:#fff8dc}.commercial-quick-select.priority-baja{color:#047857;background:#ecfdf5}.commercial-quick-select.priority-sin_definir{color:#64748b;background:#f1f5f9}