table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}th{background-color:var(--primary_color);color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:16px 12px;text-align:left;border:none}td{padding:14px 12px;text-align:left;border-bottom:1px solid #e8e8e8;color:#333;font-size:.95rem}tr:last-child td{border-bottom:none}tr:hover{background-color:#f8f9ff;transition:background-color .2s ease}tr:nth-child(2n){background-color:#fafafa}tr:nth-child(2n):hover{background-color:#f8f9ff}.full-details-smootgrid{border-top:2px solid var(--primary_color);border-bottom:2px solid var(--primary_color);background-color:#f8f9ff;padding:10px 0}.cont-smoothgrid-message-table{display:flex;justify-content:center;padding:20px;color:#666;font-style:italic}.cont-ctrls-footer-smoothgrid{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid #e8e8e8}.smoothgrid-btn-activo{background-color:var(--primary_color);color:#fff;font-weight:600;box-shadow:0 4px 12px #0003}.smoothgrid-ico-column-header{width:18px;height:18px;opacity:.7;transition:opacity .2s ease}.smoothgrid-ico-column-header:hover{opacity:1}.smoothgrid-ico-column-body{width:12px;height:12px;cursor:pointer;transition:transform .3s ease}.smoothgrid_opened{transform:rotate(90deg)}.smooth-category{font-weight:700;color:var(--primary_color);font-size:1.05rem}.smoothgrid-ul-collapsed{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;background-color:#fff}.smoothgrid-ul-collapsed li{padding:12px 15px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.smoothgrid-ul-collapsed li:hover{background-color:#f8f9ff}.smoothgrid-ul-collapsed li:last-child{border-bottom:none}.cont-ctrls-top-smoothgrid{display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px;gap:10px}.smoothgrid-cont-padre-html{display:flex;gap:8px;align-items:center}.btn-action{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.btn-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-action:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn-action i{font-size:.9rem}.btn-save,.btn-edit,.btn-delete{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 4px #0000001a}.btn-save:hover,.btn-edit:hover,.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-save:active,.btn-edit:active,.btn-delete:active{transform:translateY(0)}.btn-save{background-color:#3498db;color:#fff}.btn-save:hover{background-color:#2980b9}.btn-edit{background-color:#2ecc71;color:#fff}.btn-edit:hover{background-color:#27ae60}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b}.btn-save i,.btn-edit i,.btn-delete i{font-size:14px}.cont-search{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;max-width:400px}.cont-search span{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:4px}.cont-search input[type=text]{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;background-color:#fff;transition:all .3s ease;outline:none;width:100%}.cont-search input[type=text]:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.cont-search input[type=text]::placeholder{color:#95a5a6;font-style:italic}.cont-search input[type=text]:hover{border-color:#bdc3c7}#createRegister{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--primary_color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}#createRegister:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;opacity:.9}#createRegister:active{transform:translateY(0)}#createRegister i{font-size:1.1rem}.ctrl-pagination-smoothgrid{display:flex;justify-content:center;align-items:center;margin:24px 0;padding:16px 0}.paginacion{display:flex;gap:6px;align-items:center;background:linear-gradient(145deg,#f8f9fa,#fff);padding:8px;border-radius:12px;box-shadow:0 2px 10px #0000000d}.paginacion button{min-width:42px;height:42px;padding:0;border:none;border-radius:8px;background-color:#fff;color:#555;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.paginacion button:hover:not(:disabled):not(.smoothgrid-btn-activo){background-color:#e3f2fd;color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #3498db33}.paginacion button:active:not(:disabled){transform:scale(.95)}.paginacion button.smoothgrid-btn-activo{background:var(--primary_color);color:#fff;font-weight:600;cursor:default}.paginacion button:disabled{opacity:1;cursor:default;background-color:transparent;color:#bdc3c7;font-weight:700;letter-spacing:3px;box-shadow:none;font-size:16px}.paginacion button:disabled:hover{transform:none}.btn-reset{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-reset:hover{background:#63408a;transform:translateY(-2px)}.btn-reset:active{transform:translateY(0)}.btn-reset i{font-size:16px}.btn-disable{background:#5d0167;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-disable:hover{background:#3e0f44;transform:translateY(-2px)}.btn-disable:active{transform:translateY(0)}.btn-disable i{font-size:16px}.btn-enable{background:#11998e;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 4px #38ef7d4d}.btn-enable:hover{background:#2ed66b;box-shadow:0 4px 8px #38ef7d66;transform:translateY(-2px)}.btn-enable:active{transform:translateY(0);box-shadow:0 2px 4px #38ef7d4d}.btn-enable i{font-size:16px}
