*{margin:0;padding:0;box-sizing:border-box}:root{--color-primario: #2563eb;--color-hover: #1d4ed8;--color-fondo: #ffffff;--color-texto: #1f2937;--color-texto-claro: #6b7280;--color-borde: #e5e7eb;--color-error: #dc2626;--color-exito: #16a34a;--color-fondo-gris: #f9fafb;--espacio-xs: .25rem;--espacio-sm: .5rem;--espacio-md: 1rem;--espacio-lg: 1.5rem;--espacio-xl: 2rem;--espacio-xxl: 3rem;--fuente-principal: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transicion-rapida: .15s ease-in-out;--transicion-normal: .3s ease-in-out;--sombra-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sombra-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--sombra-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}body{font-family:var(--fuente-principal);color:var(--color-texto);line-height:1.6;background-color:var(--color-fondo-gris);min-height:100vh}.oculto{display:none!important}.visible{display:block}.texto-centrado{text-align:center}.texto-error{color:var(--color-error);font-size:.875rem;margin-top:var(--espacio-xs)}.texto-exito{color:var(--color-exito);font-size:.875rem;margin-top:var(--espacio-xs)}.contenedor{max-width:1200px;margin:0 auto;padding:var(--espacio-lg)}.contenedor-pequeno{max-width:500px;margin:0 auto;padding:var(--espacio-lg)}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--color-borde);border-radius:4px;font-size:1rem;font-family:var(--fuente-principal);transition:border-color var(--transicion-normal);background-color:var(--color-fondo)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primario);box-shadow:0 0 0 3px #2563eb1a}input.error,select.error,textarea.error{border-color:var(--color-error)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-fondo-gris);cursor:not-allowed;opacity:.6}.input-group{position:relative;margin:var(--espacio-lg) 0}.input-group input{width:100%;padding:1.25rem .75rem .5rem;border:1px solid var(--color-borde);border-radius:4px;font-size:1rem}.input-group label{position:absolute;top:1rem;left:.75rem;transition:all var(--transicion-normal);pointer-events:none;color:var(--color-texto-claro);background-color:transparent}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:.25rem;font-size:.75rem;color:var(--color-primario)}.form-group{margin-bottom:var(--espacio-lg)}.form-group label{display:block;margin-bottom:var(--espacio-sm);font-weight:500;color:var(--color-texto)}.checkbox-group{display:flex;align-items:center;gap:var(--espacio-sm);margin:var(--espacio-lg) 0}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.checkbox-group label{cursor:pointer;margin:0}button,.btn{background:var(--color-primario);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-family:var(--fuente-principal);font-weight:500;transition:background var(--transicion-normal),transform var(--transicion-rapida);display:inline-block;text-decoration:none;text-align:center}button:hover,.btn:hover{background:var(--color-hover);transform:translateY(-1px)}button:active,.btn:active{transform:translateY(0)}button:disabled,.btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primario);outline-offset:2px}.btn-secundario{background:#fff;color:var(--color-primario);border:1px solid var(--color-primario)}.btn-secundario:hover{background:var(--color-fondo-gris)}.btn-peligro{background:var(--color-error)}.btn-peligro:hover{background:#b91c1c}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-accion{padding:.375rem .75rem;font-size:.875rem;border-radius:4px;min-width:0;height:2rem;line-height:1;background:var(--color-primario);color:#fff;font-weight:500;transition:background var(--transicion-normal),transform var(--transicion-rapida);box-shadow:none}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:spinner .6s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.botonesAccion{display:flex;gap:var(--espacio-md);margin-top:var(--espacio-xl);flex-wrap:wrap}a{color:var(--color-primario);text-decoration:none;transition:color var(--transicion-normal)}a:hover{color:var(--color-hover);text-decoration:underline}.card{background:#fff;border-radius:8px;padding:var(--espacio-lg);box-shadow:var(--sombra-sm);transition:box-shadow var(--transicion-normal),transform var(--transicion-normal)}.card:hover{box-shadow:var(--sombra-md);transform:translateY(-2px)}.card-clickable{cursor:pointer}.botones-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--espacio-lg);margin:var(--espacio-xl) 0}.boton-dashboard{background:#fff;border:2px solid var(--color-borde);border-radius:8px;padding:var(--espacio-xl);text-align:center;cursor:pointer;transition:all var(--transicion-normal);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--espacio-md)}.boton-dashboard:hover{border-color:var(--color-primario);box-shadow:var(--sombra-md);transform:translateY(-4px)}.boton-dashboard .icono{font-size:2.5rem}.boton-dashboard .titulo{font-size:1.125rem;font-weight:600;color:var(--color-texto)}.boton-dashboard .valor{font-size:2rem;font-weight:700;color:var(--color-primario)}header{background:#fff;box-shadow:var(--sombra-sm);padding:var(--espacio-md) var(--espacio-lg);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}#toggleSidebar{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:var(--espacio-sm);color:var(--color-texto);display:flex;align-items:center;justify-content:center}#toggleSidebar:hover{background:var(--color-fondo-gris);transform:none}#logoCliente{font-size:1.25rem;font-weight:600;color:var(--color-primario);flex:1;text-align:center}#userMenu{display:flex;align-items:center;gap:var(--espacio-md);position:relative}#nombreUsuario{font-weight:500;color:var(--color-texto)}#logout{padding:var(--espacio-sm) var(--espacio-md);font-size:.875rem}.user-profile-container{position:relative;display:flex;align-items:center;gap:var(--espacio-md)}.user-name-text{font-weight:500;color:var(--color-texto);font-size:.9rem}.user-avatar-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;transition:transform var(--transicion-rapida)}.user-avatar-button:hover{transform:scale(1.05)}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primario);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all var(--transicion-normal);box-shadow:0 2px 4px #0000001a}.user-avatar:hover{box-shadow:0 4px 8px #00000026}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--color-borde);border-radius:8px;box-shadow:var(--sombra-lg);min-width:240px;z-index:1001;animation:dropdownFadeIn .2s ease-out;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--espacio-md) var(--espacio-lg);background:var(--color-fondo-gris)}.user-dropdown-name{font-weight:600;color:var(--color-texto);font-size:.95rem;margin-bottom:4px}.user-dropdown-email{font-size:.8rem;color:var(--color-texto-claro);word-break:break-all}.user-dropdown-divider{height:1px;background:var(--color-borde);margin:0}.user-dropdown-item{width:100%;padding:var(--espacio-md) var(--espacio-lg);background:none;border:none;display:flex;align-items:center;gap:var(--espacio-md);cursor:pointer;transition:background var(--transicion-rapida);font-size:.9rem;color:var(--color-texto);text-align:left;font-family:var(--fuente-principal)}.user-dropdown-item:hover{background:var(--color-fondo-gris)}.user-dropdown-item-logout{color:var(--color-error)}.user-dropdown-item-logout:hover{background:#dc26260d}.user-dropdown-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:24px}#sidebar{position:fixed;left:0;top:0;width:250px;height:100vh;background:#fff;box-shadow:var(--sombra-md);padding-top:60px;transition:transform var(--transicion-normal);z-index:99;overflow-y:auto}#sidebar.oculta{transform:translate(-100%)}#sidebar nav ul{list-style:none;padding:0}#sidebar nav li{border-bottom:1px solid var(--color-borde)}#sidebar nav a{display:flex;align-items:center;gap:var(--espacio-md);padding:var(--espacio-lg);color:var(--color-texto);text-decoration:none;transition:background var(--transicion-normal)}#sidebar nav a:hover{background:var(--color-fondo-gris);text-decoration:none}#sidebar nav li.active a{background:#2563eb1a;border-left:4px solid var(--color-primario);padding-left:calc(var(--espacio-lg) - 4px)}.menu-item-with-submenu{position:relative}.menu-item-with-submenu>a{display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative}.menu-item-with-submenu.has-active-child>a{background:#2563eb0d}.menu-icon,.submenu-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;font-size:1.2rem}.menu-text,.submenu-text{flex:1}.menu-arrow{font-size:.75rem;transition:transform var(--transicion-normal);color:var(--color-texto-claro);margin-left:auto}.menu-item-with-submenu>a.expanded .menu-arrow{transform:rotate(0)}.submenu{list-style:none;padding:0;margin:0;background:#00000005;transition:all var(--transicion-normal) ease-in-out}.submenu-collapsed{max-height:0!important;opacity:0;overflow:hidden;visibility:hidden}.submenu-expanded{max-height:500px!important;opacity:1;overflow:visible;visibility:visible}.submenu li{border-bottom:none}.submenu a{padding:var(--espacio-md) var(--espacio-lg);padding-left:calc(var(--espacio-lg) + 24px + var(--espacio-md));font-size:.9rem;display:flex;align-items:center;gap:var(--espacio-sm);color:var(--color-texto);text-decoration:none;transition:background var(--transicion-normal)}.submenu li.active a{background:#2563eb26;border-left:4px solid var(--color-primario);padding-left:calc(var(--espacio-lg) + 24px + var(--espacio-md) - 4px);font-weight:500}.submenu a:hover{background:#2563eb14}.submenu-icon{font-size:1rem;width:20px;display:inline-flex;align-items:center;justify-content:center}.main-con-sidebar{margin-left:250px;padding:var(--espacio-xl);transition:margin-left var(--transicion-normal);min-height:calc(100vh - 60px)}.main-con-sidebar.sidebar-oculta{margin-left:0}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--sombra-sm);margin:var(--espacio-lg) 0}thead{background:var(--color-primario);color:#fff}th,td{padding:var(--espacio-md);text-align:left;border-bottom:1px solid var(--color-borde)}th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background:var(--color-fondo-gris)}tbody tr:last-child td{border-bottom:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transicion-normal)}.modal.oculto{display:none}.modal-content{background:#fff;padding:var(--espacio-xl);border-radius:8px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--sombra-lg);animation:slideUp var(--transicion-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin-bottom:var(--espacio-lg);color:var(--color-texto)}footer{background:#fff;border-top:1px solid var(--color-borde);padding:var(--espacio-xl) var(--espacio-lg);text-align:center;margin-top:var(--espacio-xxl)}.redes-sociales{display:flex;justify-content:center;gap:var(--espacio-lg);margin-bottom:var(--espacio-md)}.redes-sociales a{font-size:1.5rem;transition:transform var(--transicion-normal);display:inline-block}.redes-sociales a:hover{transform:scale(1.2)}footer p{color:var(--color-texto-claro);font-size:.875rem}.widget{background:#fff;border-radius:8px;padding:var(--espacio-lg);box-shadow:var(--sombra-sm);margin-bottom:var(--espacio-lg)}.widget h3{margin-bottom:var(--espacio-md);color:var(--color-texto);font-size:1.125rem}.widget-content{color:var(--color-texto-claro);font-size:.875rem}.grafico-placeholder{display:flex;align-items:flex-end;gap:var(--espacio-sm);height:150px;padding:var(--espacio-md)}.barra{flex:1;background:var(--color-primario);border-radius:4px 4px 0 0;transition:background var(--transicion-normal);opacity:.8}.barra:hover{opacity:1;background:var(--color-hover)}#calendarioSemanal{overflow-x:auto;margin:var(--espacio-lg) 0}#calendarioSemanal table{min-width:600px}.slot{cursor:pointer;min-height:60px;border:1px solid var(--color-borde);transition:background var(--transicion-normal)}.slot:hover{background:#2563eb1a}.slot.ocupado{background:var(--color-fondo-gris);cursor:not-allowed}@media(max-width:768px){:root{--espacio-lg: 1rem;--espacio-xl: 1.5rem}header{padding:var(--espacio-sm) var(--espacio-md)}#logoCliente{font-size:1rem}#sidebar{width:100%;box-shadow:none}#sidebar.oculta{transform:translate(-100%)}.main-con-sidebar{margin-left:0;padding:var(--espacio-md)}.botones-grid{grid-template-columns:1fr}.botonesAccion{flex-direction:column}.botonesAccion button{width:100%}table{font-size:.875rem}th,td{padding:var(--espacio-sm)}.modal-content{width:95%;padding:var(--espacio-lg)}}@media(max-width:480px){#logoCliente{display:none}.boton-dashboard{min-height:100px;padding:var(--espacio-lg)}.boton-dashboard .icono{font-size:2rem}.boton-dashboard .titulo{font-size:1rem}}.tabla-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-datos{width:100%;border-collapse:collapse;background:var(--color-fondo);font-size:.95rem}.tabla-datos thead{background:var(--color-fondo-gris);border-bottom:2px solid var(--color-borde)}.tabla-datos th{padding:1rem;text-align:left;font-weight:600;color:var(--color-texto);white-space:nowrap}.tabla-datos tbody tr{border-bottom:1px solid var(--color-borde);transition:background var(--transicion-rapida)}.tabla-datos tbody tr:hover{background:var(--color-fondo-gris)}.tabla-datos td{padding:1rem;color:var(--color-texto)}.tabla-datos tbody tr:last-child{border-bottom:none}.btn-accion{background:transparent;border:none;padding:.5rem;cursor:pointer;font-size:1.2rem;transition:transform var(--transicion-rapida);margin:0 .25rem}.btn-accion:hover{transform:scale(1.2)}.btn-accion:active{transform:scale(1)}.btn-editar:hover,.btn-eliminar:hover{filter:brightness(1.2)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--espacio-lg)}.modal-overlay.oculto{display:none}.modal-contenido{background:var(--color-fondo);border-radius:8px;box-shadow:var(--sombra-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-borde)}.modal-header h2{margin:0;color:var(--color-primario);font-size:1.5rem}.modal-cerrar{background:transparent;border:none;font-size:2rem;color:var(--color-texto-claro);cursor:pointer;padding:0;width:2rem;height:2rem;line-height:1;transition:color var(--transicion-rapida)}.modal-cerrar:hover{color:var(--color-texto);transform:none}.modal-contenido form{padding:1.5rem}.modal-acciones{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-borde)}.modal-acciones button{min-width:100px}.menu-item-with-submenu .submenu{list-style:none;padding-left:1.5rem;margin-top:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.menu-item-with-submenu .submenu.visible{max-height:500px}.menu-item-with-submenu .submenu li{margin:.25rem 0}.menu-item-with-submenu .submenu a{font-size:.9rem;padding:.5rem 0;display:block}.badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;text-transform:capitalize}.badge-usuario{background-color:#dbeafe;color:#1e40af}.badge-asesor{background-color:#fef3c7;color:#92400e}.badge-admin{background-color:#fce7f3;color:#9f1239}.badge-success{background-color:#dcfce7;color:#166534}.badge-secondary{background-color:#f3f4f6;color:#6b7280}.table-actions{display:flex;gap:.5rem;justify-content:flex-start}.btn-sm{padding:.375rem .75rem;font-size:.875rem;min-width:auto}.btn-warning{background-color:#fbbf24;color:#78350f}.btn-warning:hover:not(:disabled){background-color:#f59e0b}.btn-danger:disabled,.btn-primary:disabled,.btn-warning:disabled{opacity:.5;cursor:not-allowed}.modal-sm{max-width:500px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-top:1.75rem}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.checkbox-label span{font-size:.875rem;font-weight:500}.password-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-texto-claro);font-style:italic}.text-center{text-align:center}.text-muted{color:var(--color-texto-claro);font-size:.875rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}