@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box}:root{--primary-dark:#333639;--accent-blue:#00a8e8;--bg-light:#f4f7f6;--white:#fff;--sidebar-width:260px}body{background-color:var(--bg-light);min-height:100vh;margin:0;font-family:Inter,sans-serif}.sidebar{background-color:var(--primary-dark);flex-shrink:0;width:250px;min-width:250px;min-height:100vh;position:sticky;top:0}.logo{background-color:var(--primary-dark);z-index:10;padding-top:20px;position:sticky;top:0}.sidebar .logo h2{color:var(--accent-blue);text-align:center;letter-spacing:2px;border-bottom:1px solid #444;margin-bottom:20px;padding-bottom:0}.nav-links{color:#fff;padding-left:15px;list-style:none}.nav-links li{cursor:pointer;padding:10px 15px;font-size:1.05rem;transition:all .3s;display:block}.nav-links li i{color:var(--accent-blue);margin-right:10px}.nav-links li:hover{background-color:#ffffff0d;border-radius:8px}.nav-links .active{color:var(--accent-blue);font-weight:600}.submenu{margin-top:10px;padding-left:25px;list-style:none}.submenu li{color:#bbb;padding:8px 0;font-size:.9rem}.submenu li:hover{color:#fff;background:0 0}.topbar{background-color:var(--white);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:15px 30px;display:flex;position:sticky;top:0;box-shadow:0 2px 5px #0000000d}.search-bar{width:700px}.search-bar input{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:10px 15px}.user-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;display:flex}.user-actions{flex-shrink:0;gap:8px;max-height:30px;flex-direction:row!important;display:flex!important}.main-content{flex-direction:column;padding:0;display:flex;overflow-y:auto;overflow-x:clip!important}.dashboard-header{background-color:var(--primary-dark);align-items:center;width:100%;height:450px;min-height:400px;display:flex;position:relative;overflow:hidden}.header-title{color:#fff;text-align:left;margin:0;font-size:2.5rem;font-weight:700}.header-bg-img{object-fit:cover;z-index:1;filter:brightness(.6);width:100%;height:100%;position:absolute;top:0;left:0}.stat-card{border-radius:12px;align-items:center;gap:20px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #00000014;background:#fff!important;flex-direction:row!important;display:flex!important}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.stat-content{flex-direction:column;justify-content:center;display:flex}.stat-value{color:var(--primary-dark);margin-bottom:5px;font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:#666;white-space:nowrap;margin:0;font-size:.95rem;font-weight:500}.activity-title{color:var(--primary-dark);margin-bottom:20px;font-size:1.5rem;font-weight:600}.contenedor-scroll{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;width:100%;margin-bottom:20px;position:relative;overflow-y:hidden;box-shadow:0 4px 12px #0000000d;overflow-x:auto!important}.table-wrapper{background:0 0;width:100%}.recent-activity{margin-top:40px;padding:0 30px}.data-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eee;padding:15px 20px}.data-table th{color:var(--primary-dark);background-color:#f8f9fa;font-weight:600}.badge{text-align:center;border-radius:50px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-block}.badge-pending{color:#fd7e14;background:#fff4e6}.badge-success{color:#40c057;background:#ebfbee}.modal-overlay{justify-content:center;align-items:center;padding:20px;display:flex;z-index:10000!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000b3!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:1100px;max-height:95vh;margin:0 auto;padding:10px;animation:.3s ease-out fadeIn;position:relative;overflow-y:auto;box-shadow:0 15px 50px #0000004d}.modal-small{max-width:450px!important}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.close-modal{cursor:pointer;color:#666;background:0 0;border:none;font-size:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-estado-cuenta{border-radius:12px;width:100%;max-width:56rem;margin-left:1rem;margin-right:1rem;overflow:hidden}.estado-cuenta-resumen{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;padding:15px;display:grid}.estado-cuenta-resumen-item{text-align:center;border-right:1px solid #e5e7eb}.estado-cuenta-tabla-wrapper{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;max-height:400px;padding-bottom:1rem;display:block;overflow-x:auto}.estado-cuenta-tabla-wrapper::-webkit-scrollbar{height:6px}.estado-cuenta-tabla-wrapper::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.estado-cuenta-tabla-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.estado-cuenta-tabla{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:.85rem}.estado-cuenta-tabla thead{z-index:1;background-color:#f3f4f6;position:sticky;top:0}.estado-cuenta-tabla th{color:#4b5563;white-space:nowrap;border-bottom:2px solid #e5e7eb;padding:12px 16px;font-weight:600}.estado-cuenta-tabla td{color:#374151;white-space:nowrap;padding:12px 16px;font-family:Segoe UI,system-ui,sans-serif}.estado-cuenta-tabla tbody tr{border-bottom:1px solid #f3f4f6}.estado-cuenta-tabla tbody tr:hover{background-color:#f9fafb}.estado-cuenta-tabla td:nth-child(3),.estado-cuenta-tabla td:nth-child(4),.estado-cuenta-tabla td:nth-child(5){font-family:Courier New,Courier,monospace}.estado-cuenta-saldo-cell{text-align:right;font-weight:600}@media (width<=768px){.modal-estado-cuenta{border-radius:10px;max-width:100%;margin-left:.5rem;margin-right:.5rem}.estado-cuenta-resumen{grid-template-columns:1fr;gap:10px;padding:12px}.estado-cuenta-resumen-item{border-bottom:1px solid #e5e7eb;border-right:none;padding-bottom:10px}.estado-cuenta-resumen-item:last-child{border-bottom:none;padding-bottom:0}.estado-cuenta-tabla th,.estado-cuenta-tabla td{padding:10px 12px;font-size:.8rem}}.app-footer{background:var(--white);color:#888;border-top:1px solid #ddd;grid-area:footer;justify-content:space-between;align-items:center;padding:0 20px;font-size:.8rem;display:flex}.status-online{color:#28a745;margin-left:10px}.help-form{flex-direction:column;gap:15px;display:flex}.btn-help{color:#0e0d0d;background:#40c057;border:none;border-radius:5%}.help-form .form-group{flex-direction:column;gap:5px;display:flex}.help-form label{color:#444;font-size:.9rem;font-weight:600}.help-form input,.help-form select,.help-form textarea{border:1px solid #ddd;border-radius:8px;padding:10px;font-family:inherit;font-size:.95rem}.help-form textarea{resize:vertical}.btn-submit-help{background-color:var(--accent-blue);color:#fff;cursor:pointer;background:#40c057;border:none;border-radius:8px;margin-top:10px;padding:12px;font-weight:600;transition:all .3s}.btn-submit-help:hover{background-color:#0086bc;transform:translateY(-2px)}.dashboard-header{flex-wrap:wrap;align-content:flex-end;height:450px;min-height:400px;display:flex;position:relative;overflow:hidden}.header-overlay{z-index:2;padding:28px;position:relative}.header-title{color:#fff;text-align:left;margin:0;font-size:2.5rem}.header-subtitle{color:#fffc;margin:5px 0 0;font-size:1.2rem}.dashboard-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:30px;display:grid}.stat-card{background:#fff;border-radius:12px;flex:1;align-items:center;gap:20px;min-width:200px;padding:20px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0000000d}.stat-card:hover{transform:translateY(-5px)}.stat-content{flex-direction:column;display:flex}.stat-value{color:var(--primary-dark);font-size:1.8rem;font-weight:700;display:block}.stat-label{color:#666;margin:0;font-size:1rem;font-weight:400}.recent-activity-section{margin-top:20px;padding:0 10px 10px}.activity-title{color:#333;margin-bottom:20px;font-size:1.5rem}.table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;width:100%;position:relative;overflow-y:hidden;box-shadow:0 4px 12px #0000000d;overflow-x:auto!important}.data-table{border-spacing:0;width:100%;min-width:800px;border-collapse:separate!important}.data-table th,.data-table td{text-align:left;white-space:nowrap;background-color:#fff;border-bottom:1px solid #eee;padding:15px 20px}.data-table th{color:var(--primary-dark);z-index:5;background-color:#f8f9fa;font-weight:600;position:sticky;top:0}.columna-fija{box-shadow:2px 0 5px #0000000d;z-index:10!important;background-color:#fcfcfc!important;position:sticky!important;left:0!important}th.columna-fija{z-index:11!important;background-color:#f8f9fa!important}.badge-success-light{color:#2b8a3e;background:#d3f9d8;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.badge-danger-light{color:#e03131;background:#ffe3e3;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}@media (width<=1100px){.search-bar{width:400px}.dashboard-grid{gap:40px}}@media (width<=768px){:root{--sidebar-width:70px}.sidebar{text-align:center;width:70px;min-width:70px}.sidebar .logo h2,.nav-links li span,.nav-links li summary{display:none}.nav-links{padding-left:0}.nav-links li i{margin-right:0;font-size:1.6rem}.submenu{padding-left:0}.topbar{padding:0 15px}.search-bar{width:100%;max-width:250px}.dashboard-grid{flex-direction:column;gap:20px;padding:20px;display:flex}.card{flex:100%;height:auto;padding:25px}#content-header{height:250px;min-height:250px;padding-left:20px}}@media screen and (width>=480px) and (width<=768px){.sidebar{background-color:var(--primary-dark);flex-direction:column;overflow-y:auto;width:180px!important;min-width:180px!important;display:flex!important}.contenedor-scroll{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.nav-links{padding:5px;display:block!important}.nav-links li{margin-bottom:2px;display:block!important}.nav-links li a,.nav-links li summary{color:#fff;align-items:center;padding:8px 10px;font-size:.85rem;display:flex!important}.nav-links li i{min-width:20px;color:var(--accent-blue);margin-right:8px;font-size:1.1rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:15px;display:grid}.card{align-items:center;gap:10px;min-width:0;height:90px;padding:10px;display:flex}.card i{font-size:1.5rem}.card .stat{margin:0;font-size:1.1rem}.card h3{margin-bottom:0;font-size:.7rem}.recent-activity{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #eee;border-radius:8px;width:100%;margin-top:15px;overflow-x:auto}.recent-activity table{border-collapse:collapse;width:100%;min-width:550px}.recent-activity th,.recent-activity td{white-space:nowrap;padding:10px;font-size:.85rem}.main-content{min-width:0;overflow-x:hidden}.topbar{padding:0 10px}#content-header{height:160px;min-height:160px}}.hamburger-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;margin-right:15px;padding:0;display:none}@media (width<=768px){.hamburger-btn{display:block}}@media screen and (width<=480px){.main-content{width:100%!important;padding:0!important}.dashboard-header{height:300px!important;min-height:300px!important}.header-overlay{padding:20px!important}.header-title{font-size:1.8rem!important}.header-subtitle{font-size:1rem!important}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;padding:10px!important;display:grid!important}.stat-card{gap:10px!important;min-width:0!important;height:auto!important;padding:12px!important;box-shadow:0 2px 8px #0000000d!important}.stat-card svg{width:32px!important;height:32px!important}.stat-value{font-size:1.1rem!important}.stat-label{white-space:normal!important;font-size:.75rem!important}.recent-activity-section{padding:0 5px 5px 0}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px!important;width:100%!important;overflow-x:auto!important}.data-table{min-width:600px!important}.data-table th,.data-table td{padding:12px 10px!important;font-size:.85rem!important}.sidebar{z-index:2000;background-color:var(--primary-dark);transition:all .3s ease-in-out;top:0;left:-220px;box-shadow:5px 0 15px #00000080;flex-direction:column!important;width:220px!important;height:100vh!important;display:flex!important;position:fixed!important;overflow-y:auto!important}#content-header{text-align:end;justify-content:flex-end;align-items:flex-start;width:100%;height:160px;min-height:160px;display:flex}.sidebar.active,.sidebar.open{left:0!important}.sidebar-overlay{z-index:1500;background:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}.sidebar{z-index:2000!important}.sidebar .logo{border-bottom:1px solid #ffffff1a;text-align:left!important;padding:20px 25px!important;display:block!important}.sidebar .logo h2{margin:0;font-size:1.2rem!important}.nav-links{gap:5px;flex-direction:column!important;padding:15px 0!important;display:flex!important}.nav-links li{align-items:center;width:100%;text-align:left!important;justify-content:flex-start!important;padding:12px 25px!important;display:flex!important}.nav-links li span,.nav-links li summary{cursor:pointer;margin-left:12px;font-size:.95rem;color:#fff!important;display:inline-block!important}.nav-links li i{min-width:25px;color:var(--accent-blue)!important;font-size:1.4rem!important}.submenu{margin-top:5px;list-style:none;padding-left:45px!important;display:block!important}.submenu li{border:none!important;padding:8px 0!important;font-size:.85rem!important}.topbar{background:var(--primary-dark);z-index:1000;justify-content:space-between;align-items:center;position:sticky;top:0;height:65px!important;padding:0 15px!important;display:flex!important}#menu-toggle{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;margin-right:10px;padding:0;font-size:2rem;display:block!important}.search-bar{flex:1!important}.search-bar input{width:100%;padding:8px;font-size:.85rem}.user-actions{gap:8px;margin-left:10px;display:flex!important}.user-actions button span{display:none!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:15px!important;display:grid!important}.card{border:1px solid #444;border-radius:10px;background-color:#333!important;flex-direction:row!important;align-items:center!important;gap:10px!important;height:80px!important;padding:10px!important;display:flex!important}.card i{font-size:1.4rem!important}.card .stat{color:#fff!important;margin:0!important;font-size:1rem!important}.card h3{color:#bbb!important;margin:0!important;font-size:.7rem!important}.recent-activity{-webkit-overflow-scrolling:touch;width:100%;margin:15px 0;padding:0 15px;overflow-x:auto!important}.recent-activity table{min-width:550px}}.comprobante-grid-2{grid-template-columns:1fr 1fr;gap:15px;display:grid}.comprobante-grid-3{grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.comprobante-grid-2-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;padding:20px;display:grid}.comprobante-header{border-bottom:2px solid #3b82f6;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;display:flex}.comprobante-content{color:#333;padding:40px}.comprobante-title{font-size:2.5rem}.comprobante-subtitle{font-size:1.8rem}.comprobante-fecha,.comprobante-nombre{font-size:1.1rem}.comprobante-total{font-size:1.2rem}.comprobante-importante{font-size:1.1rem}.comprobante-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}@media (width<=600px){.comprobante-grid-2,.comprobante-grid-3,.comprobante-grid-2-preview{gap:10px;grid-template-columns:1fr!important}.comprobante-header{text-align:left!important;flex-direction:column!important}.comprobante-header>div:last-child{margin-top:15px;text-align:left!important}.comprobante-content{padding:20px!important}.comprobante-actions{flex-direction:column!important}.comprobante-actions button{width:100%!important}.comprobante-actions-preview{flex-wrap:wrap}.comprobante-actions-preview button{justify-content:center;width:100%;margin-bottom:5px}.comprobante-title{font-size:1.6rem!important}.comprobante-subtitle{font-size:1.3rem!important}.comprobante-fecha,.comprobante-nombre,.comprobante-total,.comprobante-importante{font-size:1rem!important}.libro-diario-filtros,.libro-diario-acciones{flex-direction:column!important}.libro-diario-subtotales{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}.libro-diario-modal-acciones{flex-direction:column!important}.libro-diario-modal-acciones button{width:100%}}@media print{body *{visibility:hidden}.comprobante-imprimir,.comprobante-imprimir *,.libro-diario-imprimir,.libro-diario-imprimir *{visibility:visible}.comprobante-imprimir,.libro-diario-imprimir{position:absolute;top:0;left:0;width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important}.no-print{display:none!important}.comprobante-title{font-size:1.6rem!important}.comprobante-subtitle{font-size:1.3rem!important}.comprobante-fecha,.comprobante-nombre,.comprobante-total,.comprobante-importante{font-size:1rem!important}}.main-content{width:100%;overflow-x:hidden}section,.main-content>div{overflow:visible}.seccion-clientes{padding:30px}.cabecera-seccion{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.contenedor-scroll{-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;width:100%;overflow-x:auto;box-shadow:0 2px 10px #0000000d}.tabla-cronograma{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.tabla-cronograma th,.tabla-cronograma td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:15px 20px}.tabla-cronograma th{color:#444;text-transform:uppercase;background-color:#f8f9fa;font-size:.85rem;font-weight:600}.columna-fija{z-index:10;position:sticky;left:0;box-shadow:2px 0 5px #0000001a;background:#f1f3f5!important}th.columna-fija{z-index:11}.boton-editar,.boton-eliminar{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:6px;padding:6px 10px;transition:all .2s}@media screen and (width<=768px){.seccion-clientes{padding:15px}.tabla-cronograma th,.tabla-cronograma td{padding:12px 10px;font-size:.85rem}#content-header{height:auto;min-height:100px;padding:20px}}.header-planes-abonos{flex-flow:wrap;justify-content:space-between;display:flex}.socios-container{padding:20px 30px}.socios-actions{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.socios-actions .search-box{align-items:center;width:300px;margin:0;display:flex;position:relative}.search-icon{color:#888;pointer-events:none;position:absolute;left:12px}.socios-actions .search-box input{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;font-size:.9rem;padding:10px 15px 10px 40px!important}.btn-nuevo-socio{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #00a8e833}.btn-nuevo-socio:hover{background-color:#0086bc;transform:translateY(-2px)}.etiqueta-plan-socio{color:var(--accent-blue);background:#e1f0ff;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:600}.btn-accion-edit{color:var(--accent-blue);cursor:pointer;background:#e1f0ff;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-accion-edit:hover{background:#cce5ff}.btn-accion-delete{color:#e03131;cursor:pointer;background:#fff1f1;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-accion-delete:hover{background:#ffe3e3}.contenedor-form-socio{padding:0}.instrucciones-form{color:#666;margin-bottom:20px;font-size:.9rem}.formulario-socio{grid-template-columns:1fr 1fr;gap:15px;display:grid}.grupo-entrada-socio{flex-direction:column;gap:5px;display:flex}.grupo-entrada-socio label{color:#444;font-size:.85rem;font-weight:600}.grupo-entrada-socio input,.grupo-entrada-socio select,.grupo-entrada-socio textarea{background-color:#fcfcfc;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.9rem}.ancho-total{grid-column:1/-1}.pie-form-socio{border-top:1px solid #eee;justify-content:flex-end;gap:15px;margin-top:25px;padding-top:15px;display:flex}@media screen and (width<=480px){.socios-container{padding:15px}.socios-actions{flex-direction:column;align-items:stretch;gap:15px}.socios-actions .search-box{width:100%}.btn-nuevo-socio{justify-content:center;width:100%}.formulario-socio{grid-template-columns:1fr;gap:12px}.pie-form-socio{flex-direction:column;gap:10px}.pie-form-socio button{justify-content:center;width:100%}}.header-actions{gap:15px;margin-top:20px;display:flex}.btn-config-horarios{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.btn-config-horarios:hover{background:#ffffff4d}.btn-anotar-cliente{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.btn-anotar-cliente:hover{background:#0086bc;transform:translateY(-2px)}.table-section{padding:30px;overflow:visible!important}.table-section .contenedor-scroll{overflow-y:visible!important}.tabla-turnos{min-width:900px;border-spacing:8px!important;border-collapse:separate!important}.etiqueta-hora{color:var(--primary-dark);text-align:center;min-width:120px;font-size:.9rem;font-weight:700}.caja-turno{border-left:4px solid var(--accent-blue);background:#e1f0ff;border-radius:8px;justify-content:space-between;align-items:center;min-width:130px;min-height:55px;padding:12px;display:flex}.caja-turno span{color:#333;font-size:.9rem;font-weight:600}.btn-view-turno{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.btn-view-turno:hover{background:#00a8e81a}.turno-vacio{color:#555;text-align:center;background:#fcfcfc;border:2px solid #2d3135;border-radius:8px;padding:12px}.turno-deshabilitado{text-align:center;color:#0000;background:0 0;border:1px dashed #00000014;border-radius:8px;padding:12px}.tabla-turnos .columna-fija{z-index:10!important;color:#fff!important;background-color:#333639!important;position:sticky!important;left:0!important;box-shadow:2px 0 5px #00000026!important}.tabla-turnos th.columna-fija{z-index:11!important;color:#fff!important;background-color:#333639!important}.turnos-modal-content{max-height:85vh!important;padding-bottom:30px!important;overflow-y:auto!important}.caja-turno.activo{background:#ebfbee;border-left-color:#40c057}.turnos-form{width:100%}.form-section{margin-bottom:20px}.section-label{color:#444;margin-bottom:12px;font-weight:600;display:block}.days-grid{flex-wrap:wrap;gap:10px;display:flex}.day-checkbox-label{cursor:pointer;background:#f8f9fa;border:1px solid #eee;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;transition:all .2s;display:flex}.day-checkbox-label:hover{border-color:var(--accent-blue);background:#f0f7ff}.form-row{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px;display:grid}.modal-title-icon{vertical-align:middle;color:var(--accent-blue);margin-right:8px}.btn-confirm{background-color:#40c057!important}.btn-confirm:hover{background-color:#2f9e44!important}.semana-navegador{background:#333639;border-radius:10px;justify-content:center;align-items:center;gap:16px;margin:0 30px;padding:14px 30px;display:flex;box-shadow:0 2px 8px #00000026}.semana-navegador .btn-semana{color:#cfd1d4;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.semana-navegador .btn-semana:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.semana-navegador .btn-semana:active{transform:translateY(0)}.semana-navegador .semana-label{color:#fff;letter-spacing:.3px;text-align:center;-webkit-user-select:none;user-select:none;min-width:240px;font-size:.95rem;font-weight:600}.semana-navegador .btn-hoy{background:var(--accent-blue);color:#fff;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:7px 14px;font-size:.8rem;font-weight:600;transition:all .25s}.semana-navegador .btn-hoy:hover{background:#0086bc;transform:translateY(-1px)}@media screen and (width<=480px){.header-actions{flex-direction:column;gap:10px;width:100%}.btn-config-horarios,.btn-anotar-cliente{justify-content:center;width:100%}.table-section{padding:0 5px}.etiqueta-hora{min-width:90px;font-size:.8rem}.caja-turno{min-width:110px;min-height:45px;padding:8px}.form-row{grid-template-columns:1fr}.semana-navegador{flex-wrap:wrap;gap:10px;margin:0 10px;padding:12px 15px}.semana-navegador .semana-label{order:-1;min-width:100%;font-size:.85rem}.semana-navegador .btn-semana{flex:1;padding:7px 14px;font-size:.8rem}}.contenedor-configuracion{max-width:1400px;margin:0 auto;padding:30px}.grid-configuracion{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:30px;display:flex}.seccion-configuracion{background:#fff;border-radius:12px;flex-direction:column;flex:500px;min-width:600px;padding:25px;display:flex;box-shadow:0 2px 10px #0000000d}.cabecera-seccion{marginBottom:25px;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;margin-bottom:25px;padding-bottom:15px;display:flex}.cabecera-seccion h2{color:var(--primary-dark);margin:0;font-size:1.25rem}.icon-blue{color:var(--accent-blue)}.subida-logo{align-items:center;gap:25px;margin-bottom:30px;display:flex}.vista-previa-logo{background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:15px;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.vista-previa-logo img{object-fit:contain;width:100%;height:100%}.btn-upload{cursor:pointer;background:var(--accent-blue);color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .3s;display:inline-flex}.btn-upload:hover{background:#0086bc}.p-ayuda{color:#888;margin:8px 0 0;font-size:.85rem}.formulario-config{grid-template-columns:1fr 1fr;gap:20px;display:grid}.label-con-icono{align-items:center;gap:5px;display:flex!important}.input-con-unidad{align-items:center;gap:10px;display:flex}.input-con-unidad span{color:#666;font-size:.9rem}.grupo-conmutador{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;display:flex}.info-conmutador h4{color:var(--primary-dark);margin:0 0 5px;font-size:1rem}.info-conmutador p{color:#777;margin:0;font-size:.85rem}.interruptor{width:50px;height:26px;display:inline-block;position:relative}.interruptor input{opacity:0;width:0;height:0}.deslizador{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.interruptor input:checked+.deslizador{background-color:var(--accent-blue)}.perilla{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}.interruptor input:checked+.deslizador .perilla{transform:translate(24px)}.acciones-finales-config{justify-content:flex-start;gap:15px;margin-top:40px;padding-bottom:30px;display:flex}.btn-discard{cursor:pointer;fontWeight:600;color:#666;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:12px 25px;transition:all .3s;display:flex}.btn-discard:hover{background:#f8f9fa}.btn-save-config{background:var(--accent-blue);color:#fff;fontWeight:700;cursor:pointer;boxShadow:0 4px 12px #00a8e840;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-width:220px;padding:12px 30px;transition:all .3s;display:inline-flex}.btn-save-config:hover{background:#0086bc;transform:translateY(-2px)}@media screen and (width<=480px){.contenedor-configuracion{padding:15px}.seccion-configuracion{flex:100%;min-width:0;padding:20px}.subida-logo{text-align:center;flex-direction:column;gap:15px}.formulario-config{grid-template-columns:1fr}.acciones-finales-config{flex-direction:column;width:100%}.btn-discard,.btn-save-config{justify-content:center;width:100%}.config-header{height:250px!important;min-height:250px!important}}.boton-profesional{color:#fff;cursor:pointer;background-color:#40c057;border:none;border-radius:8px;justify-content:center;gap:10px;padding:10px 20px;transition:all .3s;display:flex}.boton-profesional:hover{background-color:#2f9e44;transform:scale(1.05);box-shadow:0 10px 20px #40c0574d}.planes-actions-bar{align-items:center;gap:15px;padding:20px 30px;display:flex}.btn-create-plan{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.btn-create-plan:hover{background-color:#0086bc;transform:translateY(-2px)}.btn-toggle-view{color:var(--primary-dark);cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:all .3s;display:flex}.btn-toggle-view:hover{background-color:#f8f9fa;border-color:#ccc}.cuadricula-planes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;padding:20px 30px 40px;display:grid}.tarjeta-plan{text-align:center;background:#fff;border:2px solid #0000;border-radius:15px;flex-direction:column;padding:25px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px #0000000f}.tarjeta-plan:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.tarjeta-plan.destacado{border-color:var(--accent-blue);transform:scale(1.02)}.etiqueta-plan{color:var(--accent-blue);text-transform:uppercase;background:#e1f0ff;border-radius:20px;align-self:center;padding:5px 12px;font-size:.75rem;font-weight:700;display:inline-block}.precio{color:var(--primary-dark);margin:15px 0;font-size:2rem;font-weight:800}.precio span{color:#888;font-size:.9rem;font-weight:400}.caracteristicas-plan{text-align:left;flex-grow:1;margin:20px 0;padding:0;list-style:none}.caracteristicas-plan li{align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;display:flex}.caracteristicas-plan .deshabilitado{color:#ccc;text-decoration:line-through}.acciones-plan{justify-content:center;gap:12px;margin-top:10px;display:flex}.btn-icon-edit,.btn-icon-delete{cursor:pointer;border:none;border-radius:6px;padding:8px 12px;transition:all .2s}.btn-icon-edit{color:var(--accent-blue);background:#e1f0ff}.btn-icon-edit:hover{background:#cce5ff}.btn-icon-delete{color:#e03131;background:#fff1f1}.btn-icon-delete:hover{background:#ffe3e3}.listado-planes-container{padding:0 30px 40px}.listado-header{margin-bottom:25px}.listado-title{color:var(--primary-dark);margin:0;font-size:1.8rem}.listado-subtitle{color:#666;margin:5px 0 0}.plan-form{width:100%}.cuadricula-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grupo-entrada{flex-direction:column;gap:8px;display:flex}.grupo-entrada label{color:#444;font-size:.9rem;font-weight:600}.grupo-entrada input,.grupo-entrada select,.grupo-entrada textarea{background-color:#fcfcfc;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:.95rem}.grupo-entrada textarea{resize:vertical;min-height:80px}.full-width{grid-column:1/-1}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-save{color:#fff;cursor:pointer;background:#40c057;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;display:flex}.btn-save:hover{background-color:#2f9e44}.confirm-modal-content{text-align:center;padding:20px}.confirm-icon{color:#ff6b6b;margin-bottom:15px}.confirm-message{color:var(--primary-dark);margin-bottom:10px;font-size:1.1rem;line-height:1.4}.confirm-warning{color:#666;margin-bottom:25px;font-size:.95rem}.confirm-actions{justify-content:center;gap:15px;display:flex}.btn-confirm-delete{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;padding:10px 25px;font-weight:600;transition:all .3s}.btn-confirm-delete:hover{background:#fa5252;transform:translateY(-2px)}@media screen and (width<=480px){.planes-actions-bar{flex-direction:column;align-items:stretch;padding:15px}.btn-create-plan,.btn-toggle-view{justify-content:center;width:100%}.cuadricula-planes{grid-template-columns:1fr;gap:20px;padding:15px}.tarjeta-plan.destacado{transform:scale(1)}.listado-planes-container{padding:0 5px 5px}.cuadricula-form{grid-template-columns:1fr;gap:15px}.grupo-entrada gap{gap:5px}.grupo-entrada input,.grupo-entrada select,.grupo-entrada textarea{padding:10px}.pie-formulario{flex-direction:column;margin-top:20px}.btn-cancel,.btn-save{justify-content:center;width:100%}.columna-fija{z-index:10;position:sticky;left:0;box-shadow:2px 0 5px #0000001a;background:#f1f3f5!important}th.columna-fija{z-index:11}}.contenedor-formulario{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:40px;display:block}.formulario-fluxer{background-color:var(--white);box-sizing:border-box;text-align:left;border-radius:15px;width:90%;max-width:1300px;margin:0 auto;padding:30px;box-shadow:0 10px 40px #0000001a}.grupo-campo{margin-bottom:5px}.grupo-campo label{margin-bottom:5px;font-weight:600;display:block}.grupo-campo input,.grupo-campo select,.grupo-campo textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-family:inherit}.grupo-campo textarea{resize:vertical;min-height:100px}.grupo-campo input:focus{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 2px #40c0571a}.cabecera-formulario{border-left:5px solid var(--accent-blue);margin-bottom:30px;padding-left:20px}.cabecera-profesional{border-left-color:#40c057}.cabecera-formulario h1{color:var(--primary-dark);margin:0;font-size:1.8rem}.cabecera-formulario p{color:#666;margin-top:5px}.cuadricula-formulario{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ancho-completo{grid-column:1/-1;margin-top:10px}.acciones-formulario{border-top:1px solid #eee;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;display:flex}.boton-profesional{background-color:#40c057}.boton-profesional:hover{background-color:#2f9e44}.btn-primary,.btn-secondary,.btn-help{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-blue);color:#fff;border:none}.btn-primary:hover{background-color:#40c057}.btn-secondary{color:#333;background:#f8f9fa;border:1px solid #ddd;padding:10px 20px}.btn-secondary:hover{background:#e9ecef}.btn-help{color:#0e0d0d;background:#40c057;border:none}.btn-help:hover{background:#2f9e44}.enlace-activo{font-weight:700;color:var(--accent-blue)!important}@media screen and (width<=768px){.contenedor-formulario{width:100%;padding:10px}.formulario-fluxer{width:100%;box-shadow:none;border:1px solid #eee;border-radius:8px;padding:5px 15px}.cuadricula-formulario{grid-template-columns:1fr;gap:10px}.cabecera-formulario{margin-bottom:20px;padding-left:15px}.cabecera-formulario h1{font-size:1.4rem}.grupo-campo input{height:45px;font-size:1rem}.acciones-formulario{flex-direction:column-reverse;gap:10px;margin-top:20px}.btn-primary,.btn-secondary,.btn-help{background-color:#40c057;justify-content:center;width:100%;padding:14px}}@media screen and (width<=400px){.formulario-fluxer{padding:15px 10px}.cabecera-formulario h1{font-size:1.2rem}}#content-header.morosos-header{flex-direction:column;justify-content:flex-end;height:450px;min-height:100px;padding:0 40px 40px;display:flex;position:relative;overflow:hidden}.header-info-container{z-index:2;position:relative}.header-info-container h1{color:#fff;text-align:left;margin:0}.header-info-container p{color:#fffc;margin:5px 0 0}.header-bg-img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.morosos-main-container{padding:10px 5px}.morosos-list-header{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.morosos-title-section h1{color:#333;margin:0;font-size:2rem}.morosos-title-section p{color:#666;margin:5px 0 0}.badge-debt{color:#e03131;background:#fff5f5;border:1px solid #ffa8a8;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-weight:700;display:flex}.deuda-monto{color:#e03131;font-weight:600}.etiqueta-deuda{color:#e03131;background:#fff5f5;border-radius:4px;padding:4px 8px}.acciones-flex{gap:10px;display:flex}.btn-accion-moroso{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px 10px;display:flex}.btn-detalle{color:#00a8e8;background:#e1f0ff}.btn-pago{color:#40c057;background:#ebfbee}.profesionales-container{padding:20px 30px}.profesionales-actions{marginBottom:25px;justify-content:space-between;align-items:center;display:flex}.profesionales-actions h2{color:var(--primary-dark);margin:0;font-size:1.5rem}.btn-crear-profesional{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;width:auto;height:auto;padding:10px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 10px #00a8e833}.btn-crear-profesional:hover{background-color:#0086bc;transform:translateY(-2px)}.acciones-tabla{gap:10px;display:flex}.btn-edit-prof{color:var(--accent-blue);cursor:pointer;background:#e1f0ff;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-edit-prof:hover{background:#cce5ff}.btn-delete-prof{color:#e03131;cursor:pointer;background:#fff1f1;border:none;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-delete-prof:hover{background:#ffe3e3}.profesional-form{grid-template-columns:1fr 1fr;gap:15px;display:grid}.profesional-form .grupo-entrada{flex-direction:column;gap:5px;display:flex}.profesional-form .grupo-entrada label{color:#444;font-size:.85rem;font-weight:600;display:block}.profesional-form .grupo-entrada input{background-color:#fcfcfc;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.9rem}.p-instrucciones{color:#666;margin-bottom:15px;font-size:.85rem}.pie-formulario{border-top:1px solid #eee;justify-content:flex-end;gap:15px;margin-top:20px;padding-top:15px;display:flex}@media screen and (width<=480px){.profesionales-container{padding:5px}#content-header{text-align:end;justify-content:flex-end;width:100%;height:160px;min-height:160px;display:flex}.profesionales-actions{flex-direction:column;align-items:stretch;gap:15px}.btn-crear-profesional{justify-content:center;width:100%}.profesional-form{grid-template-columns:1fr;gap:15px}.pie-formulario{flex-direction:column;gap:10px}.pie-formulario button{justify-content:center;width:100%}}.contenedor-pagos{max-width:1250px;padding:30px}.cuadricula-pagos{grid-template-columns:repeat(6,1fr);gap:20px;width:160%;margin-top:20px;display:grid}.tarjeta-pago{background:#fff;border:2px solid #eee;border-radius:15px;flex-direction:column;gap:15px;min-height:380px;padding:25px;transition:all .3s;display:flex;box-shadow:0 6px 20px #0000000f}.tarjeta-pago.activo{border-color:var(--accent-blue);background:#fdfdfd}.cabecera-tarjeta-pago{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.info-metodo{align-items:center;gap:10px;display:flex}.info-metodo i{color:var(--accent-blue);background:#e1f0ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.info-metodo h3{color:#333;margin:0;font-size:1.05rem}.cuerpo-tarjeta-pago{flex-direction:column;flex-grow:1;gap:10px;display:flex}.caja-instrucciones{width:100%}.caja-instrucciones label{color:#777;margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}.caja-instrucciones textarea,.caja-instrucciones input{background:#fcfcfc;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px;font-family:inherit;font-size:.85rem;transition:all .2s}.caja-instrucciones textarea:focus{border-color:var(--accent-blue);background:#fff;outline:none}.grupo-entrada-comision{align-items:center;max-width:120px;display:flex;position:relative}.grupo-entrada-comision .icono-porcentaje{color:#aaa;font-size:.8rem;font-weight:700;position:absolute;right:10px}.pie-tarjeta-pago{border-top:1px solid #f0f0f0;justify-content:flex-end;padding-top:10px;display:flex}.etiqueta-comision{border-radius:4px;margin-top:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.comision-positiva{color:#e03131;background:#fff1f1}.comision-negativa{color:#40c057;background:#ebfbee}.switch{transform:scale(.85)}@media (width<=1000px){.cuadricula-pagos{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.cuadricula-pagos{grid-template-columns:1fr}}@media (width<=480px){.cuadricula-pagos{grid-template-columns:repeat(6,1fr);gap:20px;width:100%;margin-top:20px;display:grid}}.pagos-header{flex-direction:column;justify-content:flex-end;height:450px;min-height:100px;padding:0 40px 40px;display:flex;position:relative;overflow:hidden}.pagos-header-info{z-index:2;position:relative}.pagos-header-info h1{color:#fff;text-align:left;margin:0}.pagos-header-info p{color:#fffc;margin:5px 0 0}.pagos-header-bg{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.contenedor-pagos{padding:20px}.btn-nuevo-pago{color:#fff;cursor:pointer;background-color:#00a8e8;border:none;border-radius:8px;align-items:center;gap:8px;width:auto;height:auto;padding:10px 20px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.btn-nuevo-pago:hover{background-color:#0086b8}.info-metodo-icon{color:#00a8e8;borderRadius:10px;background:#e1f0ff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.btn-eliminar-pago{color:#e03131;cursor:pointer;background:#ffe3e3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.btn-eliminar-pago:hover{background:#ffc9c9}.etiqueta-comision-personalizada{padding:5px 15px;font-size:.9rem}.btn-guardar-cambios{color:#fff;cursor:pointer;fontWeight:600;background:#00a8e8;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 25px;transition:background-color .2s;display:inline-flex}.btn-guardar-cambios:hover{background-color:#0086b8}.form-nuevo-pago{padding:10px}.grid-formulario-pagos{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.grid-full-width{grid-column:1/-1}.grupo-campo label{color:#444;margin-bottom:8px;font-weight:600;display:block}.grupo-campo input,.grupo-campo select,.grupo-campo textarea{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-family:inherit}.acciones-formulario-pagos{border-top:1px solid #eee;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;display:flex}.btn-modal-cancelar{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 20px}.btn-modal-confirmar{color:#fff;cursor:pointer;background:#00a8e8;border:none;border-radius:8px;padding:10px 25px;font-weight:600}.btn-modal-eliminar{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;padding:10px 25px;font-weight:600}@media screen and (width<=768px){.pagos-header{height:300px;padding:0 20px 20px}.pagos-header-info h1{font-size:1.5rem}.grid-formulario-pagos{grid-template-columns:1fr;gap:10px}.btn-nuevo-pago{justify-content:center;width:100%}.cuadricula-pagos{grid-template-columns:1fr}}@media screen and (width<=480px){.pagos-header{height:220px;padding:0 15px 15px}.pagos-header-info h1{font-size:1.25rem}.pagos-header-info p{font-size:.85rem}.contenedor-pagos{padding:15px 10px}.tarjeta-pago{padding:15px}.cabecera-tarjeta-pago h3{font-size:1rem}.acciones-formulario-pagos{flex-direction:column;gap:8px}.btn-modal-cancelar,.btn-modal-confirmar,.btn-modal-eliminar{text-align:center;width:100%}.form-nuevo-pago{padding:5px}.grupo-campo label{font-size:.9rem}.grupo-campo input,.grupo-campo select,.grupo-campo textarea{padding:10px;font-size:.9rem}}.qr-contenedor-global{justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}.qr-boton-abrir{color:#fff;cursor:pointer;background-color:#2d2d2d;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.qr-boton-abrir:hover{background-color:#404040}.qr-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal{background-color:#fff;border-radius:16px;flex-direction:column;gap:24px;width:90%;max-width:500px;padding:32px;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.qr-boton-cerrar{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex;position:absolute;top:16px;right:16px}.qr-boton-cerrar:hover{background-color:#f3f4f6}.qr-titulo-modal{color:#2d2d2d;text-align:center;margin:0;font-size:1.5rem;font-weight:700}.qr-opciones-contenedor{grid-template-columns:1fr 1fr;gap:16px;display:grid}.qr-tarjeta-opcion{cursor:pointer;text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;transition:all .2s;display:flex}.qr-tarjeta-opcion:hover{background-color:#fff;border-color:#2d2d2d;box-shadow:0 4px 6px -1px #0000001a}.qr-tarjeta-icono{color:#2d2d2d}.qr-tarjeta-titulo{color:#111827;margin:0;font-size:1.1rem;font-weight:600}.qr-tarjeta-desc{color:#6b7280;margin:0;font-size:.85rem}.qr-vista-container{flex-direction:column;align-items:center;gap:24px;display:flex}.qr-input-group{flex-direction:column;gap:8px;width:100%;display:flex}.qr-label{color:#374151;font-size:.9rem;font-weight:500}.qr-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.qr-input:focus{border-color:#2d2d2d}.qr-container{box-sizing:border-box;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:24px;display:flex}.qr-placeholder{color:#9ca3af;text-align:center;background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:100%;height:200px;display:flex}.qr-placeholder p{margin:0}.qr-ayuda-texto{color:#6b7280;text-align:center;margin-top:8px;font-size:.85rem;font-style:italic}.qr-boton-volver{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:background-color .2s;display:flex}.qr-boton-volver:hover{background-color:#f3f4f6}