*{box-sizing:border-box}body,html{background:linear-gradient(135deg,#00b4d8,#25d366);background-color:#f5f5f5;background-color:var(--color-bg,#f5f5f5);min-height:100vh;transition:background-color .3s;transition:background-color var(--transition-normal,.3s) var(--transition-easing,ease)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--color-text,#333);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{background:linear-gradient(135deg,#00b4d8,#25d366);background-color:#f5f5f5;background-color:var(--color-bg,#f5f5f5);position:relative;transition:background-color .3s;transition:background-color var(--transition-normal,.3s) var(--transition-easing,ease);min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-soft);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}:root[data-dark=true] [class$=-page]{background:var(--color-bg)!important;transition:background var(--transition-normal) var(--transition-easing)}#loading{align-items:center;animation:.5s ease-in fadeIn;background:linear-gradient(135deg,#00b4d8,#25d366);background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;top:0;transition:opacity .3s ease-out;width:100%;z-index:9999}#loading-background-animation{animation:20s linear infinite backgroundMove;background:radial-gradient(circle at center,#ffffff14,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}#loading-content{position:relative;z-index:1}#loading.fade-out{opacity:0}#loading-logo{animation:.6s ease-in logoFadeIn,2s ease-in-out infinite logoPulse;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));height:auto;width:120px;will-change:transform}#loading-text-container{align-items:center;animation:.8s ease-in textFadeIn;display:flex;gap:8px;justify-content:center;margin-top:20px}#loading-text{color:#fff;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:18px;font-weight:500;opacity:.95}.loading-dots{align-items:center;display:flex;gap:6px}.loading-dots span{animation:1.2s ease-in-out infinite dotBounce;background:#fff;background:var(--text-color);border-radius:50%;height:8px;opacity:.9;width:8px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dotBounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes backgroundMove{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}@media (max-width:768px){#loading-logo{width:100px}#loading-text{font-size:16px}.loading-dots span{height:6px;width:6px}}.modulos-tarjetas-container{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:143px;grid-template-columns:repeat(7,143px);justify-content:center;margin:0 auto;max-width:1500px;padding:24px;width:100%}.tarjeta-modulo{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 3px 7px var(--color-shadow-md);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:143px;justify-content:center;padding:14px;position:relative;text-align:center;transition:all var(--transition-normal) var(--transition-easing);width:143px}.tarjeta-modulo:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 10px 25px var(--color-shadow-lg);color:var(--color-text-inverse);transform:translateY(-3px) scale(1.03)}.tarjeta-modulo:hover .icono-tarjeta,.tarjeta-modulo:hover h3{color:#fff}.icono-tarjeta{align-items:center;color:var(--color-primary);display:flex;flex-shrink:0;font-size:2.4rem;height:auto;justify-content:center;line-height:1;margin-bottom:9px;transition:color var(--transition-normal) var(--transition-easing);width:100%}.icono-tarjeta img.tarjeta-logo{height:2.4rem;object-fit:contain;width:2.4rem}.tarjeta-modulo h3{word-wrap:break-word;color:var(--color-text);flex-shrink:0;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow-wrap:break-word;text-align:center}.tarjeta-modulo.disabled{background:var(--color-bg-soft);border-color:var(--color-border);cursor:not-allowed;opacity:.6;pointer-events:none}@media (max-width:1400px) and (min-width:1201px){.modulos-tarjetas-container{grid-template-columns:repeat(6,143px);max-width:1200px}}@media (max-width:1200px) and (min-width:901px){.modulos-tarjetas-container{gap:16px;grid-template-columns:repeat(5,143px);max-width:1000px;padding:18px}}@media (max-width:900px) and (min-width:769px){.modulos-tarjetas-container{gap:16px;grid-template-columns:repeat(4,143px);max-width:800px;padding:18px}}@media (max-width:768px) and (min-width:601px){.modulos-tarjetas-container{gap:14px;grid-template-columns:repeat(3,143px);max-width:600px;padding:15px}}@media (max-width:600px) and (min-width:481px){.modulos-tarjetas-container{gap:12px;grid-template-columns:repeat(2,143px);max-width:400px;padding:15px}}@media (max-width:480px){.modulos-tarjetas-container{gap:12px;grid-auto-rows:minmax(120px,1fr);grid-template-columns:repeat(2,1fr);max-width:100%;padding:12px}.tarjeta-modulo{height:100%;min-height:120px;padding:10px;width:100%}.icono-tarjeta{font-size:2rem;margin-bottom:6px}.icono-tarjeta img.tarjeta-logo{height:2rem;width:2rem}.tarjeta-modulo h3{font-size:.8rem}}:root{--bg-gradient-start:#00b4d8;--bg-gradient-end:#25d366;--text-color:#fff;--color-error:#d32f2f;--color-error-hover:#b71c1c;--color-blanco:#fff;--color-primario:#00b4d8;--color-secundario:#25d366;--border-radius:8px}.cerrar-sesion-container{position:relative}.cerrar-sesion-button{background:#d32f2f;background:var(--color-error);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--color-blanco);cursor:pointer;font-size:18px;font-weight:700;padding:14px 24px;transition:background .3s,box-shadow .3s}.cerrar-sesion-button:hover{background:#b71c1c;background:var(--color-error-hover);box-shadow:0 6px 12px #b71c1c66}.logout-overlay{background:linear-gradient(135deg,#00b4d8,#25d366);background:linear-gradient(135deg,var(--color-primario),var(--color-secundario));height:100vh!important;left:0!important;max-width:100vw!important;overflow:visible!important;position:fixed!important;top:0!important;width:100%!important;z-index:10000}.logout-message{animation:3s forwards fadeOut;color:#fff;color:var(--color-blanco);font-size:30px;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.sello-img{animation:5s infinite fall;height:50px;position:absolute;top:-100px;width:50px}@keyframes fall{0%{opacity:1;transform:translateY(-100px) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.toggle-modo-oscuro{align-items:center;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast) var(--transition-easing)}.toggle-modo-oscuro:hover{background-color:var(--color-bg-hover);border-color:var(--color-primary)}.toggle-modo-oscuro:active{transform:scale(.98)}.toggle-icon{font-size:1.125rem;line-height:1}.toggle-label{font-size:.875rem}:root{--primary-color:#00bcd4;--ep-icon-size:clamp(55px,12vw,70px);--ep-overlay-bg:#00000080;--ep-spin-duration:0.8s;--ep-spin-timing:linear;--ep-z-index:99999;--ep-overlay-transition:0.3s ease;--ep-focus-outline:2px solid #00bcd4;--ep-modal-radius:10px;--ep-modal-padding:clamp(15px,5vw,25px);--ep-modal-bg:#fff;--ep-text-color:#333}@media (prefers-color-scheme:dark){:root{--ep-overlay-bg:#000c;--primary-color:#81d4fa;--ep-modal-bg:#333;--ep-text-color:#fff}}.ep-procesando-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;background:var(--ep-overlay-bg);bottom:0;display:flex;height:100vh;justify-content:center;left:0;margin:0;min-height:100%;min-width:100%;opacity:0;padding:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s,visibility 0s .3s;transition:opacity var(--ep-overlay-transition),visibility 0s var(--ep-overlay-transition);visibility:hidden;width:100vw;z-index:99999;z-index:var(--ep-z-index)}.ep-procesando-overlay.visible{opacity:1;pointer-events:all;visibility:visible;will-change:opacity}.ep-procesando-modal{align-items:center;background:#fff;background:var(--ep-modal-bg);border-radius:10px;border-radius:var(--ep-modal-radius);box-shadow:0 8px 16px #0000004d;display:flex;flex-direction:column;min-width:clamp(160px,30vw,200px);outline-offset:2px;padding:clamp(15px,5vw,25px);padding:var(--ep-modal-padding)}.ep-procesando-modal:focus{outline:#00bcd4 solid 2px;outline:var(--ep-focus-outline)}.ep-procesando-icon{animation:.8s linear infinite ep-spin;animation:ep-spin var(--ep-spin-duration) var(--ep-spin-timing) infinite;backface-visibility:hidden;height:clamp(55px,12vw,70px);height:var(--ep-icon-size);margin-bottom:15px;object-fit:contain;transform:translateZ(0);width:clamp(55px,12vw,70px);width:var(--ep-icon-size);will-change:transform}@keyframes ep-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ep-procesando-modal p{color:#333;color:var(--ep-text-color);font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;margin:0;text-align:center}@media (prefers-reduced-motion:reduce){.ep-procesando-icon{animation:none}}.welcome-overlay-main{align-items:center;animation:.6s ease-out overlayFadeIn;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000bf;background:var(--color-bg-overlay-strong,#000000bf);bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0!important;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;overflow:hidden!important;overscroll-behavior:none;padding:0!important;position:fixed;right:0;top:0;touch-action:none;width:100vw;z-index:10000}html.welcome-overlay-active,html.welcome-overlay-active body{bottom:0!important;box-sizing:border-box!important;height:100vh!important;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden!important;overscroll-behavior:none!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important}html.welcome-overlay-active *{overscroll-behavior:none!important}.welcome-overlay-main.fade-out{animation:.3s ease-out forwards overlayFadeOut;pointer-events:none}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.welcome-overlay-main .welcome-overlay-content{animation:.8s cubic-bezier(.34,1.56,.64,1) welcomeScale!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:#fffffff2!important;background:var(--color-bg-glass,#fffffff2)!important;border:1px solid #ffffff4d!important;border:1px solid var(--color-border-glass,#ffffff4d)!important;border-radius:16px!important;border-radius:var(--radius-xl,16px)!important;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff1a!important;box-shadow:0 20px 60px var(--color-shadow-lg,#0000004d),0 0 0 1px #ffffff1a inset!important;box-sizing:border-box!important;margin:0 auto!important;max-height:100vh!important;max-width:800px!important;min-width:600px!important;overflow:hidden!important;overscroll-behavior:none!important;padding:1.5rem 1rem!important;padding:var(--spacing-lg,1.5rem) var(--spacing-md,1rem)!important;position:relative!important;text-align:center!important;width:100%!important}.welcome-overlay-content:before{animation:3s ease-in-out infinite shimmer;background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(30px,30px) rotate(180deg)}}@keyframes welcomeScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.welcome-overlay-main .welcome-header{margin-bottom:1.5rem!important;margin-bottom:var(--spacing-lg,1.5rem)!important;position:relative!important;z-index:1!important}.welcome-overlay-main .welcome-title{-webkit-text-fill-color:#0000!important;word-wrap:break-word!important;background:linear-gradient(135deg,#2563eb,#10b981)!important;background:var(--gradient-primary,linear-gradient(135deg,#2563eb,#10b981))!important;-webkit-background-clip:text!important;background-clip:text!important;border:none!important;box-shadow:none!important;font-size:2rem!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.3!important;margin:0!important;overflow-wrap:break-word!important;padding:0!important;position:relative!important}.welcome-overlay-main .welcome-body{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1.5rem!important;gap:var(--spacing-lg,1.5rem)!important;position:relative!important;z-index:1!important}.welcome-overlay-main .welcome-body .welcome-message{word-wrap:break-word!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#64748b!important;color:var(--color-text-secondary,#64748b)!important;font-size:1.2rem!important;font-weight:500!important;letter-spacing:.01em!important;line-height:1.4!important;margin:0!important;max-width:none!important;min-width:auto!important;overflow-wrap:break-word!important;padding:0!important;width:auto!important}.welcome-loading-container{align-items:center;display:flex;height:100px;justify-content:center;margin-top:4rem;margin-top:var(--spacing-3xl,4rem);overflow:hidden!important;overscroll-behavior:none;position:relative;width:100%}body.welcome-overlay-active .ep-procesando-overlay,html.welcome-overlay-active body .ep-procesando-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;overflow:hidden!important;overscroll-behavior:none!important;padding:0!important;pointer-events:none!important;position:fixed!important;width:100vw!important;z-index:10001!important}body.welcome-overlay-active .ep-procesando-modal,html.welcome-overlay-active body .ep-procesando-modal{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-height:none!important;max-width:none!important;min-width:auto!important;outline:0!important;overflow:hidden!important;overscroll-behavior:none!important;padding:0!important}body.welcome-overlay-active .ep-procesando-modal p,html.welcome-overlay-active body .ep-procesando-modal p{display:none!important}body.welcome-overlay-active .ep-procesando-icon,html.welcome-overlay-active body .ep-procesando-icon{height:80px!important;margin-bottom:0!important;width:80px!important}:root[data-dark=true] .welcome-overlay-content{background:#1e293bf2;background:var(--color-bg-glass-dark,#1e293bf2);border-color:#ffffff1a;border-color:var(--color-border-glass-dark,#ffffff1a)}:root[data-dark=true] .welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#34d399);background:var(--gradient-primary,linear-gradient(135deg,#3b82f6,#34d399));-webkit-background-clip:text;background-clip:text}:root[data-dark=true] .welcome-message{color:#94a3b8;color:var(--color-text-secondary-dark,#94a3b8)}:root[data-dark=true] .pulse-dot{box-shadow:0 0 0 0 #3b82f666,0 4px 12px #3b82f64d}@media (max-width:768px){.welcome-overlay-main .welcome-overlay-content{max-width:700px!important;min-width:550px!important;padding:1.5rem 1rem!important;padding:var(--spacing-lg,1.5rem) var(--spacing-md,1rem)!important;width:90%!important}.welcome-overlay-main .welcome-title{font-size:1.7rem!important}.welcome-overlay-main .welcome-body .welcome-message{font-size:1.1rem!important}}@media (max-width:480px){.welcome-overlay-main .welcome-overlay-content{max-width:600px!important;min-width:450px!important;padding:1rem .5rem!important;padding:var(--spacing-md,1rem) var(--spacing-sm,.5rem)!important;width:95%!important}.welcome-overlay-main .welcome-title{font-size:1.5rem!important}.welcome-overlay-main .welcome-body .welcome-message{font-size:1rem!important}}.main-page{align-items:flex-start;background:var(--gradient-primary);box-sizing:border-box;display:flex;font-family:Roboto,sans-serif;height:100vh;justify-content:center;margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-xl) 0;transition:background var(--transition-normal) var(--transition-easing);width:100%}:root[data-dark=true] .main-page{background:var(--color-bg)}.main-content{border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin:0 var(--spacing-md);margin-bottom:var(--spacing-xl);max-width:1400px;min-height:fit-content;padding:var(--spacing-lg)}.header-unificado,.main-content{background:var(--color-bg);box-shadow:0 10px 25px var(--color-shadow-lg);box-sizing:border-box;overflow:hidden;width:100%}.header-unificado{align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;justify-content:space-between;max-width:100%;padding:var(--spacing-md) var(--spacing-lg)}.header-actions{gap:var(--spacing-md)}.header-actions,.usuario-info{align-items:center;display:flex}.usuario-info{gap:14px}.avatar-circle{align-items:center;background:var(--gradient-primary);border-radius:50%;color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:55px;justify-content:center;width:55px}.usuario-info h1{word-wrap:break-word;color:var(--color-text);font-size:1.2rem;font-weight:600;margin:0;overflow-wrap:break-word}.notaria-info{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;padding-right:var(--spacing-lg);text-align:right}.notaria-info h2{color:var(--color-primary);font-size:1.38rem;font-weight:700;margin:0}.notaria-info h2,.notaria-info p{word-wrap:break-word;overflow-wrap:break-word;text-align:right}.notaria-info p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.25;margin:var(--spacing-xs) 0 0 0}.contenedor-modulos{margin-top:25px}.buttons{margin-top:30px;text-align:center}.btn-cierre{background:var(--color-error);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;font-size:.9375rem;padding:var(--spacing-sm) var(--spacing-lg);transition:background-color var(--transition-fast) var(--transition-easing)}.btn-cierre:hover{background:var(--color-error-hover)}@media (max-width:768px){.header-unificado{flex-direction:column;gap:12px;text-align:center}.notaria-info{text-align:center}.usuario-info{justify-content:center}}:root{--banner-initial-height:50px;--banner-expanded-height:100px;--transition-duration:0.3s;--transition-duration-height:0.5s}.Banner{align-items:center;background:var(--gradient-primary);display:flex;height:50px;height:var(--banner-initial-height);justify-content:space-between;margin-bottom:0;overflow:hidden;padding:5px 15px;position:relative;transition:height .5s ease-in-out,opacity .3s ease-in-out;transition:height var(--transition-duration-height) ease-in-out,opacity var(--transition-duration) ease-in-out}.Banner:focus-within,.Banner:hover{height:100px;height:var(--banner-expanded-height)}.banner-collapsed{align-items:center;display:flex;justify-content:center;position:absolute;transition:opacity .3s ease-in-out;transition:opacity var(--transition-duration) ease-in-out;width:100%;z-index:2}.Banner:focus-within .banner-collapsed,.Banner:hover .banner-collapsed{opacity:0;pointer-events:none}.collapsed-logo{height:clamp(30px,8vw,40px);width:auto}.collapsed-title{color:var(--color-text-inverse);font-size:clamp(1rem,2vw,18px);font-weight:700;margin-left:10px}.banner-background{align-items:center;display:flex;opacity:0;padding-left:10px;transition:opacity .3s ease-in-out;transition:opacity var(--transition-duration) ease-in-out}.Banner:focus-within .banner-background,.Banner:hover .banner-background{opacity:1}.main-logo{height:clamp(50px,12vw,75px);transition:transform .3s ease-in-out;transition:transform var(--transition-duration) ease-in-out;width:auto}.main-logo:hover{transform:scale(1.1)}.modulos-container{align-items:center;display:flex;flex-grow:1;gap:20px;justify-content:flex-end;opacity:0;padding-right:10px;transition:opacity .3s ease-in-out;transition:opacity var(--transition-duration) ease-in-out}.Banner:focus-within .modulos-container,.Banner:hover .modulos-container{opacity:1}.modulo-icon{align-items:center;color:var(--color-text-inverse);display:flex;font-size:clamp(30px,5vw,45px);justify-content:center;transition:transform .3s ease-in-out;transition:transform var(--transition-duration) ease-in-out}.modulo-icon:hover,.modulo-logo:hover{transform:scale(1.2)}.modulo-link{align-items:center;color:inherit;cursor:pointer;display:flex;flex-direction:column;text-decoration:none}.modulo-link span{color:var(--color-text-inverse);font-size:clamp(.8rem,2vw,12px);font-weight:700;margin-top:5px}.modulo-link:hover span{color:var(--color-text-inverse);opacity:.9}.Banner.fade-out{opacity:0}@media (max-width:768px){.Banner{flex-direction:column;height:100px;height:var(--banner-expanded-height);padding:10px}.banner-background,.banner-collapsed,.modulos-container{opacity:1;position:static;transition:none}.collapsed-title{margin-left:0;text-align:center;width:100%}.modulos-container{flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 0}.main-logo{height:clamp(40px,15vw,60px)}}.connection-status-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:8px;position:fixed;right:20px;top:80px;z-index:1000}.connection-status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:20px;box-shadow:var(--color-shadow-md);display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 12px;transition:.3s}.connection-status-badge:hover{box-shadow:var(--color-shadow-lg);transform:translateY(-2px)}.status-icon{font-size:1rem;line-height:1}.status-text{white-space:nowrap}.queue-badge{background:var(--color-warning);border-radius:10px;font-size:.75rem;font-weight:600;margin-left:4px;padding:2px 6px}.queue-badge,.reconnect-button{color:var(--color-text-inverse)}.reconnect-button{background:var(--color-primary);border:none;border-radius:16px;box-shadow:var(--color-shadow-sm);cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:.3s}.reconnect-button:hover{background:var(--color-primary-hover);box-shadow:var(--color-shadow-md);transform:translateY(-2px)}.reconnect-button:active{transform:translateY(0)}@media (max-width:768px){.connection-status-indicator{right:10px;top:60px}.connection-status-badge{font-size:.75rem;padding:6px 10px}.status-text{display:none}.reconnect-button{font-size:.75rem;padding:5px 10px}}.atencion-ejecutivo-page{align-items:center;background:var(--gradient-primary);display:flex;font-family:Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:visible;padding:1rem;position:relative}.atencion-ejecutivo-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:1rem;box-shadow:var(--color-shadow-lg);max-width:600px;padding:2rem;position:relative;text-align:center;transition:transform .3s;width:90%}.atencion-ejecutivo-content:hover{transform:translateY(-5px)}.header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header h1{color:var(--color-text);font-size:2.5rem;margin:0 auto;text-align:center;text-shadow:var(--color-shadow-text)}.minimize-button{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px}.minimize-button:hover{color:var(--color-text)}.session-start{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.modulo-select{background:var(--color-bg-glass);border:2px solid var(--color-border-glass);border-radius:.5rem;color:var(--color-text);cursor:pointer;font-size:1.2rem;padding:.8rem;transition:.3s;width:250px}.modulo-select:focus{border-color:var(--color-primary);box-shadow:0 0 8px var(--color-primary-shadow);outline:0}.start-session-button{background:var(--color-success);border:none;border-radius:.5rem;box-shadow:var(--color-shadow-lg);color:var(--color-text-inverse);cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:.3s}.start-session-button:hover:not(:disabled){background:var(--color-success-hover);transform:scale(1.05)}.start-session-button:disabled{background:var(--color-gray-400);cursor:not-allowed}.session-active{display:flex;flex-direction:column;gap:1.5rem}.info-panel{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:.5rem;padding:1rem}.info-panel p{color:var(--color-text);font-size:1.2rem;margin:.5rem 0}.info-panel p span{font-weight:700}.turn-display{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:1rem;box-shadow:var(--color-shadow-lg);padding:2rem;text-align:center;transition:transform .3s}.turn-display.flash{animation:1s ease-in-out flashlight;transform:scale(1.05)}.turn-label{color:var(--color-text);display:block;font-size:2rem;margin-bottom:.5rem}.call-button{background:var(--color-success)}.call-button,.repeat-button{border:none;border-radius:.5rem;color:var(--color-text-inverse);cursor:pointer;font-size:1.1rem;padding:1rem;transition:.3s}.repeat-button{background:var(--color-warning)}.call-button:hover:not(:disabled),.repeat-button:hover:not(:disabled){background:var(--color-success-hover);transform:scale(1.05)}.call-button:disabled,.repeat-button:disabled{background:var(--color-gray-400);cursor:not-allowed}.back-button{background:var(--color-danger);border:none;border-radius:.5rem;color:var(--color-text-inverse);cursor:pointer;font-size:1rem;margin-top:1rem;padding:.8rem 1.5rem;transition:.3s}.back-button:hover{background:var(--color-danger-hover);transform:scale(1.05)}.loading{animation:1.5s infinite pulse;border:1px solid var(--color-border-glass);border-radius:1rem;box-shadow:var(--color-shadow-lg);color:var(--color-text);font-size:1.5rem;font-weight:700;left:50%;padding:1.5rem;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.error-message,.loading{background:var(--color-bg-glass)}.error-message{border-radius:.5rem;color:var(--color-error);font-size:1.2rem;margin:1rem 0;padding:.8rem}.confirm-dialog{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-overlay);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.confirm-dialog-content{background:var(--color-bg-glass);border:1px solid var(--color-border-glass);border-radius:1rem;box-shadow:var(--color-shadow-lg);max-width:400px;padding:2rem;text-align:center;width:90%;z-index:10000}.confirm-dialog-content h2{color:var(--color-text);font-size:1.8rem;margin-bottom:1rem}.confirm-dialog-content p{color:var(--color-text);font-size:1.2rem;margin-bottom:1.5rem}.confirm-dialog-content button{border:none;border-radius:.5rem;cursor:pointer;font-size:1.1rem;margin:0 5px;padding:.8rem 1.5rem;transition:.3s}.confirm-button{background:var(--color-success);color:var(--color-text-inverse)}.confirm-button:hover{background:var(--color-success-hover);transform:scale(1.05)}.cancel-button-vinotinto{background:var(--color-danger-dark);color:var(--color-text-inverse)}.cancel-button-vinotinto:hover{background:var(--color-danger);transform:scale(1.05)}.confirm-dialog-content .inline-buttons button:first-child{background:var(--color-danger-dark);color:var(--color-text-inverse)}.confirm-dialog-content .inline-buttons button:first-child:hover{background:var(--color-danger);transform:scale(1.05)}.confirm-dialog-content .inline-buttons button:nth-child(2){background:var(--color-gray-600);color:var(--color-text-inverse)}.confirm-dialog-content .inline-buttons button:nth-child(2):hover{background:var(--color-gray-700);transform:scale(1.05)}.confirm-dialog-content .inline-buttons button:last-child{background:var(--color-success);color:var(--color-text-inverse)}.confirm-dialog-content .inline-buttons button:last-child:hover{background:var(--color-success-hover);transform:scale(1.05)}@keyframes flashlight{0%,to{color:var(--color-text);transform:scale(1)}50%{color:var(--color-success);transform:scale(1.1)}}@media (max-width:768px){.atencion-ejecutivo-content{padding:1.5rem}.atencion-ejecutivo-content h1{font-size:2rem}.modulo-select{width:200px}.turn-number{font-size:3rem}.action-buttons{grid-template-columns:1fr}.confirm-dialog-content{padding:1.5rem}.confirm-dialog-content h2{font-size:1.5rem}.confirm-dialog-content p{font-size:1rem}}.announce-button{background:var(--color-info);border:none;border-radius:.5rem;box-shadow:var(--color-shadow-lg);color:var(--color-text-inverse);cursor:pointer;font-size:1.1rem;padding:1rem;transition:.3s}.announce-button:hover:not(:disabled){background:var(--color-info-dark);transform:scale(1.05)}.announce-button:disabled{background:var(--color-gray-400);cursor:not-allowed}.action-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.floater-window{background:var(--color-bg-glass);border:2px solid var(--color-primary);border-radius:8px;bottom:20px;box-shadow:var(--color-shadow-md);font-size:14px;padding:8px;position:fixed;right:20px;width:200px;z-index:1000}.floater-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.floater-controls .turn-label{color:var(--color-text);font-size:14px}.floater-controls .icons{display:flex;gap:4px}.floater-controls button{background:0 0;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px}.floater-controls button:hover{color:var(--color-text)}.turn-number-container{margin-bottom:8px;text-align:center}.turn-number{color:var(--color-text);display:block;font-size:48px;font-weight:700}.action-buttons.small-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.action-buttons.small-buttons button{border-radius:4px;flex:1 1 auto;font-size:12px;max-width:100px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.inline-buttons{display:flex;gap:.5rem;justify-content:center}.salir-vinotinto{background:var(--color-danger-dark)}.salir-vinotinto,.si-verde{color:var(--color-text-inverse)}.si-verde{background:var(--color-success)}.no-vinotinto{background:var(--color-danger-dark);color:var(--color-text-inverse)}.minimize-button-green{align-self:flex-start;background:var(--gradient-primary);border:none;border-radius:.5rem;color:var(--color-text-inverse);cursor:pointer;font-size:1rem;margin-left:auto;padding:.6rem 1rem;transition:.3s}.minimize-button-green:hover{background:var(--color-success-hover);transform:scale(1.05)}:root{--chat-font-family:"Roboto",sans-serif;--chat-bg:var(--color-bg-soft);--chat-message-bg:var(--color-primary-light);--chat-own-message-bg:var(--color-bg);--chat-button-bg:var(--gradient-primary);--chat-button-unread-bg:var(--gradient-error);--chat-button-hover:var(--color-success);--chat-glass-shadow:0 12px 24px var(--color-shadow-lg);--chat-backdrop-filter:blur(8px);--chat-border:1px solid var(--color-border-light);--unread-badge-bg:var(--color-error);--chat-header-bg:var(--color-bg-soft);--button-hover-scale:1.05;--sidebar-bg:var(--color-bg-soft);--sidebar-item-hover:var(--color-bg-hover);--sidebar-item-active:var(--color-primary);--sidebar-item-color-active:var(--color-text-inverse);--border-color:var(--color-border);--has-unread-bg:var(--color-warning-light);--search-bg:var(--color-bg);--search-border:1px solid var(--color-border);--search-focus-shadow:0 0 0 2px var(--color-focus-shadow);--highlighted-bg:var(--color-warning-light);--sidebar-card-bg:var(--color-bg);--sidebar-card-shadow:0 2px 4px var(--color-shadow-sm)}.nac-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-bg-overlay);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.nac-container{animation:.3s scaleIn;background:var(--color-bg-modal);border:var(--chat-border);border-radius:var(--radius-lg);box-shadow:0 12px 24px var(--color-shadow-lg);box-shadow:var(--chat-glass-shadow);max-width:500px;padding:24px;position:relative;width:90%}.nac-close-btn{align-items:center;background:0 0;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:absolute;right:12px;top:12px;transition:color .2s,transform .2s;width:32px}.nac-close-btn:hover{background:var(--color-bg-hover);color:var(--color-error);transform:rotate(90deg)}.nac-title{color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0 0 20px;text-align:center}.dropzone{background:var(--color-bg-soft);border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:30px 20px;text-align:center;transition:.3s}.dropzone:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.dropzone:focus{outline:2px solid var(--color-primary);outline-offset:2px}.attachments a{color:var(--color-primary);cursor:pointer;display:block;margin-top:8px;text-decoration:underline}.unread-badge{align-items:center;background:var(--color-error);background:var(--unread-badge-bg);border-radius:50%;box-shadow:0 1px 3px var(--color-shadow-sm);color:var(--color-text-inverse);display:inline-flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;margin-left:auto;transition:.3s;width:24px}.unread-badge:hover{transform:scale(1.1)}.chat-sidebar{background-color:var(--color-bg-soft);background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);flex-shrink:0;max-width:280px;min-width:180px;overflow-x:hidden;overflow-y:auto;padding:12px;width:220px}.sidebar-search{margin-bottom:10px}.sidebar-search-input{background:var(--color-bg) url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 15px center;background:var(--search-bg) url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 15px center;background-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:inset 0 1px 3px var(--color-shadow-sm);color:var(--color-primary);padding:10px 10px 10px 40px;transition:box-shadow .3s;width:100%}.sidebar-search-input:focus{box-shadow:0 0 0 2px var(--color-focus-shadow);outline:0}.sidebar-title{color:var(--color-text);font-weight:700;margin-bottom:10px}.sidebar-item{align-items:center;background:var(--color-bg);background:var(--sidebar-card-bg);border-radius:var(--radius-md);box-shadow:0 2px 4px var(--color-shadow-sm);box-shadow:var(--sidebar-card-shadow);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:background .3s,box-shadow .3s}.sidebar-item:hover{background-color:var(--color-bg-hover);background-color:var(--sidebar-item-hover);box-shadow:0 2px 6px var(--color-shadow-md);transform:translateX(2px)}.sidebar-item.active{background-color:var(--color-primary);background-color:var(--sidebar-item-active);color:var(--color-text-inverse);color:var(--sidebar-item-color-active)}.sidebar-item.has-unread{background-color:var(--color-warning-light);background-color:var(--has-unread-bg);font-weight:700}.sidebar-item.highlight{animation:1s pulseBackground}.chat-floating-button,.chat-menu-button{align-items:center;animation:3s infinite alternate gradient;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--chat-backdrop-filter);backdrop-filter:var(--chat-backdrop-filter);background:var(--gradient-primary);background:var(--chat-button-bg);background-size:200%;border-radius:50%;box-shadow:0 12px 24px var(--color-shadow-lg);box-shadow:var(--chat-glass-shadow);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;transition:transform .3s,box-shadow .3s;width:60px;z-index:1000}.chat-floating-button:hover,.chat-menu-button:hover{box-shadow:0 6px 40px var(--color-shadow-lg);transform:scale(1.1)}.chat-floating-button.unread,.chat-menu-button.unread{animation:1s infinite pulse;background:var(--gradient-error);background:var(--chat-button-unread-bg)}.chat-floating-button.loading,.chat-menu-button.loading{animation:none;background:var(--color-bg-disabled);bottom:20px!important;cursor:wait;left:auto!important;opacity:.5;pointer-events:none;position:fixed!important;right:20px!important;top:auto!important;transform:none!important}.chat-floating-button.loading:hover,.chat-menu-button.loading:hover{box-shadow:0 12px 24px var(--color-shadow-lg);box-shadow:var(--chat-glass-shadow);transform:none}.chat-floating-button:not(.loading):not(:disabled),.chat-menu-button:not(.loading):not(:disabled){cursor:pointer;opacity:1;pointer-events:auto}.chat-floating-button{bottom:20px;position:fixed;right:20px}.chat-close-button,.chat-maximize-button,.chat-minimize-button,.chat-search-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0 8px;padding:0;transition:transform .3s,background .3s;width:32px}.chat-close-button:hover,.chat-maximize-button:hover,.chat-minimize-button:hover,.chat-search-button:hover{background:var(--color-bg-hover);transform:scale(1.05);transform:scale(var(--button-hover-scale))}.chat-close-button svg,.chat-input-container button svg,.chat-maximize-button svg,.chat-minimize-button svg,.chat-search-button svg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg);border-radius:24px;color:var(--color-primary);transition:opacity .3s,transform .3s}.chat-header{align-items:center;background:var(--color-bg-soft);background:var(--chat-header-bg);border-bottom:1px solid var(--border-color);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:inset 0 -1px 0 var(--color-border-light);display:flex;flex-shrink:0;font-weight:700;justify-content:center;min-height:56px;padding:14px 16px;position:relative}.chat-title{color:var(--color-text);flex-grow:1;font-size:1.1rem;text-align:center}.chat-direct-msg-button{background:0 0;border:none;cursor:pointer;font-size:1.2rem;left:10px;padding:0;position:absolute}.chat-direct-msg-button svg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--color-bg);border-radius:24px;color:var(--color-primary);transition:opacity .3s,transform .3s}.chat-search-container{align-items:center;background:var(--color-bg);background:var(--search-bg);border-radius:var(--radius-full);box-shadow:0 2px 4px var(--color-shadow-sm);display:flex;gap:5px;padding:5px;position:absolute;right:50px;transition:opacity .3s;z-index:10}.chat-search-input{background:var(--color-bg);border:var(--search-border);border-radius:var(--radius-lg);color:var(--color-text);padding:5px 10px;transition:width .3s,box-shadow .3s;width:150px}.chat-search-input:focus{box-shadow:0 0 0 2px var(--color-focus-shadow);box-shadow:var(--search-focus-shadow);outline:0;width:200px}.chat-search-controls{display:flex;gap:3px}.chat-search-controls button{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:1rem;padding:2px 5px;transition:background .3s}.chat-search-controls button:hover{background:var(--color-bg-hover)}.chat-search-count{align-self:center;color:var(--color-text-secondary);font-size:.8rem}.chat-loading{align-items:center;display:flex;flex-direction:column;gap:8px;min-height:auto;padding:20px}.chat-empty,.chat-loading{color:var(--color-text-secondary);font-size:.9rem;font-style:italic;text-align:center}.chat-empty{padding:30px 20px}.error-icon{color:var(--color-error);margin-left:5px}.chat-direct-container-modern{animation:.3s scaleIn;background:var(--color-bg-soft);background:var(--chat-bg);border-radius:var(--radius-lg);box-shadow:0 12px 24px var(--color-shadow-lg);box-shadow:var(--chat-glass-shadow);display:flex;height:85%;max-height:700px;max-width:900px;overflow:hidden;width:90%}.chat-maximized-container{align-items:center;background:var(--color-bg-overlay);display:flex;height:100vh;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;width:100%;z-index:1001}.chat-maximized-inner{height:80%;max-height:700px;max-width:900px;width:85%}.chat-container{height:500px;max-width:600px;width:100%}.chat-floating-container{bottom:90px;height:500px;max-height:calc(100vh - 120px);max-width:calc(100vw - 40px);position:fixed;right:20px;width:380px;z-index:999}.chat-container,.chat-floating-container,.chat-maximized-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:var(--chat-backdrop-filter);backdrop-filter:var(--chat-backdrop-filter);background:var(--color-bg-soft);background:var(--chat-bg);border:var(--chat-border);border-radius:var(--radius-xl);box-shadow:0 12px 24px var(--color-shadow-lg);box-shadow:var(--chat-glass-shadow);display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-family:var(--chat-font-family)}.chat-content{display:flex;flex:1 1;overflow:hidden}.chat-input-container{background:var(--color-bg-soft);background:var(--chat-header-bg);border-radius:var(--radius-md);border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:10px;padding:12px 16px}.chat-input{background:var(--color-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--color-text);flex:1 1;font-family:Roboto,sans-serif;font-family:var(--chat-font-family);padding:10px}.chat-send-button{background:var(--gradient-primary);background:var(--chat-button-bg);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;padding:10px 20px;transition:.3s}.chat-send-button:hover{background:var(--color-success);background:var(--chat-button-hover)}.chat-menu{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:fixed;right:20px;z-index:999}.chat-menu-button-group{bottom:70px;display:flex;flex-direction:column;gap:10px;position:absolute;right:0}.chat-menu-button-direct{bottom:0;position:absolute;right:70px}.chat-menu-button .unread-badge{right:-5px;top:-5px}.direct-msg-overlay-modern{align-items:center;animation:.4s fadeIn;background:var(--color-bg-overlay);display:flex;height:100vh;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;width:100%;z-index:1002}.chat-main,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:12px;overflow-x:hidden;overflow-y:auto;padding:16px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--color-bg-soft);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.chat-message{word-wrap:break-word;align-self:flex-start;background:var(--color-primary-light);background:var(--chat-message-bg);border-radius:var(--radius-md);box-shadow:0 2px 5px var(--color-shadow-sm);max-width:75%;min-width:120px;overflow-wrap:break-word;padding:12px 14px;transition:background .3s}.chat-message.own{align-self:flex-end;background:var(--color-bg);background:var(--chat-own-message-bg)}.chat-message.error{background:var(--color-error-light);cursor:pointer}.chat-message.highlighted{background:var(--color-warning-light);background:var(--highlighted-bg);border:1px solid var(--color-warning)}.chat-message-header{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-bottom:6px}.chat-message-content{color:var(--color-text);font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-user-selected{background:var(--color-bg-soft);transition:background .3s}.chat-select-user{color:var(--color-text-secondary);flex-direction:column;font-style:italic;height:100%;justify-content:center;padding:40px 20px;text-align:center}.chat-select-user,.file-link{align-items:center;display:flex}.file-link{color:var(--color-primary);gap:5px;text-decoration:none}.file-icon{font-size:1.2rem}.chat-input-container button svg{color:var(--color-primary)}@media (max-width:768px){.action-buttons{grid-template-columns:1fr}.chat-container{height:400px}.chat-floating-container{height:calc(100vh - 100px);left:10px;max-height:500px;max-width:none;right:10px;width:calc(100% - 20px)}.chat-direct-container-modern,.chat-maximized-inner{height:90%;max-height:none;width:95%}.chat-direct-container-modern{flex-direction:column}.chat-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:180px;max-width:none;min-width:auto;padding:10px;width:100%}.chat-message{max-width:85%;min-width:100px;padding:10px 12px}.nac-container{max-width:none;padding:20px;width:95%}.chat-floating-button{font-size:1.3rem;height:56px;width:56px}.direct-msg-content-modern{width:90%}.chat-search-input{width:120px}.chat-search-input:focus{width:150px}}@media (min-width:1921px){.chat-maximized-inner{max-width:1200px}.chat-sidebar{width:250px}}@media (prefers-reduced-motion:reduce){.chat-direct-container-modern,.chat-floating-button,.chat-floating-button.unread,.direct-msg-overlay-modern{animation:none}}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scaleIn{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes pulseBackground{0%,to{background-color:initial}50%{background-color:var(--color-warning-light)}}.ws-status-indicator{align-items:center;animation:.15s ease-in fadeIn;animation:fadeIn var(--transition-fast,.15s) var(--transition-easing,ease-in);border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm,.5rem);padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem);transition:.15s;transition:all var(--transition-fast,.15s) var(--transition-easing,ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ws-status-icon{font-size:.75rem;line-height:1}.ws-status-text{white-space:nowrap}.ws-status-retry-btn{background-color:initial;border:1px solid;border-radius:4px;border-radius:var(--radius-sm,4px);cursor:pointer;font-size:.75rem;font-weight:500;margin-left:.5rem;margin-left:var(--spacing-sm,.5rem);outline:0;padding:.25rem .5rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem);transition:.15s;transition:all var(--transition-fast,.15s) var(--transition-easing,ease)}.ws-status-retry-btn:hover{background-color:#00000014;transform:translateY(-1px)}.ws-status-retry-btn:active{transform:translateY(0)}.ws-status-retry-btn:focus-visible{box-shadow:0 0 0 3px #0000000d;box-shadow:0 0 0 3px var(--color-shadow-sm,#0000000d);outline:currentColor solid 2px;outline-offset:2px}.ws-status-connected{background-color:#d1fae5;background-color:var(--color-success-light,#d1fae5);border:1px solid #10b981;border:1px solid var(--color-success,#10b981);color:#059669;color:var(--color-success-dark,#059669);opacity:.8}.ws-status-connecting{background-color:#fef3c7;background-color:var(--color-warning-light,#fef3c7);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);color:#d97706;color:var(--color-warning-dark,#d97706);opacity:.8}.ws-status-reconnecting{background-color:#f9731626;border:1px solid #f973164d;color:#c2410c}.ws-status-disconnected{background-color:#f3f4f6;background-color:var(--color-gray-100,#f3f4f6);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);color:#4b5563;color:var(--color-gray-600,#4b5563)}.ws-status-error{background-color:#fee2e2;background-color:var(--color-error-light,#fee2e2);border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444);color:#dc2626;color:var(--color-error-dark,#dc2626);opacity:.8}.ws-status-error .ws-status-retry-btn{color:#dc2626}.ws-status-error .ws-status-retry-btn:hover{background-color:#ef44441a}:root{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#3b82f6;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-secondary-hover:#475569;--color-accent:#10b981;--color-accent-dark:#059669;--color-accent-light:#34d399;--color-accent-hover:#059669;--color-success:#10b981;--color-success-dark:#059669;--color-success-light:#d1fae5;--color-success-hover:#059669;--color-success-border:#4caf50;--color-success-bg-light:#e8f5e9;--color-error:#ef4444;--color-error-dark:#dc2626;--color-error-light:#fee2e2;--color-error-hover:#dc2626;--color-error-intense:#b71c1c;--color-error-intense-hover:#d32f2f;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-danger-hover:#dc2626;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fef3c7;--color-warning-hover:#d97706;--color-info:#06b6d4;--color-info-dark:#0891b2;--color-info-light:#cffafe;--color-info-hover:#0891b2;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-bg:#fff;--color-bg-alt:#f8fafc;--color-bg-soft:#f1f5f9;--color-bg-dark:#1e293b;--color-bg-hover:#f1f5f9;--color-bg-disabled:#f5f5f5;--color-bg-header:#f5f5f5;--color-bg-row-even:#f9f9f9;--color-bg-row-hover:#f0f0f0;--color-bg-modal:#fff;--color-bg-overlay:#00000080;--color-bg-overlay-light:#0003;--color-bg-overlay-strong:#0009;--color-bg-skeleton:#f0f0f0;--color-bg-skeleton-highlight:#e0e0e0;--color-bg-glass:#fff9;--color-bg-form:#f4f4f9;--color-border-glass:#ffffff4d;--color-border:#e2e8f0;--color-border-dark:#cbd5e1;--color-border-light:#f1f5f9;--color-border-focus:#2563eb;--color-border-error:#ef4444;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-text-disabled:#9ca3af;--color-shadow-sm:#0000000d;--color-shadow-md:#0000001a;--color-shadow-lg:#00000026;--color-shadow-xl:#0003;--color-focus-shadow:#2563eb33;--color-error-shadow:#ef444433;--color-success-shadow:#10b98133;--color-spinner-border:#ffffff4d;--color-switch-bg:#ccc;--color-switch-active:#10b981;--gradient-primary:linear-gradient(135deg,#00b4d8,#25d366);--gradient-primary-alt:linear-gradient(135deg,#2563eb,#10b981);--gradient-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-warning:linear-gradient(135deg,#f93,#f66);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms;--transition-normal:300ms;--transition-slow:500ms;--transition-easing:cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600}:root[data-theme=azul_profesional]{--color-primary:#2563eb;--color-primary-dark:#1e40af;--color-primary-light:#3b82f6;--color-primary-hover:#1d4ed8;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#10b981;--color-accent-dark:#059669;--gradient-primary:linear-gradient(135deg,#2563eb,#10b981);--color-focus-shadow:#2563eb33}:root[data-theme=verde_corporativo]{--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-light:#34d399;--color-primary-hover:#059669;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#06b6d4;--color-accent-dark:#0891b2;--gradient-primary:linear-gradient(135deg,#10b981,#06b6d4);--color-focus-shadow:#10b98133}:root[data-theme=borgona_notarial]{--color-primary:#991b1b;--color-primary-dark:#7f1d1d;--color-primary-light:#dc2626;--color-primary-hover:#7f1d1d;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#b91c1c;--color-accent-dark:#991b1b;--gradient-primary:linear-gradient(135deg,#991b1b,#dc2626);--color-focus-shadow:#991b1b33}:root[data-theme=indigo_elegante]{--color-primary:#4f46e5;--color-primary-dark:#4338ca;--color-primary-light:#6366f1;--color-primary-hover:#4338ca;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#8b5cf6;--color-accent-dark:#7c3aed;--gradient-primary:linear-gradient(135deg,#4f46e5,#8b5cf6);--color-focus-shadow:#4f46e533}:root[data-theme=cian_moderno]{--color-primary:#06b6d4;--color-primary-dark:#0891b2;--color-primary-light:#22d3ee;--color-primary-hover:#0891b2;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#3b82f6;--color-accent-dark:#2563eb;--gradient-primary:linear-gradient(135deg,#06b6d4,#3b82f6);--color-focus-shadow:#06b6d433}:root[data-theme=purpura_profesional]{--color-primary:#7c3aed;--color-primary-dark:#6d28d9;--color-primary-light:#8b5cf6;--color-primary-hover:#6d28d9;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#ec4899;--color-accent-dark:#db2777;--gradient-primary:linear-gradient(135deg,#7c3aed,#ec4899);--color-focus-shadow:#7c3aed33}:root[data-theme=esmeralda_corporativo]{--color-primary:#059669;--color-primary-dark:#047857;--color-primary-light:#10b981;--color-primary-hover:#047857;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#14b8a6;--color-accent-dark:#0d9488;--gradient-primary:linear-gradient(135deg,#059669,#14b8a6);--color-focus-shadow:#05966933}:root[data-theme=ambar_clasico]{--color-primary:#d97706;--color-primary-dark:#b45309;--color-primary-light:#f59e0b;--color-primary-hover:#b45309;--color-secondary:#64748b;--color-secondary-dark:#475569;--color-secondary-light:#94a3b8;--color-accent:#ea580c;--color-accent-dark:#c2410c;--gradient-primary:linear-gradient(135deg,#d97706,#ea580c);--color-focus-shadow:#d9770633}:root[data-dark=true],:root[data-theme=dark]{--color-bg:#121212;--color-bg-alt:#1e1e1e;--color-bg-soft:#2a2a2a;--color-bg-hover:#2a2a2a;--color-bg-disabled:#1e1e1e;--color-bg-header:#1e1e1e;--color-bg-row-even:#1e1e1e;--color-bg-row-hover:#2a2a2a;--color-bg-modal:#1e1e1e;--color-bg-overlay:#000c;--color-bg-skeleton:#2a2a2a;--color-bg-skeleton-highlight:#333;--color-bg-form:#1e1e1e;--color-bg-glass:#1e1e1ecc;--color-border-glass:#ffffff1a;--color-text:#f5f5f5;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-text-disabled:#6b7280;--color-border:#333;--color-border-dark:#404040;--color-border-light:#2a2a2a;--color-border-focus:var(--color-primary-light,#3b82f6);--color-shadow-sm:#0000004d;--color-shadow-md:#0006;--color-shadow-lg:#00000080;--color-shadow-xl:#0009;--color-success-light:#10b98133;--color-error-light:#ef444433;--color-warning-light:#f59e0b33;--color-info-light:#06b6d433}#root,body,html{max-width:100vw;overflow-x:hidden;width:100%}[class*=-container],[class*=-page],[class*=-wrapper]{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}[class*=tabla],[class*=table],table{max-width:100%}[class*=tabla-container],[class*=tabla-wrapper],[class*=table-container],[class*=table-wrapper]{-webkit-overflow-scrolling:touch;box-sizing:border-box;max-width:100%;overflow-x:auto;overflow-y:visible;width:100%}[class*=tabla-container] table,[class*=tabla-wrapper] table,[class*=table-container] table,[class*=table-wrapper] table{border-collapse:collapse;min-width:100%;width:100%}[class*=modal],[class*=overlay]{box-sizing:border-box;max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--spacing-xl,2rem));max-width:calc(100vw - 2rem);max-width:calc(100vw - var(--spacing-xl,2rem));overflow-x:hidden;overflow-y:auto}[class*=modal-overlay],[class*=overlay-fullscreen]{height:100%;inset:0;max-height:100vh;max-width:100vw;overflow:auto;position:fixed;width:100%}[class*=form],[class*=formulario],form{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}[class*=card],[class*=tarjeta]{box-sizing:border-box;max-width:100%;overflow:hidden}[class*=grid]{width:100%}[class*=container],[class*=flex],[class*=grid]{box-sizing:border-box;max-width:100%}@media (max-width:768px){.ws-status-indicator{font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-xs,.25rem) var(--spacing-sm,.5rem)}.ws-status-text{display:none}body{overflow-x:hidden}[class*=tabla],[class*=table]{font-size:.875rem}[class*=modal],[class*=overlay]{border-radius:0;max-height:100vh;max-width:100vw}}.no-overflow{overflow-x:hidden}.no-overflow,.scroll-x{box-sizing:border-box;max-width:100%;width:100%}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.fit-content{box-sizing:border-box;max-width:100%;width:fit-content}:focus{outline:0}:focus-visible{border-radius:4px;border-radius:var(--radius-sm,4px);outline:#2563eb solid 2px;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #2563eb33;box-shadow:0 0 0 3px var(--color-focus-shadow,#2563eb33);outline:#2563eb solid 2px;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}nav a:focus-visible,nav button:focus-visible{outline:#2563eb solid 2px;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}button{cursor:pointer}button,button:not(:disabled):active,button:not(:disabled):hover{transition:.15s;transition:all var(--transition-fast,.15s) var(--transition-easing,ease)}a{cursor:pointer;transition:color .15s,background-color .15s;transition:color var(--transition-fast,.15s) var(--transition-easing,ease),background-color var(--transition-fast,.15s) var(--transition-easing,ease)}input,input:focus,select,select:focus,textarea,textarea:focus{transition:border-color .15s,box-shadow .15s;transition:border-color var(--transition-fast,.15s) var(--transition-easing,ease),box-shadow var(--transition-fast,.15s) var(--transition-easing,ease)}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}.skip-link{background:#2563eb;background:var(--color-primary,#2563eb);border-radius:0 0 4px;border-radius:0 0 var(--radius-sm,4px) 0;color:#fff;color:var(--color-text-inverse,#fff);left:0;padding:.5rem;padding:var(--spacing-sm,.5rem);position:absolute;text-decoration:none;top:-40px;z-index:600;z-index:var(--z-tooltip,600)}.skip-link:focus{outline:#fff solid 2px;outline-offset:2px;top:0}.text-muted,.text-secondary{color:#94a3b8;color:var(--color-text-muted,#94a3b8)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.selected,[aria-selected=true]{background-color:#3b82f6;background-color:var(--color-primary-light,#3b82f6);border-color:#2563eb;border-color:var(--color-primary,#2563eb);opacity:.1}table{border-collapse:collapse;width:100%}th{background-color:#f9fafb;background-color:var(--color-gray-50,#f9fafb);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--color-border,#e2e8f0);font-weight:600;text-align:left}td,th{padding:1rem;padding:var(--spacing-md,1rem)}td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border,#e2e8f0)}tbody tr{transition:background-color .15s;transition:background-color var(--transition-fast,.15s) var(--transition-easing,ease)}tbody tr:hover{background-color:#f0f0f0;background-color:var(--color-bg-row-hover,#f0f0f0)}tbody tr:focus-within{opacity:.05;opacity:.2;outline:#2563eb solid 1px;outline:1px solid var(--color-primary,#2563eb)}tbody td:focus,tbody tr:focus-within{background-color:#3b82f6;background-color:var(--color-primary-light,#3b82f6)}tbody td:focus{opacity:.1;outline:#2563eb solid 2px;outline:2px solid var(--color-primary,#2563eb);outline-offset:-2px}label{color:#0f172a;color:var(--color-text,#0f172a);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm,.5rem)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{box-sizing:border-box;max-width:100%;background-color:#fff;background-color:var(--color-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:4px;border-radius:var(--radius-sm,4px);color:#0f172a;color:var(--color-text,#0f172a);font-size:1rem;padding:.5rem;padding:var(--spacing-sm,.5rem)}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb33;box-shadow:0 0 0 3px var(--color-focus-shadow,#2563eb33)}input:invalid:not(:focus):not(:placeholder-shown){border-color:#ef4444;border-color:var(--color-error,#ef4444)}input:invalid:not(:focus):not(:placeholder-shown)+.error-message{color:#ef4444;color:var(--color-error,#ef4444);display:block;font-size:.875rem;margin-top:.25rem;margin-top:var(--spacing-xs,.25rem)}