@import"https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap";*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box;font-family:Montserrat,sans-serif}.wrapper{z-index:10}.wrapper .top_navbar{width:100%;height:60px;display:flex;position:fixed;top:0}.wrapper .top_navbar .hamburger{width:70px;height:100%;background:var(--IconColor);padding:15px 17px;cursor:pointer}.wrapper .top_navbar .hamburger div{width:35px;height:4px;background:var(--IconDark);margin:5px 0;border-radius:10px}.wrapper .top_navbar .top_menu{width:calc(100% - 70px);height:100%;background:var(--IconLight);display:flex;justify-content:space-between;align-items:center;padding:0 20px}.wrapper .top_navbar .top_menu .logo{color:var(--IconColor);font-size:20px;font-weight:700;letter-spacing:3px}.wrapper .top_navbar .top_menu ul{display:flex}.wrapper .top_navbar .top_menu ul li a{display:block;margin:0 10px;width:35px;height:35px;line-height:35px;text-align:center;border:2px solid var(--IconColor);border-radius:30%;color:var(--IconColor)}.wrapper .top_navbar .top_menu ul li a:hover{background:var(--IconColor);color:#fff}.wrapper .top_navbar .top_menu ul li a:hover i{color:#fff}.wrapper .sidebar{position:fixed;top:60px;background:var(--IconColor);width:200px;height:100%;transition:all .2s ease;z-index:10}.wrapper .sidebar ul li a{display:block;padding:20px;color:#fff;position:relative;margin-bottom:1px;color:var(--IconDark);white-space:nowrap}.wrapper .sidebar ul li a:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--IconLight);display:none}.wrapper .sidebar ul li a span.icon{margin-right:10px;display:inline-block}.wrapper .sidebar ul li a span.title{display:inline-block}.wrapper .sidebar ul li a:hover,.wrapper .sidebar ul li a.active{background:var(--IconDark);color:var(--IconLight)}.wrapper .sidebar ul li a:hover:before,.wrapper .sidebar ul li a.active:before{display:block}.wrapper.collapse .sidebar{width:70px}.wrapper.collapse .sidebar ul li a{text-align:center}.wrapper.collapse .sidebar ul li a span.icon{margin:0}.wrapper.collapse .sidebar ul li a span.title{display:none}.logout{display:flex;justify-content:center}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.logo-login{width:10rem;height:10rem;object-fit:contain;margin-top:-3rem}.form-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--IconColor)}.form-subtitle{font-size:1rem;color:var(--IconGray);margin-bottom:3rem}.login-form{display:flex;flex-direction:column;background-color:var(--WhiteColor);padding:2rem;width:50%;max-width:600px;border-radius:25px}.form-label{color:var(--IconColor);font-size:.9rem;font-weight:100;display:block}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border-radius:14px;color:var(--Grey);font-family:inherit;background-color:transparent;border:none;box-shadow:0 5px 12px #0000001a;border:2px solid transparent;margin-bottom:1rem;margin-top:.5rem;resize:none}.form-group-checkbox{display:flex;align-items:center;justify-content:center;gap:1rem}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{opacity:.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border:2px solid var(--IconDark);background-color:var(--IconLight)}.form-group-inline{display:flex;align-items:center;justify-content:center;gap:1rem}.error{color:var(--IconRed);font-size:.8rem;margin-top:-2rem;margin-bottom:1rem}.comm-title{font-size:3rem;font-weight:700;color:var(--IconColor);margin-bottom:1rem;text-align:center}.select-container select{width:100%;padding:.5rem;border-radius:14px;border:none;outline:none;font-size:.8rem;color:var(--IconGray);text-align:center}.quarters{display:flex;flex-wrap:wrap;width:100%}.card-title{text-align:center;font-size:3rem;margin-bottom:16px;font-weight:800;color:var(--IconColor);padding:.5rem;border-radius:14px}.controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem}.controls select{width:100%;padding:.5rem;padding-inline:1rem;border-radius:14px;border:none;outline:none;font-size:.8rem;color:var(--IconGray);text-align:center;background-color:var(--WhiteColor)}.controls select:hover{cursor:pointer;background-color:var(--IconLight);transition:all .2s ease}.controls select option{color:var(--IconDark)}.kpis{display:flex;flex-wrap:wrap;width:100%;background-color:var(--WhiteColor);padding:1rem;border-radius:14px}.kpi{flex:1;min-width:200px;margin:1rem;padding:1rem;border-radius:14px;background-color:#fff}.kpi-label{font-size:.9rem;font-weight:700;margin-bottom:.5rem;color:var(--IconDark)}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--IconColor)}.q-card{flex:1;min-width:200px;margin:1rem;padding:1rem;border-radius:14px;background-color:var(--WhiteColor)}.q-title{font-size:1.5rem;margin-bottom:16px;font-weight:800;color:var(--IconColor);background-color:#fff;padding:.5rem;border-radius:14px}.q-row{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:800;color:var(--IconDark)}.welcome-container{display:flex;justify-content:center;align-items:center;margin:2rem;font-size:2rem;font-weight:700;color:var(--IconColor)}.dashboard-content,.forecast-content{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:2rem}.table-leads,.table-accounts,.table-contacts{display:flex;justify-content:center;align-items:center}.table-container{display:flex;background-color:var(--WhiteColor);padding:1rem;border-radius:14px;margin-top:2rem;overflow-y:auto;max-width:1200px;max-height:700px;margin-bottom:2rem}.entity-table{table-layout:fixed;border-collapse:separate;border-spacing:.5rem;overflow-y:auto;height:auto}.entity-table th,.entity-table td{padding:8px;width:150px;min-width:50px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;height:2.5rem}.entity-table th{color:var(--IconColor);border-radius:14px}.entity-table th:first-child{background-color:var(--WhiteColor)}.entity-table th{background-color:var(--IconLight)}.entity-table tr{color:var(--IconGray);font-size:.8rem;text-align:center}.entity-table td:focus-within input,.entity-table td:focus-within select{background-color:#fff;border-radius:14px;height:auto;border:none;padding:.25rem;outline:none;width:100%;font-size:.8rem;color:var(--IconGray);text-align:center}.entity-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:var(--WhiteColor);padding:2rem;width:50%;min-width:400px;max-height:80vh;overflow-y:auto;border-radius:25px;box-shadow:0 5px 12px #0000001a;z-index:10}.btn-close-form{position:absolute;top:1rem;right:1rem;border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconRed);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-close-form:hover{background-color:var(--IconDark)}.client-title,.provider-title,.commission-title,.venta-title{width:100%;text-align:center;font-size:1.5rem;font-weight:700;color:var(--IconColor);margin-bottom:1.2rem}.client-invoices,.provider-invoices,.commissions,.nueva-venta{background-color:#fff;padding:1rem;border-radius:14px;margin-bottom:1rem}.sale-card{display:flex;position:relative;justify-content:center;align-items:center;background-color:#fff;flex-wrap:wrap;padding:.7rem;border-radius:1rem;margin:.5rem;width:1100px;height:auto;z-index:1}.important-data{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem;background-color:var(--WhiteColor);border-radius:14px}.important-data-label{font-weight:700;color:var(--IconDark);font-size:.5rem}.important-p{font-size:.6rem!important}.client-data,.provider-brief{display:flex;width:100%}.sale-title{font-size:1.1rem;color:var(--IconColor);padding-inline:2rem}.sale-date{font-size:.8rem;margin:.5rem;text-align:center}.sale-extra{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem;width:90%}.sale-extra-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;font-size:.8rem;background-color:var(--IconLight);border-radius:14px}.sale-card-body{display:flex;justify-content:center;gap:2rem;width:90%;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease .1s;padding:0 1rem;border-radius:14px;background-color:var(--WhiteColor)}.empty{color:#999;font-style:italic}.sale-card-body.is-expanded{max-height:1000px;overflow-y:auto;opacity:1;margin:1rem}.sale-card-body.is-expanded{padding:1rem}.provider-section{margin-bottom:1rem}.provider-section h3,.client-section h3{margin-bottom:1rem;font-size:.8rem;font-weight:700;color:var(--IconColor);text-align:center}.client-section{margin-bottom:1rem}.client-invoice,.provider-invoice{display:flex;flex-wrap:wrap;gap:.8rem;padding:.8rem;font-size:.8rem;background-color:#fff;border-radius:14px;min-width:340px;max-width:100%;margin-top:.5rem;height:auto}.form-group-select{width:50%;padding:.2rem;border-radius:14px;border:none;color:var(--IconDark);background-color:var(--WhiteColor)}.form-group-select select{width:100%;padding:.4rem;border-radius:14px;border:none;font-size:.8rem;color:var(--IconDark);background-color:var(--WhiteColor)}.provider-invoice-item,.client-invoice-item{margin:0;padding:0}.action-card{top:1rem;right:1rem;background:var(--WhiteColor);margin:1rem;border-radius:14px;width:300px;z-index:10;padding:1rem}.card-content{margin-bottom:.5rem}.card-heading{font-size:1.1rem;margin-bottom:.25rem}.card-description{font-size:.9rem;margin-bottom:.75rem}.card-button-wrapper{display:flex;gap:.5rem;margin-bottom:.75rem}.card-button{flex:1;padding:.5rem;border:none;border-radius:4px;cursor:pointer}.card-button.primary{background:#e74c3c;color:#fff}.card-button.secondary{background:#bdc3c7;color:#333}.exit-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer}.replace-inputs input{width:100%;margin-top:.25rem;padding:.4rem;border:1px solid #ccc;border-radius:4px}.client-invoice-item,.provider-invoice-item{margin:0;padding:0;font-size:.8rem;color:var(--IconDark);font-weight:300}.client-invoice-main,.provider-invoice-main{color:var(--IconColor);font-weight:300;font-size:.7rem}.client-invoice-faq,.provider-invoice-faq{font-size:.8rem;width:100%;font-weight:700;color:var(--IconDark)}.select--container{width:100%;margin-top:.5rem}.sale-card-header{display:flex;align-items:center;justify-content:center}.sale-header-main,.sale-header-actions{display:flex;align-items:center}.sale-status-dot{width:10px;height:10px;border-radius:50%;background:#bdbdbd;box-shadow:0 0 0 2px #ffffff80}.sale-status-dot[data-status=vencido]{background:var(--IconRed)}.sale-status-dot[data-status=pendiente]{background:var(--IconOrange)}.sale-status-dot[data-status=pagado]{background:var(--IconColor)}.sale-status-dot[data-side=left]{margin-right:4px}.sale-status-dot[data-side=right]{margin-left:4px}.sale-description{font-size:.6rem;color:var(--IconDark);text-align:center}.sale-tables{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.sale-table-section{background:var(--WhiteColor);border-radius:12px;padding:10px;overflow-y:auto}.sale-table-title{margin:0 0 8px;font-size:.8rem;font-weight:700;color:var(--IconColor)}.table-scroll{overflow:auto;max-width:100%}.sale-table{width:100%;border-collapse:collapse;min-width:520px}.sale-table th,.sale-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top;font-size:.6rem}.sale-table th{font-weight:600;color:var(--IconDark);background:var(--IconLight);font-size:.5rem;position:sticky;top:0;z-index:1}.sale-table .empty{text-align:center;color:#777;padding:14px 0}@media (max-width: 900px){.sale-tables{grid-template-columns:1fr}}.sale-status-text{font-weight:600}.sale-status-text[data-status=vencido]{color:#e53935}.sale-status-text[data-status=pendiente]{color:#fb8c00}.sale-status-text[data-status=pagado]{color:#43a047}.btn-delete-complement{position:absolute;top:1rem;right:1rem;border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconRed);width:auto;height:auto;border-radius:10px;padding:.5rem;display:flex;align-items:center;justify-content:center}.btn-delete-complement:hover{background-color:var(--IconDark)}.summary-boxes-container{display:flex;justify-content:center;margin-top:2rem}.summary-boxes{display:flex;justify-content:space-evenly;width:80%;background-color:var(--WhiteColor);padding:2rem;border-radius:14px}.summary-box.deuda,.summary-box.cobranza,.summary-box.comisiones{color:var(--WhiteColor);border-radius:14px;padding:2rem;width:280px;height:auto;overflow-y:auto;margin-right:16px;display:flex;flex-direction:column;transition:background .2s ease;box-shadow:0 1px 3px #0000001a}.summary-box-title{font-size:1.5rem;margin-bottom:16px;font-weight:800;color:var(--IconColor);background-color:var(--WhiteColor);padding:.5rem;border-radius:14px;text-align:center}.summary-box.deuda{background-color:var(--KanbanRed)}.summary-box.cobranza{background-color:var(--IconLight)}.summary-box.comisiones{background-color:var(--IconGray)}.summary-box-row{display:flex;flex-direction:column;justify-content:space-between;font-weight:800;gap:.5rem;font-size:1rem;color:var(--IconDark);background-color:var(--WhiteColor);padding:.8rem;border-radius:14px;text-align:center}.summary-box-row p{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.2rem;font-weight:500}.summary-box-row-label{font-weight:800;width:100%;color:var(--IconColor)}.sales-container{display:flex;justify-content:center;background-color:#fff;margin-top:3rem;height:800px;overflow-y:auto}.sales-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-height:800px;width:80%;height:auto;overflow-y:auto;background-color:var(--WhiteColor);padding:1rem;margin:2rem;border-radius:14px}.filters-row{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;margin:2rem;background-color:var(--WhiteColor);border-radius:14px}.filters-container{display:flex;align-items:center;gap:1rem}.filter-label{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--IconColor)}.activities-form{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:var(--WhiteColor);padding:2rem;width:50%;min-width:400px;max-height:80vh;overflow-y:auto;border-radius:25px;box-shadow:0 5px 12px #0000001a;z-index:10}*{--KanbanRed: #ffcece;--KanbanYellow: #fff5ce;--KanbanGreen: #cefff5;--KanbanBlue: #cee4ff;--KanbanPurple: #e4ceff}.kanban-column{background:var(--WhiteColor);border-radius:14px;padding:16px;width:280px;height:580px;overflow-y:auto;margin-right:16px;display:flex;flex-direction:column;transition:background .2s ease}.kanban-column:first-child{background-color:var(--KanbanRed)}.kanban-column:nth-child(2){background-color:var(--KanbanPurple)}.kanban-column:nth-child(3){background-color:var(--KanbanBlue)}.kanban-column:nth-child(4){background-color:var(--KanbanGreen)}.kanban-column.drag-over{background:var(--IconGray)}.kanban-column .column-title{font-size:1.2rem;margin-bottom:12px;font-weight:800;color:var(--IconDark);background-color:var(--WhiteColor);padding:.5rem;border-radius:14px}.kanban-card{background:var(--WhiteColor);border-radius:14px;padding:12px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease,transform .2s ease}.kanban-card.dragging{box-shadow:0 4px 8px #0003;transform:rotate(1deg)}.kanban-placeholder{background:var(--IconLight);border-radius:14px;height:48px;margin-bottom:12px}.kanban-card-description{font-size:1.2rem;margin-bottom:20px;font-weight:800;color:var(--IconColor)}.kanban-card-encargado{font-size:1rem;margin-bottom:8px;font-weight:800;color:var(--IconGray)}.kanban-card-date,.kanban-card-status,.kanban-card-activity{font-size:.8rem;margin-bottom:8px;font-weight:800;color:var(--IconDark)}:root{--fc-border-color: #e2e8f0;--fc-bg-day: #ffffff;--fc-bg-today: #ebf8ff;--fc-button-bg: #43438e;--fc-button-color: #ffffff;--fc-button-hover-bg: #20ba5a;--fc-event-bg: #43438e;--fc-event-hover-bg: #20ba5a;--fc-event-color: #ffffff}.fc{font-family:Montserrat,sans-serif;color:var(--IconDark)}.fc-toolbar{margin-bottom:1rem}.fc .fc-toolbar .fc-button{background-color:var(--IconColor)!important;color:var(--IconLight)!important;border:none!important;border-radius:14px!important;padding:.5rem .75rem!important;transition:background-color .2s ease;margin:.1rem!important}.fc .fc-toolbar .fc-button:hover,.fc .fc-toolbar .fc-button:focus{background-color:var(--IconColor)!important}.fc .fc-toolbar .fc-button:disabled{opacity:.6!important;cursor:not-allowed!important}.fc .fc-toolbar .fc-button-active{box-shadow:inset 0 0 0 2px #ffffff80!important}.fc .fc-col-header-cell-cushion{font-weight:600;padding:.5rem 0!important;color:var(--IconDark)}.fc .fc-daygrid-day{border:1px solid var(--WhiteColor);background-color:#fff}.fc .fc-daygrid-day.fc-day-today{background-color:var(--IconLight)}.fc .fc-daygrid-event{background-color:var(--IconColor)!important;color:var(--WhiteColor)!important;border:none!important;border-radius:14px!important;padding:5px!important;font-size:.85rem!important;transition:background-color .2s ease}.fc .fc-daygrid-event:hover{background-color:var(--IconColor)!important}.fc .fc-timegrid-event{background-color:var(--IconColor)!important;color:var(--WhiteColor)!important;border:none!important;border-radius:4px!important}.fc .fc-timegrid-event:hover{background-color:var(--IconColor)!important}.fc .fc-list-table>tbody>tr{border-bottom:1px solid var(--fc-border-color)}.fc .fc-list-event{padding:.5rem 0!important}.fc .fc-list-event:hover{background-color:var(--IconColor)!important}.fc .fc-daygrid-day-frame .fc-daygrid-day-events .fc-daygrid-event.fc-event-dragging{opacity:.8}@media (max-width: 600px){.fc .fc-toolbar-chunk{display:block;margin-bottom:.5rem;text-align:center}.fc .fc-toolbar .fc-button{margin-bottom:.5rem!important;width:100%!important}}.fc{position:relative;z-index:-1000}.fc-popover{z-index:2}.kanban-container{display:flex;justify-content:center;align-items:center;margin-top:2rem}.calendar-wrapper{display:flex;justify-content:center;background-color:var(--WhiteColor);margin-top:5rem;width:100%;z-index:1}.calendar-container{display:flex;width:80%;padding:2rem;z-index:1}.tables-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:5rem}.detail-table{width:100%;border-collapse:collapse;margin:1rem}.detail-table th,.detail-table td{border:1px solid #ccc;padding:.5rem;text-align:center}.table-detail-container{background-color:var(--WhiteColor);padding:2rem;border-radius:14px;margin-top:1rem;overflow-y:auto;max-width:1400px}.table-detail-container h2{font-size:2rem;color:var(--IconColor)}.entity-table{background-color:#fff;padding:1rem;border-radius:14px}.link-button{background-color:var(--IconColor);color:var(--WhiteColor);border:none;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s;border-radius:14px}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-height:85vh;overflow-y:auto;padding:2rem;background-color:var(--WhiteColor);z-index:1000;border-radius:14px;box-shadow:0 5px 12px #0000001a}.modal-title{font-size:1.5rem;color:var(--IconColor)}.chart-container{padding:1.5rem;background-color:var(--WhiteColor);margin:2rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.chart-title-chart{text-align:center;font-size:2rem;margin-bottom:1.5rem;width:100%;color:var(--IconColor)!important}.billing-chart{width:85%;height:300px;margin:0 auto}.chart-title{font-size:1.5rem;color:var(--textColor, #333);text-align:center;margin-bottom:.5rem}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--IconGray);stroke-dasharray:3 3}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--IconGray);stroke-width:1}.recharts-cartesian-axis-tick text{fill:var(--IconGray);font-size:.75rem}.clients-bar{fill:var(--IconColor);stroke:var(--IconColor);stroke-width:2}.providers-bar{fill:var(--IconRed);stroke:var(--IconRed);stroke-width:2}.commissions-bar{fill:var(--IconDark);stroke:var(--IconDark);stroke-width:2}.clients-bar:hover,.providers-bar:hover,.commissions-bar:hover{opacity:.8}.recharts-legend-wrapper{margin-top:1rem}.recharts-legend-item text{fill:var(--IconGray);font-size:.85rem;cursor:pointer}.recharts-legend-item:first-child{fill:var(--IconColor)}.recharts-legend-item:nth-child(3){fill:var(--IconRed)}.recharts-legend-item:nth-child(2){fill:var(--IconDark)}.recharts-legend-item .recharts-legend-icon{width:12px;height:12px;stroke-width:1}.recharts-tooltip-wrapper{background:var(--WhiteColor);border:1px solid var(--IconGray);border-radius:4px;font-size:.85rem}.recharts-tooltip-label{font-weight:700;margin-bottom:.25rem}.recharts-tooltip-item-list{padding:0;margin:0;list-style:none}.recharts-rectangle{cursor:pointer}.product-card{display:flex;flex-wrap:wrap;background-color:var(--WhiteColor);border-radius:14px;padding:1rem;margin:.5rem;transition:box-shadow .2s ease,transform .2s ease;width:280px;height:auto}.product-card-header{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.product-card-title{font-size:1.2rem;font-weight:700;margin:0;color:var(--IconColor)}.product-card-category{font-size:1rem;font-weight:700;margin:0;color:var(--IconGray)}.product-card-body,.product-card-footer{display:flex;flex-direction:column;gap:.5rem}.card-description{font-size:.8rem;color:var(--IconDark);margin-bottom:-.2rem}.card-detail{font-size:.8rem;color:var(--IconColor)}.card-detail strong{font-weight:700;color:var(--IconDark)}.input-percent{border:1px solid var(--IconGray);border-radius:14px;width:90px;text-align:center;outline:none;background-color:transparent;color:var(--IconColor);margin:.5rem}.sale-price{font-size:1rem;font-weight:700;color:var(--IconRed)}.costs{background-color:#fff;padding:.5rem;border-radius:14px}.ul-card-details{display:inline-block;list-style-type:none;padding:0;margin:0}.span-data{font-size:.8rem}.product-cards-container{display:flex;flex-wrap:wrap;justify-content:center;width:100%;gap:1rem;margin-top:1rem;margin-bottom:1rem}.product-cards-content{display:flex;flex-wrap:wrap;justify-content:center;width:90%;max-width:1200px;gap:1rem}.filters-bar{display:flex;justify-content:center;margin-bottom:1rem;background-color:var(--WhiteColor);padding:1rem}.filters-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.filter-item{display:flex;gap:.5rem}.filter-item input,select{width:90px;height:2rem;padding:.5rem;border-radius:14px;border:1px solid var(--IconDark);outline:none;font-size:.8rem;color:var(--IconDark);background-color:var(--WhiteColor)}.filter-actions{display:flex;justify-content:center;width:100%}*{margin:0;padding:0;box-sizing:border-box;--IconColor: #4fc17e;--IconLight: #ddf2e6;--IconDark: #24593a;--IconGray: #a5a5a5;--IconRed: #ff7777;--IconOrange: #ffb75e;--WhiteColor: #f4f4f4}:root{font-family:Montserrat,sans-serif}.icon-logo{width:6rem;height:6rem;object-fit:contain;margin-left:10px;margin-bottom:-5px}body{background-color:#fff;background-image:radial-gradient(rgba(12,12,12,.05) 2px,transparent 0);background-size:15px 15px;background-position:-5px -5px}main{padding-top:60px;padding-left:60px;padding-right:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{display:none}::-webkit-scrollbar-thumb{background:var(--IconLight);border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--IconColor);transition:all .2s ease;cursor:pointer}.header-container{width:100%;display:flex;justify-content:center;padding:1rem}.page-title{text-align:center;margin:0;font-size:3.5rem;font-weight:700;color:var(--IconColor);background-color:var(--WhiteColor);padding:1rem 2.5rem;border-radius:14px}.btn-container{width:100%;display:flex;justify-content:center;gap:1rem}.btn{width:25%;max-width:150px;min-width:100px;padding:12px 8px;margin-top:2rem;border-radius:14px;color:var(--WhiteColor);font-family:inherit;background-color:var(--IconColor);border:none;box-shadow:0 5px 12px #0000001a}.btn:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}.btn-delete{width:25%;max-width:150px;min-width:100px;padding:12px 8px;margin-top:2rem;margin-bottom:2rem;border-radius:14px;color:var(--WhiteColor);font-family:inherit;background-color:var(--IconRed);border:none;box-shadow:0 5px 12px #0000001a}.btn-delete:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}.wrapper.collapse .btn-logout{padding:12px 8px;margin-top:2rem;border-radius:14px;color:var(--WhiteColor);font-family:inherit;background-color:var(--IconRed);border:none;width:75%;box-shadow:0 5px 12px #0000001a}.btn-logout{display:flex;justify-content:center;align-items:center;gap:10px;width:85%;padding:12px 16px;margin-top:2rem;border-radius:14px;color:var(--WhiteColor);font-family:inherit;background-color:var(--IconRed);border:none;box-shadow:0 5px 12px #0000001a}.btn-logout:before{content:"Salir";font-size:1rem}.wrapper.collapse .btn-logout:before{content:"";display:none}.btn-logout:hover,.wrapper.collapse .btn-logout:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}.add-btn-container{display:flex;justify-content:center;align-items:center;gap:.5rem}.add-btn-container p{font-size:.9rem;color:var(--IconGray)}.btn-add{border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconColor);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.btn-add:hover{background-color:var(--IconDark)}.btn-toggle-details{border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconColor);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;position:absolute;right:1rem;top:1rem}.btn-toggle-details:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}.btn-actions{border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconRed);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:100;position:absolute;right:3rem;top:1rem}.btn-actions:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}.btn-actions-2{border:none;background-color:transparent;color:var(--WhiteColor);cursor:pointer;background-color:var(--IconRed);width:1.8rem;height:1.8rem;border-radius:50%;display:flex;font-size:.8rem;font-weight:100;align-items:center;justify-content:center;position:absolute;right:1rem;top:1rem}.btn-actions-2:hover{cursor:pointer;background-color:var(--IconDark);transition:all .2s ease}