*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-success: #22c55e;--color-success-light: #86efac;--color-warning: #f59e0b;--color-warning-light: #fcd34d;--color-danger: #ef4444;--color-danger-light: #fca5a5;--color-info: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-radius: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-success{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.badge-warning{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.badge-danger{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.badge-info{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.card{background:#fff;border-radius:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);padding:1.5rem}.card-hover{transition:box-shadow .2s ease}.card-hover:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:.5rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.input::-moz-placeholder{color:#94a3b8}.input::placeholder{color:#94a3b8}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0}.table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;color:#475569}.table tr:hover td{background:#f8fafc}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-primary);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.fade-in{animation:fadeIn .2s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--secondary-color: #10b981;--accent-color: #f59e0b;--danger-color: #ef4444;--warning-color: #f97316;--success-color: #22c55e;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-hover: #475569;--card-bg: #1e293b;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #0f172a;--success-primary: #10b981;--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .2);--warning-primary: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .2);--error-primary: #ef4444;--error-bg: rgba(239, 68, 68, .1);--error-border: rgba(239, 68, 68, .2);--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .2);--danger-primary: #ef4444;--info-primary: #3b82f6;--info-bg: rgba(59, 130, 246, .1);--info-border: rgba(59, 130, 246, .2);--border-color: #475569;--border-light: #64748b;--border-width: 1px;--border-width-2: 2px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-dropdown: 1000;--z-modal: 1050;--z-overlay: 1040;--z-header: 1030;--z-nav: 1020;--kpi-total-gradient: linear-gradient(135deg, #3B82F6, #1D4ED8);--kpi-activos-gradient: linear-gradient(135deg, #10B981, #059669);--kpi-tardanzas-gradient: linear-gradient(135deg, #F59E0B, #D97706);--kpi-faltantes-gradient: linear-gradient(135deg, #EF4444, #DC2626);--chart-primary: #3b82f6;--chart-success: #10b981;--chart-warning: #f59e0b;--chart-danger: #ef4444;--chart-info: #06b6d4;--chart-purple: #8b5cf6;--chart-pink: #ec4899;--chart-indigo: #6366f1}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-base);overflow-x:hidden}.dashboard-header{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(59,130,246,.05) 100%);border-bottom:1px solid var(--border-color);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.header-left{display:flex;align-items:center;gap:var(--spacing-6);flex:1}.logo-section{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:var(--border-radius-lg);border:1px solid rgba(59,130,246,.2)}.logo-section i{font-size:var(--font-size-xl);color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.logo-section h1{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.breadcrumb-item{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.breadcrumb-item.active{background:var(--primary-color);color:#fff;font-weight:var(--font-weight-semibold)}.breadcrumb-separator{color:var(--text-muted);font-weight:var(--font-weight-bold)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.empleados-indicator-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:linear-gradient(135deg,#10b9811a,#3b82f61a);border-radius:var(--border-radius-lg);border:1px solid rgba(16,185,129,.2);min-width:80px;transition:all var(--transition-fast)}.empleados-indicator-container:hover{background:linear-gradient(135deg,#10b98126,#3b82f626);transform:translateY(-2px);box-shadow:var(--shadow-md)}.empleados-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.2);position:relative;cursor:pointer;transition:all var(--transition-fast)}.empleados-circle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--success-color),var(--primary-color));border-radius:50%;box-shadow:var(--shadow-sm)}.empleados-circle i{font-size:var(--font-size-sm);color:#fff}.empleados-count{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;font-size:9px;font-weight:var(--font-weight-bold);padding:1px 4px;border-radius:var(--border-radius-full);min-width:14px;text-align:center;box-shadow:var(--shadow-sm)}.empleados-label{font-size:10px;color:var(--text-secondary);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap}.user-info{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-4);background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.user-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-base);box-shadow:var(--shadow-sm)}.user-details{display:flex;flex-direction:column;gap:var(--spacing-1)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.user-role{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.user-actions{display:flex;align-items:center;gap:var(--spacing-2)}.btn-icon{width:36px;height:36px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.btn-icon:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-icon i{font-size:var(--font-size-sm)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 6px;border-radius:var(--border-radius-full);min-width:18px;text-align:center;box-shadow:var(--shadow-sm)}.dashboard-nav{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:0;position:sticky;top:0;z-index:90;box-shadow:var(--shadow-sm)}.nav-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-6)}.nav-menu{display:flex;align-items:center;gap:var(--spacing-1);margin:0;padding:0;list-style:none}.nav-item{position:relative}.nav-item.active .nav-link{color:var(--primary-color);background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.2)}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:all var(--transition-fast);position:relative;white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-link i{font-size:var(--font-size-base)}.nav-link.external{background:linear-gradient(135deg,var(--success-color),var(--accent-color));color:#fff;border:1px solid var(--success-color)}.nav-link.external:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-main{max-width:1400px;margin:0 auto;padding:var(--spacing-8) var(--spacing-6);min-height:calc(100vh - 160px)}.dashboard-section{display:none;animation:fadeIn .5s ease-out}.dashboard-section.active{display:block}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-color)}.section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.section-actions{display:flex;align-items:center;gap:var(--spacing-3)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;border-radius:var(--border-radius-md);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger-color);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success-color);color:#fff}.btn-success:hover{background:#16a34a}.btn-warning{background:var(--warning-color);color:#fff}.btn-warning:hover{background:#ea580c}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-outline.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:.75rem}.btn-lg{padding:var(--spacing-4) var(--spacing-6);font-size:1rem}.btn-info{background:#06b6d4;color:#fff;border-color:#06b6d4}.btn-info:hover{background:#0891b2;border-color:#0891b2}.period-selector{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.period-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.period-controls{display:flex;gap:8px}.period-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-secondary)}.period-info strong{color:var(--text-primary);font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.kpi-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;opacity:.8}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.kpi-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-4);gap:var(--spacing-3);min-height:48px}.kpi-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;flex:1;line-height:var(--line-height-tight);padding-top:var(--spacing-1)}.kpi-horario{font-size:.75rem;color:var(--text-muted);font-weight:500;opacity:.8;text-align:right;margin-left:auto;padding:2px 6px;background:#ffffff08;border-radius:4px;border:1px solid rgba(255,255,255,.08);white-space:nowrap;flex-shrink:0}.kpi-icon{width:36px;height:36px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm);margin-top:var(--spacing-1);transition:all var(--transition-fast)}.kpi-content{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--spacing-2)}.kpi-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2);line-height:1;text-align:left}.kpi-subtitle{font-size:12px;color:var(--text-secondary);margin-top:4px;font-weight:400}.kpi-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-full);display:inline-block;width:-moz-fit-content;width:fit-content;text-align:center}.kpi-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px;border-radius:6px;background:#0000000d}.kpi-status i{font-size:10px}.kpi-card.reportes-esperados-hoy .kpi-icon{background:var(--kpi-total-gradient)}.kpi-card.reportes-esperados-hoy:before{background:var(--kpi-total-gradient)}.kpi-card.reportes-a-tiempo .kpi-icon{background:var(--kpi-activos-gradient)}.kpi-card.reportes-a-tiempo:before{background:var(--kpi-activos-gradient)}.kpi-card.reportes-a-tiempo .kpi-percentage{background:var(--success-bg);color:var(--success-primary);border:1px solid var(--success-border)}.kpi-card.reportes-confirmados .kpi-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.kpi-card.reportes-confirmados:before{background:linear-gradient(135deg,#667eea,#764ba2)}.kpi-card.reportes-confirmados .kpi-percentage{background:var(--info-bg);color:var(--info-primary);border:1px solid var(--info-border)}.kpi-card.reportes-tardanza .kpi-icon{background:var(--kpi-tardanzas-gradient)}.kpi-card.reportes-tardanza:before{background:var(--kpi-tardanzas-gradient)}.kpi-card.reportes-tardanza .kpi-percentage{background:var(--warning-bg);color:var(--warning-primary);border:1px solid var(--warning-border)}.kpi-card.reportes-faltantes .kpi-icon{background:var(--kpi-faltantes-gradient)}.kpi-card.reportes-faltantes:before{background:var(--kpi-faltantes-gradient)}.kpi-card.reportes-faltantes .kpi-percentage{background:var(--error-bg);color:var(--error-primary);border:1px solid var(--error-border)}.kpi-card.en-tolerancia .kpi-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-card.en-tolerancia:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-card.reportes-criticos .kpi-icon{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kpi-card.reportes-criticos:before{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kpi-card.meta-vs-real .kpi-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.kpi-card.meta-vs-real:before{background:linear-gradient(135deg,#f093fb,#f5576c)}.kpi-card.tendencia-semanal .kpi-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.kpi-card.tendencia-semanal:before{background:linear-gradient(135deg,#4facfe,#00f2fe)}.kpi-card.faltas-oficiales .kpi-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-card.faltas-oficiales:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-trend{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);width:-moz-fit-content;width:fit-content}.kpi-trend.trend-up,.kpi-trend.positive{background:var(--success-bg);color:var(--success-primary);border:1px solid var(--success-border)}.kpi-trend.trend-down,.kpi-trend.negative{background:var(--danger-bg);color:var(--danger-primary);border:1px solid var(--danger-border)}.kpi-trend.trend-neutral,.kpi-trend.neutral{background:var(--info-bg);color:var(--info-primary);border:1px solid var(--info-border)}.kpi-trend i{font-size:var(--font-size-xs)}.kpi-progress{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--border-radius-full);overflow:hidden;margin-top:var(--spacing-2)}.kpi-progress .progress-bar{height:100%;background:linear-gradient(90deg,var(--success-color) 0%,var(--info-primary) 100%);border-radius:var(--border-radius-full);transition:width var(--transition-normal);position:relative}.no-reports-message{grid-column:1 / -1;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-xl);padding:var(--spacing-12);text-align:center;border:2px dashed var(--border-color);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:fadeInUp .6s ease-out;min-height:300px;display:none!important;align-items:center;justify-content:center}.no-reports-message.show-message{display:flex!important}.no-reports-content{max-width:500px;margin:0 auto}.no-reports-icon{font-size:4rem;margin-bottom:var(--spacing-4);opacity:.7;animation:pulse 2s infinite}.no-reports-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:1px}.no-reports-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.no-reports-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--bg-primary);border-radius:var(--border-radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);border:1px solid var(--border-color)}.no-reports-info i{color:var(--accent-color);font-size:var(--font-size-base)}.no-reports-details{margin-top:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-3)}.detail-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--bg-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);border:1px solid var(--border-color);opacity:.8}.detail-item i{color:var(--accent-color);font-size:var(--font-size-base);width:20px;text-align:center}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-card{background:var(--bg-card, #1e293b);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000004d;border:1px solid var(--border-color, #475569);transition:all .3s ease;position:relative;overflow:hidden}.chart-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f;border-color:var(--primary-color, #3b82f6)}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);border-radius:16px 16px 0 0}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #475569)}.chart-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #f8fafc);display:flex;align-items:center;gap:8px}.chart-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#3b82f6,#8b5cf6);border-radius:2px}.chart-actions{display:flex;gap:8px;align-items:center}.chart-container{position:relative;height:300px;margin:16px 0;border-radius:12px;background:var(--bg-card, #1e293b);padding:16px;border:1px solid var(--border-color, #475569)}.chart-container canvas{border-radius:8px;background:transparent}.chart-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-color, #475569);font-size:12px;color:var(--text-secondary, #cbd5e1)}.chart-period{display:flex;align-items:center;gap:6px}.chart-period span{font-weight:500;color:var(--text-primary, #f8fafc)}.table-section{margin-top:var(--spacing-8)}.table-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-normal);margin-top:var(--spacing-8)}.table-card:hover{box-shadow:var(--shadow-lg)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.table-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;text-align:left;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.data-table tbody tr:hover{background:var(--bg-hover)}.loading-message{text-align:center;padding:var(--spacing-8);color:var(--text-secondary)}.loading-message i{font-size:2rem;margin-bottom:var(--spacing-3);animation:pulse 1.5s ease-in-out infinite}.badge,.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-success,.status-badge.status-success{background:var(--success-bg);color:var(--success-primary);border:1px solid var(--success-border)}.badge-warning,.status-badge.status-warning{background:var(--warning-bg);color:var(--warning-primary);border:1px solid var(--warning-border)}.badge-danger,.status-badge.status-danger{background:var(--error-bg);color:var(--error-primary);border:1px solid var(--error-border)}.badge-info,.status-badge.status-info{background:var(--info-bg);color:var(--info-primary);border:1px solid var(--info-border)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-normal)}.loading-overlay.hidden{opacity:0;visibility:hidden}.loading-spinner{text-align:center;color:#fff}.loading-spinner i{font-size:3rem;margin-bottom:var(--spacing-4);animation:pulse 1.5s ease-in-out infinite}.loading-spinner p{font-size:1.1rem;font-weight:500}.info-banner{background:linear-gradient(135deg,var(--primary-color),#667eea);border-radius:var(--border-radius-lg);padding:var(--spacing-4) var(--spacing-6);margin:var(--spacing-4) auto;max-width:1400px;box-shadow:var(--shadow-md)}.info-banner-content{display:flex;align-items:center;gap:var(--spacing-4);color:#fff}.info-banner-content i{font-size:var(--font-size-xl)}.btn-banner-action{background:#fff;color:var(--primary-color);border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;display:flex;align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast)}.btn-banner-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-banner-close{background:transparent;border:none;color:#fff;cursor:pointer;padding:var(--spacing-2);margin-left:auto}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-normal)}.modal.hidden{opacity:0;visibility:hidden}.modal-content{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-6);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.modal-large{max-width:90vw;width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{margin-bottom:var(--spacing-4)}.modal-footer{display:flex;gap:var(--spacing-3);justify-content:flex-end;padding-top:var(--spacing-4);border-top:1px solid var(--border-color)}.export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.export-option{padding:16px;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.export-option:hover{border-color:var(--primary-color);background:#667eea0d}.export-option label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:var(--text-primary)}.export-filters{display:flex;flex-direction:column;gap:8px}.export-filters label{font-weight:600;color:var(--text-primary)}.export-filters select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes kpiFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:kpiFadeIn .6s ease-out;animation-fill-mode:both}.kpi-card:nth-child(1){animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.2s}.kpi-card:nth-child(3){animation-delay:.3s}.kpi-card:nth-child(4){animation-delay:.4s}.kpi-card:nth-child(5){animation-delay:.5s}.kpi-card:nth-child(6){animation-delay:.6s}.kpi-card:nth-child(7){animation-delay:.7s}.kpi-card:nth-child(8){animation-delay:.8s}.kpi-card:nth-child(9){animation-delay:.9s}.kpi-card:nth-child(10){animation-delay:1s}.chart-card{animation:chartFadeIn .6s ease-out}.chart-card:nth-child(1){animation-delay:.1s}.chart-card:nth-child(2){animation-delay:.2s}.chart-card:nth-child(3){animation-delay:.3s}.chart-card:nth-child(4){animation-delay:.4s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}}@media(max-width:768px){.header-content{flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.header-left{width:100%;justify-content:space-between}.logo-section{padding:var(--spacing-2) var(--spacing-3)}.logo-section h1{font-size:var(--font-size-sm)}.breadcrumb{display:none}.user-info{padding:var(--spacing-2) var(--spacing-3)}.user-avatar{width:32px;height:32px;font-size:var(--font-size-sm)}.user-details{display:none}.nav-menu{overflow-x:auto;padding:var(--spacing-2) 0}.nav-link{padding:var(--spacing-3) var(--spacing-4);min-width:60px}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.section-header h2{font-size:var(--font-size-xl)}.section-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.kpi-card{padding:var(--spacing-5);min-height:120px}.kpi-value{font-size:var(--font-size-2xl)}.period-header{flex-direction:column;align-items:flex-start;gap:16px}.period-controls{flex-wrap:wrap}.period-info{flex-direction:column;align-items:flex-start;gap:8px}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-actions{width:100%;justify-content:flex-end}.chart-container{height:250px;padding:12px}.chart-footer{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr;gap:var(--spacing-3)}.kpi-card{padding:var(--spacing-4);min-height:100px}.kpi-value{font-size:var(--font-size-xl)}.kpi-icon{width:28px;height:28px;font-size:var(--font-size-xs)}.chart-container{height:200px}.btn{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.status-card{background:var(--card-bg);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--card-shadow);border:1px solid var(--border-color)}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-header h3{margin:0;color:var(--text-primary);font-size:18px;font-weight:600}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.status-dot.active{background:#10b981;box-shadow:0 0 0 3px #10b98133;animation:pulse 2s infinite}.status-dot.inactive{background:#6b7280;box-shadow:0 0 0 3px #6b728033}.status-dot.warning{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.status-text{font-size:14px;font-weight:500;color:var(--text-secondary)}.status-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:8px}.status-item label{font-size:14px;color:var(--text-secondary);font-weight:500}.status-item span{font-size:14px;color:var(--text-primary);font-weight:600}.dias-laborales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:12px}.dia-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-color)}.dia-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.dia-item label{font-size:14px;color:var(--text-primary);font-weight:500;cursor:pointer;margin:0}.notificaciones-container{display:flex;flex-direction:column;gap:12px;padding:16px}.notificacion-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border-left:4px solid transparent}.notificacion-item.tardanza{border-left-color:#f59e0b}.notificacion-item.faltante{border-left-color:#ef4444}.notificacion-tipo{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notificacion-tipo.tardanza{color:#f59e0b}.notificacion-tipo.faltante{color:#ef4444}.notificacion-cantidad{font-size:18px;font-weight:700;color:var(--text-primary);background:var(--card-bg);padding:4px 12px;border-radius:20px;min-width:32px;text-align:center}.btn-activar-sistema{background:#10b981;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-activar-sistema:hover{background:#059669;transform:translateY(-1px)}.btn-desactivar-sistema{background:#f59e0b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-desactivar-sistema:hover{background:#d97706;transform:translateY(-1px)}.estado-pendiente{color:#6b7280;font-weight:500}.estado-tardanza{color:#f59e0b;font-weight:600}.estado-faltante{color:#ef4444;font-weight:600}.estado-a-tiempo{color:#10b981;font-weight:600}.info-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;box-shadow:0 2px 8px #0000001a;animation:slideDown .3s ease-out}.info-banner.hidden{display:none}.info-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px}.info-banner-content i.fa-info-circle{font-size:24px;color:#ffffffe6}.info-banner-content span{flex:1;font-size:14px;line-height:1.5}.info-banner-content strong{font-weight:600}.btn-banner-action{background:#fff;color:#667eea;border:none;padding:8px 16px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-banner-action:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-banner-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .3s ease}.btn-banner-close:hover{background:#fff3}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#empresa-config-modal .modal-content{max-width:600px}.config-section{margin-bottom:24px}.config-section h4{margin-bottom:8px;color:var(--text-primary);font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.badge-optional{background:#10b9811a;color:#10b981;font-size:12px;font-weight:500;padding:4px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.config-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.logo-preview-container{display:flex;justify-content:center;margin:24px 0}.logo-preview{width:200px;height:200px;border:2px dashed var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);position:relative;overflow:hidden}.logo-placeholder{text-align:center;color:var(--text-muted)}.logo-placeholder i{color:var(--border-color);margin-bottom:12px}.logo-placeholder p{margin:0;font-size:14px;font-weight:500}.logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:12px}.logo-image.hidden{display:none}.logo-preview.has-logo{border-color:var(--primary-color);background:var(--bg-card)}.logo-upload-section{display:flex;gap:12px;justify-content:center;margin:24px 0}.logo-upload-section .btn{min-width:150px}.logo-requirements{background:var(--bg-secondary);border-left:4px solid var(--primary-color);padding:12px 16px;border-radius:4px;margin-top:24px}.logo-requirements p{margin:4px 0;color:var(--text-secondary)}.logo-requirements i{color:var(--primary-color);margin-right:8px}.logo-preview.loading:after{content:"";position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.logo-preview.loading:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:32px;color:var(--primary-color);position:absolute;z-index:1;animation:spin 1s linear infinite}:root{--primary-color: #4285f4;--primary-dark: #3367d6;--secondary-color: #34a853;--danger-color: #ea4335;--warning-color: #fbbc05;--light-color: #f8f9fa;--dark-color: #202124;--gray-color: #5f6368;--light-gray: #e8eaed;--border-radius: 12px;--box-shadow: 0 10px 30px rgba(0, 0, 0, .2);--transition: all .3s ease;--project-primary: #4285f4;--project-secondary: #34a853;--project-accent: #fbbc05;--project-danger: #ea4335;--gradient-primary: linear-gradient(135deg, #0f172a, #1e293b, #334155);--gradient-modal: linear-gradient(135deg, #2a5298, #1e3c72);--gradient-button: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--z-dropdown: 999999;--z-modal: 1000;--z-overlay: 9999;--z-preview: 50000;--z-floating: 80000;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: 1s}@media(max-width:768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-xxl: 2rem}}@media(prefers-color-scheme:dark){:root{--project-primary: #5a9eff;--project-secondary: #4caf50}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.voice-recorder,.modal,.preview-overlay{display:none!important}body{background:#fff!important;color:#000!important}}.u-margin-xs{margin:var(--spacing-xs)}.u-margin-sm{margin:var(--spacing-sm)}.u-margin-md{margin:var(--spacing-md)}.u-margin-lg{margin:var(--spacing-lg)}.u-margin-xl{margin:var(--spacing-xl)}.u-padding-xs{padding:var(--spacing-xs)}.u-padding-sm{padding:var(--spacing-sm)}.u-padding-md{padding:var(--spacing-md)}.u-padding-lg{padding:var(--spacing-lg)}.u-padding-xl{padding:var(--spacing-xl)}.u-text-xs{font-size:var(--font-size-xs)}.u-text-sm{font-size:var(--font-size-sm)}.u-text-base{font-size:var(--font-size-base)}.u-text-lg{font-size:var(--font-size-lg)}.u-text-xl{font-size:var(--font-size-xl)}.u-text-primary{color:var(--project-primary)}.u-text-secondary{color:var(--project-secondary)}.u-text-accent{color:var(--project-accent)}.u-text-danger{color:var(--project-danger)}.u-hidden{display:none!important}.u-block{display:block!important}.u-inline{display:inline!important}.u-inline-block{display:inline-block!important}.u-flex{display:flex!important}.u-grid{display:grid!important}.debug-highlight{background:#ff00001a!important;border:2px dashed red!important}.debug-info{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:999999}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);background-size:400% 400%;animation:gradient 15s ease infinite;min-height:100vh;overflow-x:hidden}.voice-recorder{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--box-shadow);width:100%;border:1px solid rgba(255,255,255,.2);text-align:center;position:relative;z-index:1}.recorder-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;color:#ffffffe6}body.no-scroll,html.no-scroll{height:100vh!important;overflow:hidden!important}.zona-central-flex{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:40px}.posicion-relativa{position:relative}.header-section{text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#2a5298,#1e3c72);padding:30px 20px;border-radius:12px}.guia-paso{font-size:28px;font-weight:700;margin-bottom:10px}.guia-indicacion{font-size:18px;opacity:.9}.main-section{display:flex;flex-direction:column;align-items:center;gap:25px;margin-bottom:40px;z-index:1}.controls-section{z-index:1}.controls-section.dos-columnas{display:flex;flex-direction:column;justify-content:flex-start;gap:40px;padding:10px 20px}.columna-botones{display:flex;flex-direction:column;gap:20px}.recorder-controls{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap}.waveform-container{flex:1;background:#ffffff1a;border-radius:var(--border-radius);height:180px;min-height:180px;max-height:180px;position:relative;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center}#waveform-container,.waveform-container{height:180px!important;min-height:180px!important;max-height:180px!important;overflow:hidden!important}#visualizer{width:100%!important;height:100%!important;display:block;border-radius:var(--border-radius);background:transparent;pointer-events:none}#visualizer{width:100%;height:100%;display:block}.recorder-timer{font-size:1.8rem;font-weight:800;font-family:Courier New,monospace;padding:10px 20px;border-radius:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);text-shadow:0 4px 20px rgba(0,0,0,.3)}.letrero-modo-procesamiento,.timer-overlay{position:absolute;background:#0009;color:#fff;padding:10px 16px;border-radius:8px;font-size:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.letrero-modo-procesamiento{top:10px;left:15px}.timer-overlay{top:10px;right:15px}.letrero-modo-procesamiento{position:absolute;top:-5px;left:0;background-color:#4a90e2;color:#fff;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:700;box-shadow:0 0 6px #0003;z-index:10;transform:translateY(-100%)}.timer-overlay{position:absolute;top:8px;right:12px;font-size:1rem;background:#ffffff26;padding:4px 10px;border-radius:10px;font-weight:700;color:#fff;z-index:10}.bloque-historial{background:#0003;border-radius:var(--border-radius);padding:20px;border:1px solid rgba(255,255,255,.1)}.titulo-historial{font-size:20px;font-weight:600;margin-bottom:15px}.historial-grabaciones{display:flex;gap:10px;flex-wrap:wrap;overflow-x:auto;padding-bottom:5px}#excel-preview-container{margin-top:2rem;padding:2rem;background-color:#fff;border-radius:16px;box-shadow:0 6px 24px #0003;overflow-x:auto;max-width:100%}#excel-preview-container h3{margin-bottom:1rem;font-size:1.3rem;color:#222;font-weight:600}#excel-table-wrapper{overflow-x:auto;overflow-y:hidden;max-height:calc(95vh - 300px);border:1px solid #ccc;margin-top:1rem}.preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0003;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.preview-overlay.hidden,.preview-overlay:not(.visible){display:none}.preview-content{background:linear-gradient(135deg,#2a5298,#1e3c72);border-radius:12px;padding:2rem;max-width:98%;max-height:95vh;height:95vh;position:relative;overflow:hidden;box-shadow:0 0 32px #5b8d5966;width:98%;color:#fff}.preview-content h3{font-size:1.4rem;margin-bottom:1rem}#excel-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:50000;display:flex;justify-content:center;align-items:center}#excel-preview-overlay:not(.hidden){display:flex;justify-content:center;align-items:center}.preview-header{display:flex;align-items:center;justify-content:space-between;background:#682f2f;padding:1rem 1.5rem;border-radius:10px;margin-bottom:1rem;box-shadow:0 0 4px #00000014}.preview-header #texto-guia{font-size:1.4rem;color:#1d1d1d;font-weight:600;background:#e3f3ff;padding:.8rem 1.2rem;border-radius:10px;max-width:80%;margin-left:auto;margin-right:0;text-align:center;display:block;box-shadow:0 2px 6px #0000001a}.preview-header-grid{background:#ffffff1a;color:#fff;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 15px #0000004d}.header-titulo{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.guia-inline{background:#eaf6ff;color:#222;padding:.4rem 1rem;border-radius:8px;font-size:.9rem}.campos-grid{display:flex;flex-wrap:wrap;gap:.6rem;padding:.3rem 0}.campos-scroll-horizontal{display:flex;overflow-x:auto;gap:.5rem;flex:1;scrollbar-width:thin;padding:.4rem 0}.campos-scroll-horizontal::-webkit-scrollbar{height:6px}.campos-scroll-horizontal::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.texto-guia-inferior{display:flex;align-items:flex-start;justify-content:flex-start;padding:.6rem 1rem;background-color:#e3f3ff;border-radius:8px;min-height:56px;font-size:1.1rem;font-weight:500;color:#1d1d1d}.titulos-multilinea{margin-top:10px;padding:8px 12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;gap:8px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff55 transparent}.titulos-multilinea::-webkit-scrollbar{height:6px}.titulos-multilinea::-webkit-scrollbar-track{background:transparent}.titulos-multilinea::-webkit-scrollbar-thumb{background:#fff5;border-radius:6px}.titulos-multilinea:hover::-webkit-scrollbar-thumb{background:#fffa}.titulo-fila{display:flex;flex-wrap:wrap;gap:8px}.titulo-chip{display:inline-block;background-color:#fff2;padding:6px 12px;border-radius:20px;font-weight:700;color:#fff;border:1px solid #ffffff55;font-size:14px;white-space:nowrap;flex-shrink:0}.titulo-chip:hover{background-color:#fff3;transform:scale(1.05)}.voice-recorder-container,.voice-recorder{position:relative;z-index:1}.form-selection{position:relative;z-index:2}.custom-select-wrapper{position:relative!important;z-index:3}#celdas-guia{position:relative;z-index:1}.form-upload,.form-upload-content{position:relative;z-index:10}.boton-grande-generar{z-index:1}#cerrar-preview{margin-top:1rem;float:right}.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}#modal-exito{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}#modal-exito.hidden{display:none!important}.modal-exito-contenido{background:#fff;padding:2.5rem 3rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:450px;width:90%;animation:fadeInModal .3s ease;position:relative}#excel-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:50000;padding:20px}#excel-preview-overlay.hidden{display:none!important}.modal-flotante,.modal-flotante-exito{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:80000;padding:20px}.modal-flotante.hidden,.modal-flotante-exito.hidden{display:none!important}.pantalla-modal.hidden{display:none!important}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal.hidden{display:none!important}.modal-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px}.modal-loader.hidden{display:none!important}@media(max-width:768px){.modal-exito-contenido,.modal-flotante .modal-contenido,.modal-content{padding:1.5rem;margin:10px;max-width:95%}#excel-preview-overlay{padding:10px}.preview-content{max-width:100%;height:90vh}}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.header-actions{display:flex;gap:var(--spacing-md)}.btn-dashboard{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:var(--transition-fast)}.btn-dashboard:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.control-btn{padding:18px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;transition:var(--transition);box-shadow:0 4px 15px #0003;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.control-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#ffffff1a;transform:rotate(45deg);transition:all .3s ease;opacity:0}.control-btn:hover:before{left:100%}.control-btn:hover:after{opacity:1;top:-20%;left:-20%}.control-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.control-btn:hover{transform:translateY(-4px);box-shadow:0 14px 38px #0006}.control-btn .icon{font-size:1.5rem;margin-bottom:5px}.control-btn .btn-text{font-size:.8rem;opacity:.9}.control-btn .icon i{font-size:1.6rem}.control-btn:active{transform:scale(.95)}.control-btn:disabled:before{display:none}.control-btn.record{background:linear-gradient(135deg,#42e695,#3bb2b8);color:#fff}.control-btn.stop{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.control-btn.play{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.record{background:linear-gradient(135deg,#ff3b30,#ff5e52);box-shadow:0 4px 20px #ff3b3080}.stop{background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:0 4px 20px #007aff80}.play{background:linear-gradient(135deg,#4cd964,#7be08a);box-shadow:0 4px 20px #4cd96480}.delete{background:linear-gradient(135deg,#ff9500,#fb3);box-shadow:0 4px 20px #ff950080}.control-btn.record:hover{background:linear-gradient(135deg,#36d98a,#30a6a8)}.control-btn.stop:hover{background:linear-gradient(135deg,#5b0ec5,#206eea)}.control-btn.play:hover{background:linear-gradient(135deg,#0f8b7e,#33db6b)}.control-btn.retry:hover{background:linear-gradient(135deg,#e6891b,#f7c800);color:#1e3c72}.submit-btn{width:100%;padding:1.2rem;border:none;border-radius:var(--border-radius);background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-size:1.1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1rem}.submit-btn:hover{background:#ffffff4d}.submit-btn:disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.btn{padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.retry{background:linear-gradient(135deg,#ff9500,#fb3);box-shadow:0 4px 20px #ff950080}.boton-grande-generar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.boton-grande-generar:hover:before{left:100%}.boton-grande-generar:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea99}.boton-grande-generar:disabled,.boton-grande-generar[disabled]{background:#b0b0b0!important;color:#eee!important;cursor:not-allowed;opacity:.7;box-shadow:none}.btn-cerrar{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;cursor:pointer;transition:var(--transition)}.btn-cerrar:hover{background:#fff3;transform:scale(1.1)}.close-btn{position:absolute;top:15px;right:20px;font-size:24px;font-weight:700;background:transparent;border:none;color:#fffc;cursor:pointer;z-index:1000;transition:transform .2s,color .2s}.close-btn:hover{transform:scale(1.2);color:#fff}.cerrar-circulo{position:absolute;top:12px;left:12px;width:36px;height:36px;background-color:#e74c3c;border:none;border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;z-index:999;transition:background-color .3s ease,transform .3s ease}.cerrar-circulo:hover{background-color:#c0392b;transform:scale(1.1)}.cerrar-circulo i{pointer-events:none}.btn-eliminar-campo{background:#e74c3c;border:none;color:#fff;padding:0 10px;cursor:pointer;border-radius:6px;transition:background .2s,transform .1s}.btn-eliminar-campo:hover{background:#c0392b;transform:scale(1.05)}#btn-agregar-campo{margin-top:10px;padding:.6rem 1.2rem;border-radius:8px;background:#3498db;border:none;color:#fff;font-weight:500;cursor:pointer;transition:background .2s,transform .1s}#btn-agregar-campo:hover{background:#2980b9;transform:scale(1.05)}#form-subida-formato .btn-primary{margin-left:10px;margin-top:10px;padding:.6rem 1.2rem;border-radius:8px;background:#2ecc71;color:#fff;border:none;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}#form-subida-formato .btn-primary:hover{background:#27ae60;transform:scale(1.05)}#try-again-btn{background-color:#d32f2f;color:#fff;padding:10px 20px;border-radius:6px;border:none;cursor:pointer;margin-top:1rem}#try-again-btn:hover{background-color:#b71c1c}#btn-cerrar-exito{padding:10px 25px;font-size:1rem;border:none;background-color:#28a745;color:#fff;border-radius:8px;cursor:pointer;transition:background-color .3s ease}#btn-cerrar-exito:hover{background-color:#218838}.modal.show{opacity:1;pointer-events:all}.modal-content{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 40px #0003;text-align:center;color:#fff;animation:fadeIn .3s ease-in-out}#modal-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.modal-content h3{margin-top:0}.modal-body{display:flex;justify-content:center;align-items:center;height:100%;padding:20px 0}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.contenedor-reporte-guiado{background:linear-gradient(135deg,var(--dark-color),#2a5298);border-radius:var(--border-radius);padding:3rem;width:90%;max-width:1000px;box-shadow:0 20px 40px #0000004d;position:relative}.contenedor-reporte-guiado:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.04),transparent 40%);opacity:.6;pointer-events:none;border-radius:40px}.modal-flotante .modal-contenido{pointer-events:all;background:#fff;padding:1.8rem 2rem;max-width:450px;border-radius:12px;box-shadow:0 8px 30px #0003;text-align:center;font-size:.95rem;color:#222}.modal-flotante button{margin-top:1rem}.modal-flotante .modal-prompt-contenido{background:linear-gradient(135deg,#e3f0ff,#f0f4fa 60%,#e8eaf6)!important;border-radius:26px;box-shadow:0 16px 48px #1e283c38,0 2px 12px #4285f421;border:1.5px solid #dbeafe;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2)}#confirmacion-flujo .modal-contenido,#confirmacion-final .modal-contenido{background:linear-gradient(135deg,#444,#333);color:#fff;padding:2rem 2.2rem;border-radius:20px;box-shadow:0 12px 32px #0006;max-width:600px;width:auto;text-align:center;font-size:1.25rem;font-weight:600;line-height:1.8;border:1px solid rgba(255,255,255,.15);margin:0 auto}#confirmacion-flujo .btn-success,#confirmacion-final .btn-success{background-color:#f4b942;color:#222;padding:.85rem 1.8rem;border:none;border-radius:10px;font-weight:700;font-size:1.15rem;cursor:pointer;margin-top:1.6rem;box-shadow:0 6px 18px #00000040;transition:background-color .3s ease,transform .2s ease}#confirmacion-flujo .btn-success:hover,#confirmacion-final .btn-success:hover{background-color:#e6a930;transform:translateY(-2px)}#confirmacion-final .btn-group-final{display:flex;flex-direction:column;gap:1rem;margin-top:1.6rem}#confirmacion-final .btn{padding:.9rem 1.6rem;font-size:1.1rem;border-radius:10px;font-weight:700;box-shadow:0 5px 16px #00000040;transition:all .3s ease}#confirmacion-final .btn-secondary{background-color:#f8f9fa;color:#333;border:none}#confirmacion-final .btn-secondary:hover{background-color:#e2e6ea}.modal-exito-contenido{background:#fff;padding:2rem 2.5rem;border-radius:15px;box-shadow:0 5px 20px #00000040;text-align:center;max-width:420px;animation:aparecer .3s ease}.icono-exito{font-size:3.2rem;color:#28a745;margin-bottom:15px}.mensaje-exito{font-size:1.1rem;color:#333;margin-bottom:25px;line-height:1.5}.modal-loader.show{display:flex!important}.modal-loader-content{background:#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:2rem;max-width:420px;width:90%;box-shadow:0 15px 35px #0000004d;text-align:center;color:#fff;position:relative;animation:fadeIn .3s ease-in-out}.loader-title{margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.close-loader-btn{position:absolute;top:10px;right:14px;font-size:1.5rem;background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.close-loader-btn:hover{background:#ffffff4d;color:#000}.form-selection{margin-top:30px;background:#ffffff14;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fffc;overflow:visible!important}.form-selection select::-ms-expand{display:none}.form-selection select:focus{border-color:#66c0ff;outline:none;background:#ffffff1a}.form-selection select option{background-color:#1c1c1c;color:#fff;padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-upload{background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000004d;color:#fff;position:relative;z-index:15}.form-upload h2,.form-upload h3,.form-upload label{color:#fff;margin-bottom:.5rem}.form-upload-content{margin-top:15px;transition:max-height .4s ease,opacity .3s ease;overflow:visible!important;position:relative;z-index:15}.visible{max-height:800px;opacity:1;pointer-events:all}.campo-item{display:flex;gap:10px;margin-bottom:10px}.campo-item input{flex:1;padding:.5rem;border:1px solid white;background:transparent;color:#fff;border-radius:6px}.campo-item input::-moz-placeholder{color:#ddd}.campo-item input::placeholder{color:#ddd}#archivo-formato{color:#fff;background:transparent;border:1px solid white;padding:.4rem;border-radius:8px;margin-bottom:1rem;display:block}#nombre-campo{width:100%;padding:.5rem;font-size:1rem;margin-top:.5rem;border:1px solid #ccc;border-radius:6px}.upload-label{display:inline-flex;align-items:center;gap:.75rem;width:100%;padding:.4rem 1.2rem;background-color:#fff;border:2px dashed #bbb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.upload-label:hover{border-color:#2ecc71;background-color:#f3fef5;color:#222}.upload-label.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}#archivo-nombre{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-weight:500}.archivo-nombre-texto{display:block;margin-top:6px;color:#ccc;font-size:.9rem;font-style:italic}.custom-select-container{margin-bottom:1.5rem}.custom-select-wrapper{position:relative;z-index:100;width:100%;min-width:0}.select-dropdown{position:fixed;z-index:999999!important;background:#141419fa;border:1px solid rgba(255,255,255,.2);border-radius:12px;max-height:240px;overflow-y:auto;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 0 0 1px #ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:180px;display:none;animation:dropdownFadeIn .2s ease-out;transform-origin:top center}@keyframes dropdownFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.select-dropdown.hiding{animation:dropdownFadeOut .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.select-dropdown{scrollbar-width:none;-ms-overflow-style:none}.select-dropdown .select-option{padding:12px 16px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.select-dropdown .select-option:hover{background:linear-gradient(90deg,#4285f426,#34a8531a);color:#fff;transform:translate(4px);box-shadow:inset 0 0 0 1px #ffffff1a}.select-dropdown .select-option:active{background:linear-gradient(90deg,#4285f440,#34a85333);transform:translate(2px)}.select-dropdown.show{display:block!important}.scrolling-text{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;border-radius:10px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.2);min-height:48px;cursor:pointer;box-sizing:border-box;overflow:hidden;position:relative;z-index:2;transition:all .3s ease;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;scrollbar-width:none;-ms-overflow-style:none}.scrolling-text:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a,inset 0 1px #ffffff1a}.scrolling-text span#scrolling-text-span{white-space:nowrap;display:inline-block;will-change:transform;color:#fff;font-weight:500;transition:color .2s ease}.scrolling-text:hover span#scrolling-text-span{color:#fff}.formato-selector-bloque{display:flex;flex-direction:column;gap:.4rem;margin-top:.8rem;background:transparent}.formato-selector-bloque label{font-weight:700;color:#fff;font-size:.95rem}.formato-selector-bloque select{background-color:#ffffff14;border:1px solid #ccc;border-radius:6px;padding:.4rem .6rem;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.formato-selector-bloque select option{color:#000}#carpeta-subida{width:100%;padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc}.guia-campos-requeridos{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 1.5rem;margin-top:1rem;color:#fffc;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a}.form-guide{margin-top:20px;background:#fff8e1;padding:18px 20px;border-left:4px solid #ffc107;border-radius:10px;font-size:.95rem;color:#444;box-shadow:0 1px 6px #0000000d}.form-guide h3{margin-top:0;margin-bottom:10px;font-size:1rem;color:#d17a00}.form-guide ul{padding-left:20px;margin:0 0 10px}.form-guide li{margin-bottom:6px;line-height:1.5}.form-guide p{font-style:italic;color:#555;margin-top:12px;margin-bottom:0}.guia-seleccion-activa{background-color:#e9f5ff;border:1px solid #2196f3;border-radius:8px;padding:.8rem 1rem;font-size:1rem;font-weight:500;color:#0c3c68;margin-bottom:1rem;box-shadow:0 0 6px #0000001a}.chip{background:#ffffff1a;padding:10px 18px;border-radius:25px;font-size:14px;border:1px solid rgba(255,255,255,.2)}.chip.completado{background:linear-gradient(135deg,#4facfe,#00f2fe)}.campo-chip{background:#f8f8f8;color:#1d1d1d;padding:.4rem .7rem;font-size:.85rem;border-radius:8px;border-left:4px solid #3498db;white-space:nowrap}.spinner{width:70px;height:70px;margin:2rem auto;position:relative}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:var(--primary-color);opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{animation-delay:-1s}.loader{--cell-size: 52px;--cell-spacing: 1px;--cells: 3;--total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));display:flex;flex-wrap:wrap;width:var(--total-size);height:var(--total-size)}.cell{flex:0 0 var(--cell-size);margin:var(--cell-spacing);background-color:transparent;box-sizing:border-box;border-radius:4px;animation:1.5s ripple ease infinite}.cell.d-1{animation-delay:.1s}.cell.d-2{animation-delay:.2s}.cell.d-3{animation-delay:.3s}.cell.d-4{animation-delay:.4s}.cell:nth-child(1){--cell-color: #00FF87}.cell:nth-child(2){--cell-color: #0CFD95}.cell:nth-child(3){--cell-color: #17FBA2}.cell:nth-child(4){--cell-color: #23F9B2}.cell:nth-child(5){--cell-color: #30F7C3}.cell:nth-child(6){--cell-color: #3DF5D4}.cell:nth-child(7){--cell-color: #45F4DE}.cell:nth-child(8){--cell-color: #53F1F0}.cell:nth-child(9){--cell-color: #60EFFF}.progress-container{width:100%;max-width:500px;margin:20px auto;padding:8px 12px;background-color:#f4f4f4;border-radius:12px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:6px;font-family:Segoe UI,sans-serif}.progress-bar{position:relative;height:14px;width:100%;background-color:#e0e0e0;border-radius:8px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#007bff,#00bcd4);transition:width .4s ease;border-radius:8px 0 0 8px}.progress-info{display:flex;justify-content:space-between;font-size:14px;color:#333}.progress-label{font-style:italic;color:#666}.progress-bar-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:1rem}.progress-text{margin-top:12px;font-size:1rem;color:#333}.config-captura-contenedor{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.config-captura-item{background:#ffffff0a;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.config-captura-item .titulo-config{font-weight:700;font-size:1.1rem;margin-bottom:4px}.config-captura-item .subinfo-config{font-size:.9rem;color:#ccc;margin-bottom:8px}.config-captura-item select{width:80px;padding:6px 8px;border-radius:6px;border:1px solid #555;background:#1e2a38;color:#eee}.result-actions{display:flex;justify-content:center;gap:15px;margin:2rem 0 1rem}.error-message{color:var(--danger-color);font-weight:500;margin-bottom:1rem}#result-modal.show{display:flex;align-items:center;justify-content:center;background-color:#00000080;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.form-section-title{font-size:1.1rem;font-weight:600;margin:25px 0 10px 5px;color:#2c3e50}#processing-spinner{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scroll-text-wrapper{position:relative;max-width:100%;overflow:hidden;display:inline-block}.scroll-text-inner{display:inline-block;white-space:nowrap;animation:scroll-horizontal 10s linear infinite}.scrolling-text.format-scroll{position:relative}.scrolling-text.format-scroll span#scrolling-text-span{animation:none;transition:transform .3s ease;display:inline-block;white-space:nowrap;overflow:hidden}.scrolling-text.format-scroll.text-long span#scrolling-text-span{animation:scrollTextHorizontal 15s ease-in-out infinite;animation-delay:2s}@keyframes scrollTextHorizontal{0%,8%{transform:translate(0)}92%,to{transform:translate(calc(-100% + 80px))}}.scrolling-text.format-scroll.text-long:hover span#scrolling-text-span{animation-play-state:paused}.scrolling-text.format-scroll.text-long:after{content:"";position:absolute;right:40px;top:50%;transform:translateY(-50%);width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1));pointer-events:none;z-index:1;border-radius:0 10px 10px 0}.scrolling-text:hover .dropdown-arrow{color:#ffffffe6;transform:translateY(1px)}.custom-select-wrapper .select-dropdown.show+.scrolling-text .dropdown-arrow,.scrolling-text.dropdown-open .dropdown-arrow{transform:rotate(180deg);color:#fff}.bloque-info-grupo-linea1{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-height:28px;width:100%;position:relative}.bloque-info-grupo-linea2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;width:100%;position:relative}.bloque-info-grupo-linea1:after,.bloque-info-grupo-linea2:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#1a355e33;transform:translate(-50%);pointer-events:none}.celdas-unicas-container,.grupos-container{background:#e3f0ff;color:#1a355e;border-radius:6px;padding:3px 12px 3px 8px;font-weight:500;display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;transition:all .3s ease;min-height:28px;box-sizing:border-box}.celdas-unicas-icono,.grupos-icono{font-size:1.3em;flex-shrink:0;min-width:1.3em}.celdas-unicas-texto,.grupos-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left;max-width:calc(100% - 2.5em);transition:all .3s ease}.campo-actual-container,.campo-siguiente-container{display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;min-height:24px;box-sizing:border-box}.campo-actual-container,.campo-siguiente-container{justify-content:flex-start}.campo-actual-indicador,.campo-siguiente-indicador{font-size:1.1em;flex-shrink:0;min-width:1.1em}.campo-actual-texto,.campo-siguiente-texto{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left;max-width:calc(100% - 2em);transition:all .3s ease}.campo-siguiente-container.ultimo-campo .campo-siguiente-indicador{color:#28a745}.campo-siguiente-container.ultimo-campo .campo-siguiente-texto{color:#28a745;font-weight:600}.bloque-info-grupo-marquee{display:inline-block;white-space:nowrap;animation:marquee-horizontal 15s ease-in-out infinite;animation-delay:3s}@keyframes marquee-horizontal{0%,10%{transform:translate(0)}90%,to{transform:translate(calc(-100% + 50px))}}.bloque-info-grupo-marquee:hover{animation-play-state:paused}.celdas-unicas-container.has-marquee:after,.grupos-container.has-marquee:after,.campo-actual-container.has-marquee:after,.campo-siguiente-container.has-marquee:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:100%;background:linear-gradient(90deg,transparent,currentColor);opacity:.3;pointer-events:none;border-radius:0 6px 6px 0}.celdas-unicas-container.hidden,.grupos-container.hidden,.campo-actual-container.hidden,.campo-siguiente-container.hidden{display:none}@media(max-width:768px){.bloque-info-grupo-linea1,.bloque-info-grupo-linea2{grid-template-columns:1fr;gap:4px}.celdas-unicas-container,.grupos-container,.campo-actual-container,.campo-siguiente-container{width:100%}}.waveform-container{background:linear-gradient(135deg,var(--dark-color),#2a5298);border-radius:var(--border-radius);box-shadow:0 20px 40px #0000004d;padding:0;width:100%;max-width:600px;margin:0 auto 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}#visualizer{display:block;width:100%;height:100%;max-width:600px;aspect-ratio:3/1;margin:0 auto;border-radius:1.2em;box-shadow:0 4px 32px #2c3e502e,0 1.5px 8px #2c3e501a;background:linear-gradient(180deg,#181f2afa,#0a0f19fa);transition:box-shadow .2s,background .2s;overflow:hidden;box-sizing:border-box}#visualizer:focus{outline:2px solid #4fc3f7;box-shadow:0 0 0 3px #4fc3f744,0 4px 32px #2c3e502e}.visualizer-container{width:100%;max-width:600px;margin:0 auto 1.5em;padding:.5em .5em .7em;background:none;border-radius:1.2em;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:600px){#visualizer,.visualizer-container{max-width:98vw;border-radius:.7em}#visualizer{aspect-ratio:2.5/1}}.visualizer-bar{filter:drop-shadow(0 0 8px #4fc3f7cc)}.bloque-prompts{background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #00000014}.titulo-prompts{font-size:1.1rem;font-weight:600;margin-bottom:.7rem;color:#fff;display:flex;align-items:center;gap:8px}.prompt-actual-container{margin-bottom:.5rem}.prompt-textarea{border-radius:8px;border:1px solid #3a4a6a;background:#1e283c21;color:#fff;font-size:1rem;padding:8px 12px;min-height:48px;max-height:180px;box-shadow:0 1px 4px #0000000a;outline:none;transition:border .2s}.prompt-textarea:focus{border:1.5px solid #4285f4;background:#1e283c2e}.modal-flotante .modal-prompt-contenido{max-width:600px;min-width:350px;width:98%;min-height:400px;max-height:650px;background:linear-gradient(135deg,#e3f0ff,#f0f4fa 60%,#e8eaf6)!important;border-radius:28px;box-shadow:0 18px 56px #1e283c38,0 2px 12px #4285f421;border:1.5px solid #dbeafe;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);padding:2.2rem 2.5rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:visible}.titulo-prompt-modal{margin-bottom:.7rem}.explicacion-prompt{margin-bottom:1.2rem}.prompt-celda-container{margin-bottom:1.1rem}.btn-group-prompt{margin-top:1.1rem}.icono-cerebro{display:block;margin:0 auto .2rem;filter:drop-shadow(0 2px 10px #f06292bb)}.titulo-prompt-modal{font-size:2rem;font-weight:700;margin-bottom:.4rem;color:#4285f4;text-align:center;font-family:Segoe UI,Inter,Arial,sans-serif}.explicacion-prompt{margin-bottom:.8rem;line-height:1.4;color:#3a4664;text-align:center;font-size:1.06rem;font-family:Segoe UI,Inter,Arial,sans-serif}.explicacion-prompt strong{color:#222;font-size:1.08rem}.explicacion-prompt small{color:#888;font-size:.98rem;line-height:1.5}.prompt-celda-container{margin-bottom:.7rem;width:100%}.label-prompt{display:block;font-weight:600;margin-bottom:.3rem;color:#222;font-size:1.01rem}.prompt-textarea-modal{width:100%;border-radius:14px;border:1.5px solid #b6d0fa;background:#fff;color:#222;font-size:1.08rem;padding:11px 14px;min-height:60px;max-height:120px;box-shadow:0 2px 10px #4285f40f;outline:none;transition:border .2s,box-shadow .2s;resize:vertical;font-family:Segoe UI,Inter,Arial,sans-serif;margin-bottom:.5rem}.prompt-textarea-modal:focus{border:1.5px solid #4285f4;box-shadow:0 0 0 3px #4285f421}.prompt-textarea-modal::-moz-placeholder{color:#b0b0b0;font-style:italic}.prompt-textarea-modal::placeholder{color:#b0b0b0;font-style:italic}.prompt-sugerido{margin-top:.1rem;padding:8px 12px;background:linear-gradient(90deg,#e3f0ff 70%,#f8fafc);border-radius:10px;border-left:4px solid #4285f4;border-right:1.5px solid #e0e7ef;box-shadow:0 1px 4px #4285f40a;font-size:1.01rem;color:#2d3a4a;font-weight:500;display:flex;align-items:center;gap:8px;font-family:Segoe UI,Inter,Arial,sans-serif}.prompt-sugerido small{color:#4285f4;font-size:1.01rem;font-weight:600}.prompt-sugerido span{color:#2d3a4a;font-weight:600}.btn-group-prompt{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.btn-group-prompt .btn{min-width:150px;padding:11px 16px;font-size:1.05rem;border-radius:10px;font-weight:600;box-shadow:0 2px 8px #4285f417;font-family:Segoe UI,Inter,Arial,sans-serif;transition:background .15s ease,color .13s ease,transform .15s ease;cursor:pointer;outline:none;border:none;will-change:transform,background,color}.btn-group-prompt .btn-primary{background:linear-gradient(90deg,#4285f4 80%,#7baaf7);color:#fff;border:none;box-shadow:0 2px 8px #4285f421}.btn-group-prompt .btn-primary:hover,.btn-group-prompt .btn-primary:focus{background:linear-gradient(90deg,#3367d6 90%,#5b9df7);color:#fff;box-shadow:0 8px 24px #4285f42e;transform:translateY(-2px) scale(1.04)}.btn-group-prompt .btn-primary:active{background:#2851a3;color:#fff;box-shadow:0 2px 8px #4285f417;transform:scale(.98)}.btn-group-prompt .btn-light{background:#f3f6fa;color:#222;border:1.2px solid #dbeafe;box-shadow:0 1px 4px #4285f40a}.btn-group-prompt .btn-light:hover,.btn-group-prompt .btn-light:focus{background:#e3f0ff;color:#222;border-color:#4285f4;box-shadow:0 4px 16px #4285f41a;transform:translateY(-1px) scale(1.03)}.btn-group-prompt .btn-light:active{background:#dbeafe;color:#222;border-color:#b6d0fa;box-shadow:0 1px 4px #4285f40a;transform:scale(.98)}@media(max-width:700px){.modal-flotante .modal-prompt-contenido{max-width:99vw;min-width:0;padding:.7rem .3rem}}#confirmacion-grupo .modal-contenido{background:linear-gradient(135deg,#f0f4fa,#e3f0ff);border-radius:22px;box-shadow:0 10px 32px #1e283c2e,0 1.5px 8px #4285f414;padding:2.1rem 2.2rem 1.5rem;max-width:420px;min-width:300px;text-align:center;font-size:1.08rem;color:#222;margin:0 auto;display:flex;flex-direction:column;align-items:center}#confirmacion-grupo .btn-success{background:linear-gradient(90deg,#4285f4 80%,#7baaf7);color:#fff;border:none;border-radius:10px;font-size:1.08rem;font-weight:600;padding:13px 24px;margin-top:1.2rem;box-shadow:0 2px 8px #4285f417;transition:background .15s ease,color .13s ease,transform .15s ease;cursor:pointer;outline:none;will-change:transform,background,color}#confirmacion-grupo .btn-success:hover,#confirmacion-grupo .btn-success:focus{background:linear-gradient(90deg,#3367d6 90%,#5b9df7);color:#fff;box-shadow:0 8px 24px #4285f42e;transform:translateY(-2px) scale(1.04)}#confirmacion-grupo .btn-success:active{background:#2851a3;color:#fff;box-shadow:0 2px 8px #4285f417;transform:scale(.98)}.campos-scroll-horizontal{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:8px;max-height:60px;min-height:36px;overflow-y:auto;overflow-x:hidden;padding:4px 0;margin-left:8px}@media(max-width:600px){#confirmacion-grupo .modal-contenido{max-width:99vw;padding:1.1rem .5rem .7rem}.campos-scroll-horizontal{max-height:80px;min-height:32px;gap:6px}}.preview-header-grid{background:linear-gradient(135deg,#3a6edb,#2956a3);border-radius:18px 18px 0 0;padding:14px 16px 8px;margin-bottom:0;box-shadow:0 2px 12px #1e283c1a;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;box-sizing:border-box}.preview-title-top{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:6px;margin-top:0}.preview-header-linea{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:0;box-sizing:border-box}.chips-titulo{color:#fff;font-size:1.08rem;font-weight:600;margin:0 8px 0 0;white-space:nowrap}.campos-scroll-horizontal{display:flex;flex-direction:row;align-items:center;gap:7px;max-width:100%;min-height:36px;overflow-x:auto;overflow-y:hidden;padding:2px 0;margin:0;flex:1 1 auto;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#4285f4 #e3f0ff}.campos-scroll-horizontal::-webkit-scrollbar{height:7px;background:#e3f0ff;border-radius:6px}.campos-scroll-horizontal::-webkit-scrollbar-thumb{background:#4285f4;border-radius:6px}.campo-chip{background:#e3f0ff;color:#2851a3;border-radius:8px;padding:6px 14px;font-size:.98rem;font-weight:500;box-shadow:0 1px 4px #4285f412;white-space:nowrap;margin-bottom:2px}.preview-overlay{position:fixed;top:0;left:0;width:99vw;height:98vh;background:none;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;padding:1.2vw 1.2vw .8vw;overflow:hidden!important}.preview-header-grid{flex-shrink:0}#excel-table-wrapper{flex:1 1 auto;min-height:0;height:auto;overflow:auto;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 2px 12px #1e283c14;margin:0;padding:0}@media(max-width:900px){.preview-header-grid{padding:12px 8px 6px;border-radius:12px 12px 0 0}#excel-table-wrapper{max-height:55vh}}.modo-grabacion-label{font-weight:600;font-size:1.08em;color:#2a3a4d;margin-bottom:6px;display:block}.modo-grabacion-toggle-group{display:flex;gap:40px;align-items:center;justify-content:center;margin:15px 0 8px}.modo-grabacion-option-container{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s ease}.modo-grabacion-option-container:hover{background:#42e6950d}.modo-grabacion-text{font-size:1.05em;font-weight:500;color:#2a3a4d;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-wrapper-12{position:relative}.checkbox-wrapper-12 input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox-wrapper-12 input[type=radio]:focus{outline:0}.checkbox-wrapper-12 .cbx label{width:24px;height:24px;background:none;border-radius:50%;position:absolute;top:0;left:0;transform:trasnlate3d(0,0,0);pointer-events:none}.checkbox-wrapper-12 .cbx input:checked+label{animation:splash-12 .6s ease forwards}#modo-todo:checked+label{animation:splash-12-todo .6s ease forwards}.modo-grabacion-help{display:block;color:#fff;font-size:.97em;margin-top:4px;margin-left:2px;text-align:center}@media(max-width:600px){.modo-grabacion-toggle-group{flex-direction:column;gap:20px;align-items:center}.modo-grabacion-option-container{width:100%;justify-content:center}}.config-captura-header h3{margin:0;color:#fff;font-size:1.05em;font-weight:600;line-height:1.2}.config-captura-desplegable:not(.expanded){margin:8px 0}.config-captura-desplegable:not(.expanded) .config-captura-header{padding:10px 20px}.tabla-config-captura th{background:#1a2a3d;font-weight:600;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}.tabla-config-captura select{background:#3a4a5d;color:#fff;border:1px solid #4a5a6d;border-radius:6px;padding:6px 10px;font-size:.9em}.tabla-config-captura select:focus{outline:none;border-color:#42e695;box-shadow:0 0 0 2px #42e69533}.tabla-config-captura input[type=checkbox]{width:18px;height:18px;accent-color:#42e695}@media(max-width:768px){.config-captura-header{padding:8px 15px}.config-captura-header h3{font-size:.95em}.config-captura-desplegable:not(.expanded){margin:6px 0}.config-captura-desplegable:not(.expanded) .config-captura-header{padding:8px 15px}.tabla-config-captura th,.tabla-config-captura td{padding:8px 10px;font-size:.9em}}.opcion-grabacion{flex:1;min-width:120px;max-width:180px;background:linear-gradient(135deg,#2a3a4d,#1a2a3d);border-radius:8px;padding:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;display:flex;align-items:center}.opcion-contenido{display:flex;align-items:center;gap:8px;position:relative}.opcion-icono{font-size:1.5rem;flex-shrink:0}.opcion-texto{flex:1}.opcion-texto h4{margin:0;color:#fff;font-size:.95rem;font-weight:600;line-height:1.2}.modo-grabacion-explicacion{margin-top:20px;padding:15px;background:#ffffff0d;border-radius:10px;border-left:4px solid #42e695}.explicacion-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.explicacion-item:last-child{margin-bottom:0}.explicacion-icono{font-size:1.2rem;flex-shrink:0;margin-top:2px}.explicacion-texto{color:#d0d0d0;font-size:.9rem;line-height:1.4}.explicacion-texto strong{color:#fff}.checkbox-wrapper-12{position:relative;flex-shrink:0}.checkbox-wrapper-12>svg{position:absolute;top:-130%;left:-170%;width:110px;pointer-events:none}.checkbox-wrapper-12 *{box-sizing:border-box}.checkbox-wrapper-12 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox-wrapper-12 input[type=checkbox]:focus{outline:0}.checkbox-wrapper-12 .cbx{width:24px;height:24px;top:88px;left:88px}.checkbox-wrapper-12 .cbx input{position:absolute;top:0;left:0;width:24px;height:24px;border:2px solid #bfbfc0;border-radius:50%}.checkbox-wrapper-12 .cbx label{width:24px;height:24px;background:none;border-radius:50%;position:absolute;top:0;left:0;transform:translateZ(0);pointer-events:none}.checkbox-wrapper-12 .cbx svg{position:absolute;top:5px;left:4px;z-index:1;pointer-events:none}.checkbox-wrapper-12 .cbx svg path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.checkbox-wrapper-12 .cbx input:checked+label+svg path{stroke-dashoffset:0}.checkbox-wrapper-12 .cbx input:checked+label{animation:splash-12-bloques .6s ease forwards}#opcion-bloques .checkbox-wrapper-12 .cbx input:checked+label{animation:splash-12-bloques .6s ease forwards}#opcion-todo .checkbox-wrapper-12 .cbx input:checked+label{animation:splash-12-todo .6s ease forwards}@keyframes splash-12-bloques{40%{background:#42e695;box-shadow:0 -18px 0 -8px #42e695,16px -8px 0 -8px #42e695,16px 8px 0 -8px #42e695,0 18px 0 -8px #42e695,-16px 8px 0 -8px #42e695,-16px -8px 0 -8px #42e695}to{background:#42e695;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}@keyframes splash-12-todo{40%{background:#866efb;box-shadow:0 -18px 0 -8px #866efb,16px -8px 0 -8px #866efb,16px 8px 0 -8px #866efb,0 18px 0 -8px #866efb,-16px 8px 0 -8px #866efb,-16px -8px 0 -8px #866efb}to{background:#866efb;box-shadow:0 -36px 0 -10px transparent,32px -16px 0 -10px transparent,32px 16px 0 -10px transparent,0 36px 0 -10px transparent,-32px 16px 0 -10px transparent,-32px -16px 0 -10px transparent}}@media(max-width:768px){.modo-grabacion-opciones{flex-direction:row;gap:8px}.opcion-grabacion{min-width:100px;max-width:150px}.opcion-contenido{gap:6px}.opcion-icono{font-size:1.3rem}.opcion-texto h4{font-size:.85rem}.modo-grabacion-explicacion{padding:10px}.explicacion-texto{font-size:.8rem}}.modal-borrado-reporte{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-borrado-reporte .modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-borrado-reporte .modal-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#dc3545;color:#fff;border-radius:8px 8px 0 0}.modal-borrado-reporte .modal-header h3{margin:0;color:#fff}.modal-borrado-reporte .modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#fff;padding:5px;border-radius:4px;transition:background-color .2s}.modal-borrado-reporte .modal-close:hover{background:#fff3}.modal-borrado-reporte .modal-body{padding:20px}.modal-borrado-reporte .confirmacion-borrado{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:15px;margin-bottom:20px}.modal-borrado-reporte .detalles-reporte{margin-top:10px}.modal-borrado-reporte .detalles-reporte p{margin:5px 0;color:#856404}.modal-borrado-reporte .form-group{margin-bottom:15px}.modal-borrado-reporte .form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.modal-borrado-reporte .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;min-height:80px}.modal-borrado-reporte .form-group textarea:focus{outline:none;border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.modal-borrado-reporte .modal-footer{padding:20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.modal-borrado-reporte .btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}.modal-borrado-reporte .btn-danger:hover{background:#c82333;border-color:#bd2130}.modal-borrado-reporte .btn-secondary{background:#6c757d;border-color:#6c757d;color:#fff}.modal-borrado-reporte .btn-secondary:hover{background:#5a6268;border-color:#545b62}@media(max-width:768px){.modal-borrado-reporte .modal-content{width:95%;margin:10px}.modal-borrado-reporte .modal-footer{flex-direction:column}.modal-borrado-reporte .modal-footer .btn{width:100%}}.excel-table{border-collapse:separate;border-spacing:0;width:100%;font-family:Segoe UI,sans-serif;table-layout:fixed}.excel-table td,.excel-table th{padding:4px 6px;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;text-align:left;background-color:#fff;color:#000;min-width:60px;max-width:180px;box-sizing:border-box;border:none;position:relative}.borde-top{border-top:1px solid #333!important}.borde-right{border-right:1px solid #333!important}.borde-bottom{border-bottom:1px solid #333!important}.borde-left{border-left:1px solid #333!important}.borde-top.fuerte,.borde-right.fuerte,.borde-bottom.fuerte,.borde-left.fuerte{border-color:#000!important;border-width:2px!important}.excel-table td[colspan],.excel-table td[rowspan]{background-color:#fdfaf2;font-weight:700}.excel-table td.campo-asignado{background-color:#ffd54f!important;font-weight:700;color:#000;border:2px solid #ffa000}.excel-table td.titulo-seccion{background-color:#f1f1f1!important;font-weight:700;font-size:1rem;text-align:center}.celda-multi-seleccionada{background-color:#aee8ff!important;border:2px solid #007acc}.titulo-multi-seleccionado{background-color:#d0e7ff!important;border:2px dashed #5b9bd5!important}.titulo-temporal{outline:2px dashed #2196f3;background-color:#d6ecff!important}.excel-table td[title]:after{content:attr(title);position:absolute;background:#000000bf;color:#fff;padding:4px 6px;border-radius:4px;top:100%;left:0;transform:translateY(4px);white-space:pre;font-size:.75rem;display:none;z-index:999}.excel-table td[title]:hover:after{display:block}.excel-table td:hover{background-color:#f0f0f0;cursor:pointer}.excel-img{max-width:100%;max-height:100%;display:block;margin:0 auto;pointer-events:none}.tabla-config-captura{width:100%;border-collapse:collapse;margin-top:1rem}.tabla-config-captura th,.tabla-config-captura td{border:1px solid rgba(255,255,255,.1);padding:8px 12px}.tabla-config-captura th{background:#ffffff0d;text-align:left}.tabla-config-captura td select{width:70px;padding:4px 6px;background:#1e2a38;color:#eee;border:1px solid #555;border-radius:6px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sk-bounce{0%,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes ripple{0%{background-color:transparent}30%{background-color:var(--cell-color)}60%{background-color:transparent}to{background-color:transparent}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInModal{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@keyframes aparecer{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scroll-text{0%,10%{transform:translate(0)}90%,to{transform:translate(-100%)}}@keyframes scroll-horizontal{0%{transform:translate(100%)}to{transform:translate(-100%)}}.progress-fill{transition:width .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 20px #fffc,0 0 30px #fff9}}.contexto-grupo{background:#e3f0ff;color:#1a3a5d;padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:1.1em;box-shadow:0 2px 8px #1e50c812;border-left:5px solid #3a8dde}.contexto-celda-unica{background:#e6f9e3;color:#225d1a;padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:1.1em;box-shadow:0 2px 8px #1ec85012;border-left:5px solid #3ade7a}.loader{--background: linear-gradient(135deg, #23C4F8, #275EFE);--shadow: rgba(39, 94, 254, .28);--text: #6C7486;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:200px;height:140px;position:relative}.loader:before,.loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.loader:before{left:4px}.loader:after{--r: 6deg;right:4px}.loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.loader div ul{margin:0;padding:0;list-style:none;position:relative}.loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));animation:var(--duration) ease infinite}.loader div ul li:nth-child(2){--c: var(--page-fold);animation-name:page-2}.loader div ul li:nth-child(3){--c: var(--page-fold);animation-name:page-3}.loader div ul li:nth-child(4){--c: var(--page-fold);animation-name:page-4}.loader div ul li:nth-child(5){--c: var(--page-fold);animation-name:page-5}.loader div ul li svg{width:90px;height:120px;display:block}.loader div ul li:first-child{--r: 0deg;--o: 1}.loader div ul li:last-child{--o: 1}.loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text)}.global-loader-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#181f2abf;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.global-loader-center{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.global-loader-overlay .loader{box-shadow:0 8px 32px #275efe2e,0 1.5px 8px #0000001a;background:var(--background)}.modal-tipo-campo{z-index:1100}.modal-tipo-contenido{max-width:480px;padding:24px}.modal-tipo-titulo{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;color:#333}.modal-tipo-titulo #nombre-campo-tipo{color:#667eea;font-weight:700}.btn-ayuda{background:transparent;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:1.1rem;transition:color .2s;margin-left:auto}.btn-ayuda:hover,.btn-ayuda.active{color:#667eea}.opciones-tipo-campo{display:flex;gap:16px;margin-bottom:20px}.opcion-tipo{flex:1;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#fafafa}.opcion-tipo:hover{border-color:#667eea;background:#f5f7ff}.opcion-tipo.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea15,#764ba215);box-shadow:0 4px 12px #667eea33}.opcion-tipo-icono{font-size:2rem}.opcion-tipo-info h4{margin:0 0 4px;font-size:1rem;color:#333}.opcion-tipo-desc{margin:0;font-size:.8rem;color:#666}.opcion-tipo-check{margin-left:auto;color:#4caf50;font-size:1.3rem}.opcion-tipo-check.hidden{display:none}.panel-ayuda{background:#f8f9ff;border:1px solid #e0e5ff;border-radius:10px;padding:16px;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ayuda-seccion{margin-bottom:16px}.ayuda-seccion:last-of-type{margin-bottom:12px}.ayuda-titulo{font-size:.95rem;margin-bottom:6px;color:#333}.ayuda-seccion p{margin:0 0 8px;font-size:.85rem;color:#555}.ayuda-ejemplos{display:flex;flex-wrap:wrap;gap:6px}.ejemplo-tag{background:#e8f5e9;color:#2e7d32;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.ejemplo-tag.ejemplo-auto{background:#e3f2fd;color:#1565c0}.ayuda-tip{margin:0;padding:10px 12px;background:#fff3e0;border-radius:8px;font-size:.8rem;color:#e65100}.selector-fuente{margin-bottom:20px;animation:slideDown .3s ease}.selector-fuente label{display:block;margin-bottom:8px;font-weight:500;color:#333}.selector-fuente select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer;transition:border-color .2s}.selector-fuente select:focus{outline:none;border-color:#667eea}.modal-tipo-acciones{display:flex;gap:12px;justify-content:flex-end}.modal-tipo-acciones .btn{padding:10px 24px;font-size:.95rem}.modal-tipo-acciones .btn-success:disabled{background:#ccc;cursor:not-allowed}.campo-chip.tipo-voz:before{content:"🎤 "}.campo-chip.tipo-auto:before{content:"🤖 "}.campo-chip.tipo-auto{background:linear-gradient(135deg,#e3f2fd,#e8f5e9);border-left:3px solid #1565c0}.campo-chip.tipo-voz{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-left:3px solid #f57c00}.campo-auto{background:linear-gradient(135deg,#e3f2fd,#e8f5e9)!important;position:relative}.campo-auto:after{content:"🤖";position:absolute;top:2px;right:2px;font-size:.7rem;opacity:.7}.excel-loader-uiverse{--background: linear-gradient(135deg, #23C4F8, #275EFE);--shadow: rgba(39, 94, 254, .28);--text: #6C7486;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:260px;height:180px;position:relative;margin-bottom:18px}.excel-loader-uiverse:before,.excel-loader-uiverse:after{--r: -6deg;content:"";position:absolute;bottom:10px;width:140px;top:80%;box-shadow:0 18px 14px var(--shadow);transform:rotate(var(--r))}.excel-loader-uiverse div{width:100%;height:100%;border-radius:18px;position:relative;z-index:1;perspective:700px;box-shadow:0 5px 8px var(--shadow);background-image:var(--background)}.excel-loader-uiverse div ul{margin:0;padding:0;list-style:none;position:relative}.excel-loader-uiverse div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));animation:var(--duration) ease infinite}.excel-loader-uiverse div ul li:nth-child(2){--c: var(--page-fold);animation-name:page-2}.excel-loader-uiverse div ul li:nth-child(3){--c: var(--page-fold);animation-name:page-3}.excel-loader-uiverse div ul li:nth-child(4){--c: var(--page-fold);animation-name:page-4}.excel-loader-uiverse div ul li:nth-child(5){--c: var(--page-fold);animation-name:page-5}.excel-loader-uiverse div ul li svg{width:120px;height:160px;display:block}.excel-loader-uiverse div ul li:first-child{--r: 0deg;--o: 1}.excel-loader-uiverse div ul li:last-child{--o: 1}.excel-loader-uiverse div ul li.permanent-left{--r: 0deg;--o: 1;left:5px;z-index:10}.excel-loader-uiverse div ul li.permanent-right{--r: 0deg;--o: 1;right:5px;left:auto;z-index:10}.excel-loader-uiverse span{display:block;left:0;right:0;top:100%;margin-top:18px;text-align:center;color:var(--text);font-size:20px;font-weight:500;letter-spacing:2px;animation:loading-text 2s ease-in-out infinite}@keyframes loading-text{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.excel-loader-uiverse .loading-text{position:relative;display:inline-block}.excel-loader-uiverse .loading-text:after{content:"";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}.global-loader-overlay-uiverse{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:#1e285a2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s}.global-loader-center-uiverse{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffffff7;border-radius:28px;padding:48px 56px 36px;box-shadow:0 20px 40px #0000002e;border:2.5px solid rgba(39,94,254,.18);max-width:520px;max-height:420px;min-width:400px;min-height:320px}#loader-uiverse-text{display:block;margin-top:0;text-align:center;color:#275efe;font-size:1.35rem;font-weight:600;letter-spacing:2px;background:none;box-shadow:none;padding:0}.hidden{display:none!important}.excel-loader-card{background:linear-gradient(135deg,#fafdff 80%,#e6f0fa);border-radius:38px;box-shadow:0 18px 56px #1e285a2e,0 2px 12px #1e285a1a;border:1.5px solid rgba(180,200,255,.13);padding:32px 48px 44px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:370px;max-width:98vw;max-height:98vh;box-sizing:border-box;animation:loaderCardFadeIn .5s cubic-bezier(.4,1.4,.6,1) both}@keyframes loaderCardFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.loader-text{color:#1a2340;font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:24px;text-align:center;letter-spacing:1.2px;font-family:Segoe UI,Inter,Arial,sans-serif;text-shadow:0 1px 0 #fff,0 2px 8px rgba(30,40,90,.08)}.notification-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px;pointer-events:none}.notification{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(255,255,255,.2);overflow:hidden;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;max-width:100%}.notification.show{transform:translate(0);opacity:1}.notification-content{display:flex;align-items:center;padding:16px 20px;gap:12px;position:relative}.notification-icon{font-size:20px;flex-shrink:0;width:24px;text-align:center}.notification-message{flex:1;font-size:14px;line-height:1.4;color:#333;font-weight:500;word-wrap:break-word}.notification-close{background:none;border:none;color:#999;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:#0000001a;color:#666}.notification-progress{height:3px;background:linear-gradient(90deg,#007bff,#0056b3);width:100%;transform:scaleX(1);transform-origin:left;animation:notification-progress 5s linear forwards}.notification-success{border-left:4px solid #28a745}.notification-success .notification-progress{background:linear-gradient(90deg,#28a745,#1e7e34)}.notification-error{border-left:4px solid #dc3545}.notification-error .notification-progress{background:linear-gradient(90deg,#dc3545,#c82333)}.notification-warning{border-left:4px solid #ffc107}.notification-warning .notification-progress{background:linear-gradient(90deg,#ffc107,#e0a800)}.notification-info{border-left:4px solid #17a2b8}.notification-info .notification-progress{background:linear-gradient(90deg,#17a2b8,#138496)}@keyframes notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.notification-container{top:10px;right:10px;left:10px;max-width:none}.notification{max-width:none}.notification-content{padding:14px 16px}.notification-message{font-size:13px}}.notification:hover{transform:translate(0) scale(1.02);box-shadow:0 12px 40px #0003}.notification:hover .notification-progress{animation-play-state:paused}@media(prefers-color-scheme:dark){.notification{background:#1e1e1ef2;border-color:#ffffff1a}.notification-message{color:#fff}.notification-close{color:#ccc}.notification-close:hover{background:#ffffff1a;color:#fff}}.notification:focus-within{outline:2px solid #007bff;outline-offset:2px}.notification-close:focus{outline:2px solid #007bff;outline-offset:2px}@keyframes notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification.sliding-in{animation:notification-slide-in .3s ease-out}.notification.sliding-out{animation:notification-slide-out .3s ease-in}.modal-uiverse-loader{--cell-size: 52px;--cell-spacing: 1px;--cells: 3;--total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));display:flex;flex-wrap:wrap;width:var(--total-size);height:var(--total-size);margin:0 auto}.modal-uiverse-cell{flex:0 0 var(--cell-size);margin:var(--cell-spacing);background-color:transparent;box-sizing:border-box;border-radius:4px;animation:modal-uiverse-ripple 1.5s ease infinite}.modal-uiverse-cell.d-1{animation-delay:.1s}.modal-uiverse-cell.d-2{animation-delay:.2s}.modal-uiverse-cell.d-3{animation-delay:.3s}.modal-uiverse-cell.d-4{animation-delay:.4s}.modal-uiverse-cell:nth-child(1){--cell-color: #00FF87}.modal-uiverse-cell:nth-child(2){--cell-color: #0CFD95}.modal-uiverse-cell:nth-child(3){--cell-color: #17FBA2}.modal-uiverse-cell:nth-child(4){--cell-color: #23F9B2}.modal-uiverse-cell:nth-child(5){--cell-color: #30F7C3}.modal-uiverse-cell:nth-child(6){--cell-color: #3DF5D4}.modal-uiverse-cell:nth-child(7){--cell-color: #45F4DE}.modal-uiverse-cell:nth-child(8){--cell-color: #53F1F0}.modal-uiverse-cell:nth-child(9){--cell-color: #60EFFF}@keyframes modal-uiverse-ripple{0%{background-color:transparent}30%{background-color:var(--cell-color)}60%{background-color:transparent}to{background-color:transparent}}.contenedor-todo-en-uno{background:#fffffff2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;padding:2.5rem;box-shadow:0 20px 40px #00000026;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:1px solid rgba(255,255,255,.3);position:relative}.header-section-todo{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(0,123,255,.1)}.todo-header-icon{font-size:3rem;color:#007bff;margin-bottom:1rem;animation:todo-pulse 2s infinite}.todo-title{font-size:2.2rem;font-weight:700;color:#343a40;margin-bottom:.5rem}.todo-subtitle{font-size:1.1rem;color:#6c757d;margin:0}.campos-incluidos-section{background:#007bff0d;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(0,123,255,.1)}.campos-titulo{font-size:1.2rem;color:#343a40;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.campos-titulo i{color:#007bff}.campos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;max-height:200px;overflow-y:auto}.campo-item-todo{background:#fff;padding:.8rem;border-radius:8px;border:1px solid rgba(0,123,255,.2);font-size:.9rem;color:#343a40;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.campo-item-todo:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.campo-item-todo i{color:#007bff;font-size:.8rem}.zona-grabacion-todo{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem}.waveform-container-todo{position:relative;width:100%;max-width:600px;height:200px;background:#00000005;border-radius:15px;border:2px solid rgba(0,123,255,.1);overflow:hidden;display:flex;align-items:center;justify-content:center}.timer-overlay-todo{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:1.2rem;font-weight:600;z-index:10}#visualizer-todo{width:100%;height:100%;border-radius:15px}.estado-grabacion-todo{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:#ffffffe6;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:#343a40;z-index:10}.estado-indicador{font-size:.8rem;color:#28a745;animation:todo-pulse 1.5s infinite}.estado-indicador.grabando{color:#dc3545}.controles-todo{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.control-btn-todo{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px;position:relative;overflow:hidden}.control-btn-todo:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.control-btn-todo:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.control-btn-todo .icon{font-size:1.5rem}.record-todo{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.record-todo:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085)}.stop-todo{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.stop-todo:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#c0392b)}.play-todo{background:linear-gradient(135deg,#17a2b8,#3498db);color:#fff}.play-todo:hover:not(:disabled){background:linear-gradient(135deg,#138496,#2980b9)}.retry-todo{background:linear-gradient(135deg,#ffc107,#f39c12);color:#fff}.retry-todo:hover:not(:disabled){background:linear-gradient(135deg,#e0a800,#d68910)}.send-todo{background:linear-gradient(135deg,#007bff,#6f42c1);color:#fff;font-size:1rem;padding:1.2rem 2rem}.send-todo:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#5a32a3)}.guia-todo{background:#ffc1071a;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,193,7,.2)}.guia-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.guia-item:last-child{margin-bottom:0}.guia-item i{color:#ffc107;font-size:1.2rem;margin-top:.2rem}.guia-texto{color:#343a40;line-height:1.5}@media(max-width:768px){.contenedor-todo-en-uno{width:95%;padding:1.5rem}.todo-title{font-size:1.8rem}.campos-lista{grid-template-columns:1fr}.controles-todo{flex-direction:column}.control-btn-todo{width:100%;max-width:200px}.waveform-container-todo{height:150px}}@keyframes todo-pulse{0%,to{opacity:1}50%{opacity:.7}}.estado-grabacion-todo.grabando .estado-indicador{color:#dc3545;animation:todo-pulse 1s infinite}.estado-grabacion-todo.completado .estado-indicador{color:#28a745;animation:none}#result-modal-todo .modal-content{max-width:600px}#result-modal-todo .modal-body{text-align:center}#result-modal-todo .result-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}#result-modal-todo{background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#result-modal-todo .modal-content{background:#fff;border-radius:15px;box-shadow:0 20px 40px #0003}#result-modal-todo .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;transition:color .3s ease}#result-modal-todo .close-btn:hover{color:#dc3545}#result-modal-todo .modal-body{padding:2rem}#result-modal-todo .result-text{background:#f8f9fa;padding:1rem;border-radius:8px;margin-top:1rem;text-align:left;max-height:300px;overflow-y:auto}#result-modal-todo .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}#result-modal-todo .btn-primary{background:#007bff;color:#fff}#result-modal-todo .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}#result-modal-todo .btn-secondary{background:#6c757d;color:#fff}#result-modal-todo .btn-secondary:hover{background:#545b62;transform:translateY(-1px)}#processing-spinner-todo{display:flex;justify-content:center;align-items:center;padding:2rem}.campos-lista::-webkit-scrollbar{width:8px}.campos-lista::-webkit-scrollbar-track{background:#007bff1a;border-radius:4px}.campos-lista::-webkit-scrollbar-thumb{background:#007bff4d;border-radius:4px}.campos-lista::-webkit-scrollbar-thumb:hover{background:#007bff80}.full-transcription-section{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.full-transcription-section h4{color:#007bff;margin-bottom:1rem;font-size:1.1rem}.transcription-text{background:#fff;padding:1rem;border-radius:6px;border:1px solid #dee2e6;line-height:1.6;max-height:200px;overflow-y:auto;font-size:.9rem}.segments-section{margin-bottom:1rem}.segments-section h4{color:#28a745;margin-bottom:1rem;font-size:1.1rem}.segments-list{display:flex;flex-direction:column;gap:1rem}.segment-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.segment-header{background:#f8f9fa;padding:.75rem 1rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.segment-title{font-weight:600;color:#495057;text-transform:capitalize}.segment-confidence{font-size:.8rem;color:#6c757d;background:#e9ecef;padding:.2rem .5rem;border-radius:12px}.segment-content{padding:1rem}.original-text,.processed-text{margin-bottom:.75rem;line-height:1.5}.original-text strong,.processed-text strong{color:#495057;font-weight:600}.original-text{color:#6c757d;font-size:.9rem}.processed-text{color:#28a745;font-size:.9rem;background:#28a7451a;padding:.5rem;border-radius:4px;border-left:3px solid #28a745}@media(max-width:768px){.segment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.transcription-text{max-height:150px}.segment-content{padding:.75rem}}.modal-prompt-ia{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.modal-prompt-ia.show{opacity:1;visibility:visible}.modal-prompt-ia.hidden{opacity:0;visibility:hidden}.modal-contenido-ia{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;padding:2rem;max-width:600px;width:90%;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);position:relative;transform:translateY(20px);transition:transform .3s ease}.modal-prompt-ia.show .modal-contenido-ia{transform:translateY(0)}.prompt-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.prompt-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;box-shadow:0 4px 15px #667eea4d}.prompt-icon i{color:#fff;font-size:1.5rem}.prompt-title{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:0}.prompt-content{margin-bottom:2rem}.prompt-question{font-size:1.1rem;font-weight:600;color:#34495e;margin-bottom:.5rem}.prompt-description{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.current-field-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.current-field-label{font-weight:600;font-size:.9rem}.current-field-value{font-weight:700;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.prompt-textarea-container{margin-bottom:1.5rem}.prompt-textarea-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:.5rem;font-size:.95rem}.prompt-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid #e9ecef;border-radius:12px;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .3s ease;background:#fff;color:#2c3e50}.prompt-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.prompt-textarea::-moz-placeholder{color:#bdc3c7;font-style:italic}.prompt-textarea::placeholder{color:#bdc3c7;font-style:italic}.prompt-suggestion-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:12px;padding:1rem;margin-bottom:1.5rem;position:relative;transition:all .3s ease}.prompt-suggestion-container.loading{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-color:#ffc107}.prompt-suggestion-container.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545}.prompt-suggestion-label{display:flex;align-items:center;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.prompt-suggestion-icon{margin-right:.5rem;font-size:1rem}.prompt-suggestion-text{color:#495057;font-size:.95rem;line-height:1.5;margin:0;min-height:1.5em}.prompt-suggestion-text.loading{color:#856404;font-style:italic}.prompt-suggestion-text.error{color:#721c24}.prompt-actions{display:flex;gap:1rem;justify-content:flex-end}.prompt-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:center}.prompt-btn:disabled{opacity:.6;cursor:not-allowed}.prompt-btn-skip{background:#fff;color:#6c757d;border:2px solid #dee2e6}.prompt-btn-skip:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.prompt-btn-confirm{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.prompt-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.prompt-btn-confirm:active{transform:translateY(0)}.prompt-loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:prompt-spin 1s linear infinite;margin-right:.5rem}@keyframes prompt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prompt-required{color:#dc3545;font-size:.85rem;margin-top:.5rem;display:none}.prompt-required.show{display:block}.prompt-textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}@media(max-width:768px){.modal-contenido-ia{padding:1.5rem;width:95%}.prompt-actions{flex-direction:column}.prompt-btn{width:100%}.prompt-title{font-size:1.3rem}}@keyframes promptFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-prompt-ia.show .modal-contenido-ia{animation:promptFadeIn .3s ease-out}.prompt-suggestion-container:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.prompt-char-count{text-align:right;font-size:.8rem;color:#6c757d;margin-top:.5rem}.prompt-char-count.warning{color:#ffc107}.prompt-char-count.danger{color:#dc3545}.recorder-page{font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);background-size:400% 400%;animation:gradient 15s ease infinite;min-height:100vh;overflow-x:hidden}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.recorder-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}.recorder-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.recorder-loader-text{margin-top:1rem;color:#fffc;font-size:1rem}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;z-index:1}.voice-recorder-container{width:100%;max-width:600px;margin:0 auto;position:relative;z-index:1}.form-upload{background:#ffffff0d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:1.5rem;border-radius:20px;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000004d;color:#fff;position:relative;z-index:15;border:1px solid rgba(255,255,255,.2)}.form-upload h2,.form-upload h3,.form-upload>label,.form-upload .form-section-title{color:#fff;margin-bottom:.5rem}.form-upload h2{font-size:1.1rem;margin:0}.form-upload-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:10px}.arrow-toggle{font-size:1.5rem;transition:transform .3s ease}.form-upload-header.open .arrow-toggle{transform:rotate(90deg)}.form-upload-content{margin-top:15px;transition:max-height .4s ease,opacity .3s ease;overflow:visible;position:relative;z-index:15}.collapse-hidden{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;pointer-events:none}.collapse-visible{max-height:800px;opacity:1;overflow:visible;transition:max-height .4s ease,opacity .3s ease;pointer-events:all}.form-section-title{font-size:.95rem;color:#ffffffe6;margin-top:1rem;margin-bottom:.5rem}.select-carpeta{width:100%;padding:12px 15px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;background-size:16px}.select-carpeta:hover{border-color:#fff6;background-color:#ffffff26}.select-carpeta:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.select-carpeta option{background:#1e293b;color:#fff}.custom-file-upload{position:relative}.custom-file-upload input[type=file]{display:none!important}.upload-label{display:inline-flex;align-items:center;gap:.75rem;width:100%;padding:.8rem 1.2rem;background-color:#fff;border:2px dashed #bbb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.upload-label:hover{background-color:#f0f0f0;border-color:#667eea}.upload-label i{color:#667eea}.voice-recorder{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000004d;width:100%;border:1px solid rgba(255,255,255,.2);text-align:center;position:relative;z-index:1}.recorder-header{margin-bottom:2rem;position:relative}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recorder-header h1{font-size:2rem;margin-bottom:.5rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.recorder-header h1 i{color:#667eea}.recorder-header p{color:#fffc;margin:.5rem 0}.recorder-header p strong{color:#fff}.header-actions{display:flex;gap:10px}.recorder-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;color:#ffffffe6;margin-bottom:1rem}.status-indicator{width:12px;height:12px;border-radius:50%;background-color:#4cd964;transition:all .3s ease}.status-indicator.recording{background-color:#ff3b30;animation:pulse 1.5s infinite;box-shadow:0 0 10px #ff3b30b3}.status-indicator.processing{background-color:#ff9500;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.form-selection{margin-top:30px;background:#ffffff14;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);color:#fffc;overflow:visible;text-align:left;position:relative;z-index:2}.form-selection label{display:block;font-weight:600;margin-bottom:8px;color:#fffe;font-size:.95rem}.form-selection select{position:absolute;opacity:0;pointer-events:none}.custom-select-wrapper{position:relative;z-index:3}.scrolling-text{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:500;border-radius:10px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.2);min-height:48px;cursor:pointer;box-sizing:border-box;overflow:hidden;position:relative;z-index:2;transition:all .3s ease;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;color:#fff;scrollbar-width:none;-ms-overflow-style:none}.scrolling-text::-webkit-scrollbar{display:none}.scrolling-text:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff26}.scrolling-text span#scrolling-text-span{white-space:nowrap;display:inline-block;color:#fff;font-weight:500}.scrolling-text .dropdown-arrow{font-size:.8rem;color:#ffffffb3;transition:all .3s ease;margin-left:8px;flex-shrink:0}.scrolling-text.dropdown-open .dropdown-arrow{transform:rotate(180deg);color:#fff}.select-dropdown{background:#141419fa;border:1px solid rgba(255,255,255,.2);border-radius:12px;max-height:240px;overflow-y:auto;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-width:180px;animation:dropdownFadeIn .2s ease-out;transform-origin:top center;scrollbar-width:none;-ms-overflow-style:none}.select-dropdown::-webkit-scrollbar{display:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.select-dropdown .select-option{padding:12px 16px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.select-dropdown .select-option:last-child{border-bottom:none}.select-dropdown .select-option:hover{background:linear-gradient(90deg,#4285f426,#34a8531a);transform:translate(4px)}.guia-campos-requeridos{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 1.5rem;margin-top:1rem;color:#fffc;font-size:15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left}.guia-campos-requeridos h3{color:#fffe;font-size:1rem;font-weight:600;margin-top:0;margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.guia-campos-requeridos ul{list-style:none;padding-left:0;margin:0}.guia-campos-requeridos li{color:#fff;padding:4px 0;font-size:.95rem;border-bottom:1px dashed rgba(255,255,255,.2)}.guia-campos-requeridos li:before{content:"📌";margin-right:8px;opacity:.7}.btn-dashboard{background:#4285f4;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer}.btn-dashboard:hover{background:#3367d6;transform:translateY(-1px);box-shadow:0 4px 12px #4285f44d}.boton-grande-generar{padding:20px 40px;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;cursor:pointer;box-shadow:0 8px 32px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1}.boton-grande-generar:hover{transform:translateY(-4px);box-shadow:0 14px 38px #667eea80}.boton-grande-generar:disabled{opacity:.5;cursor:not-allowed;transform:none}.pantalla-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.contenedor-reporte-guiado{background:linear-gradient(135deg,#202124,#2a5298);border-radius:12px;padding:3rem;width:90%;max-width:1000px;box-shadow:0 20px 40px #0000004d;position:relative;color:#fff;max-height:90vh;overflow-y:auto}.btn-cerrar{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-cerrar:hover{background:#ff3b30cc;transform:scale(1.1)}.header-section{text-align:center;margin-bottom:30px;background:linear-gradient(135deg,#2a5298,#1e3c72);padding:25px 20px;border-radius:12px;position:relative;z-index:1}.guia-paso{font-size:24px;font-weight:700;margin-bottom:10px;color:#fff}.guia-indicacion{font-size:16px;opacity:.9;color:#ffffffe6}.bloque-info-grupo{margin:10px 0 0;padding:10px 16px;background:#eaf1fb;border-radius:8px;font-size:1.08em;font-weight:500;color:#1a355e;min-height:44px;display:flex;flex-direction:column;gap:2px}.bloque-info-grupo-linea1,.bloque-info-grupo-linea2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;position:relative}.bloque-info-grupo-linea2{margin-top:2px}.celdas-unicas-container,.grupos-container{border-radius:6px;padding:3px 12px 3px 8px;font-weight:500;display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;min-height:28px;box-sizing:border-box}.celdas-unicas-container{background:#e6f9e3;color:#1a5e2a}.grupos-container{background:#e3f0ff;color:#1a355e}.celdas-unicas-texto,.grupos-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.campo-actual-container,.campo-siguiente-container{display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;min-height:24px}.campo-actual-texto,.campo-siguiente-texto{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.zona-central-flex{display:flex;justify-content:center;align-items:center;gap:40px;margin:30px 0;flex-wrap:wrap;position:relative;z-index:1}.columna-botones{display:flex;flex-direction:column;gap:18px;align-items:center}.control-btn{padding:18px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;transition:all .3s ease;box-shadow:0 4px 15px #0003;color:#fff}.control-btn:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px 38px #0006}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.record{background:linear-gradient(135deg,#42e695,#3bb2b8)}.control-btn.record.recording{background:linear-gradient(135deg,#ff3b30,#ff5e52);animation:pulse-btn 1.5s infinite}@keyframes pulse-btn{0%{box-shadow:0 0 #ff3b30b3}70%{box-shadow:0 0 0 15px #ff3b3000}to{box-shadow:0 0 #ff3b3000}}.control-btn.stop{background:linear-gradient(135deg,#6a11cb,#2575fc)}.control-btn.play{background:linear-gradient(135deg,#11998e,#38ef7d)}.control-btn.retry{background:linear-gradient(135deg,#f7971e,#ffd200);color:#2a5298}.waveform-container{flex:1;min-width:280px;max-width:600px;height:180px;background:#1e1e28b3;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 15px #0006;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.posicion-relativa{position:relative;width:100%;height:100%}.letrero-modo-procesamiento{position:absolute;top:12px;left:12px;background:#00000080;color:#fff;font-size:.85rem;padding:6px 14px;border-radius:20px;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.timer-overlay{position:absolute;top:12px;right:12px;background:#00000080;color:#fff;font-size:1.1rem;font-weight:700;padding:6px 14px;border-radius:20px;z-index:10;font-family:Courier New,monospace}#visualizer{width:100%;height:100%;display:block;border-radius:16px;background:transparent}.bloque-historial{background:#ffffff0f;padding:20px 24px;border-radius:14px;box-shadow:inset 0 1px 8px #00000026;border:1px solid rgba(255,255,255,.08)}.titulo-historial{font-size:1.05rem;font-weight:600;margin-bottom:14px;color:#ffffffe6;display:flex;align-items:center;gap:8px}.historial-grabaciones{display:flex;flex-wrap:wrap;gap:10px;max-height:220px;overflow-y:auto;padding-right:6px}.chip-historial{padding:10px 16px;font-size:.95rem;border-radius:30px;white-space:nowrap;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.chip-historial[data-estado=actual]{background-color:#fd0;color:#000}.chip-historial[data-estado=grabado]{background-color:#3dde87;color:#000}.chip-historial[data-estado=pendiente]{background-color:#ffffff26;color:#fff}.progress-container{margin-top:20px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-info{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem;color:#fffc}.modal-flotante-exito{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.modal-exito-contenido{background:#fff;padding:2.5rem 3rem;border-radius:20px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:450px;width:90%;animation:fadeInModal .3s ease}@keyframes fadeInModal{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.icono-exito{font-size:4rem;color:#4caf50;margin-bottom:1rem;display:block}.mensaje-exito{color:#333;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.modo-grabacion-opciones{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;align-items:stretch;justify-content:center}.opcion-grabacion{flex:1;min-width:120px;max-width:180px;background:linear-gradient(135deg,#2a3a4d,#1a2a3d);border-radius:8px;border:2px solid transparent;padding:12px 10px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center}.opcion-grabacion:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.opcion-grabacion.seleccionada{border-color:#42e695;background:linear-gradient(135deg,#3a4a5d,#2a3a4d);box-shadow:0 3px 12px #42e6954d}.opcion-contenido{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.opcion-icono{font-size:1.3rem}.opcion-texto h4{margin:0;font-size:.85rem;color:#fff;font-weight:600}.config-captura-desplegable{background:#2a3a4d;border-radius:12px;margin:10px 0;overflow:hidden;box-shadow:0 4px 15px #0003}.config-captura-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:linear-gradient(135deg,#3a4a5d,#2a3a4d);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.config-captura-header:hover{background:linear-gradient(135deg,#4a5a6d,#3a4a5d)}.config-captura-header h3{margin:0;color:#fff;font-size:1.05em;font-weight:600}.config-captura-arrow{color:#fff;font-size:1.1em;font-weight:700;transition:transform .3s ease}.config-captura-desplegable.expanded .config-captura-arrow{transform:rotate(180deg)}.config-captura-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#2a3a4d}.config-captura-desplegable.expanded .config-captura-content{max-height:1000px}.tabla-config-captura{width:100%;border-collapse:collapse;margin:0;background:#2a3a4d}.tabla-config-captura th,.tabla-config-captura td{padding:12px 15px;text-align:left;border-bottom:1px solid #3a4a5d;color:#fff}.tabla-config-captura th{background:#1a2a3d;font-weight:600;font-size:.95em;text-transform:uppercase}.tabla-config-captura tr:hover{background:#ffffff0d}.checkbox-incluir,.tabla-config-captura input[type=checkbox]{width:18px;height:18px;accent-color:#42e695;cursor:pointer}.select-sets-grupo,.tabla-config-captura select{background:#3a4a5d;color:#fff;border:1px solid #4a5a6d;border-radius:6px;padding:6px 10px;font-size:.9em;cursor:pointer}@media(max-width:768px){.app-container{padding:10px}.voice-recorder{padding:1.5rem}.recorder-header h1{font-size:1.4rem}.header-top{flex-direction:column;gap:15px}.zona-central-flex{flex-direction:column;gap:20px}.columna-botones{flex-direction:row;justify-content:center}.waveform-container{width:100%;height:120px}.control-btn{min-width:100px;padding:14px 18px;font-size:14px}.contenedor-reporte-guiado{padding:1.5rem}.boton-grande-generar{padding:15px 30px;font-size:1.2rem}}@media(max-width:480px){.form-upload,.voice-recorder{padding:1rem}.recorder-header h1,.guia-paso{font-size:1.2rem}}#excel-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001f;overflow:auto;max-height:calc(100vh - 300px);padding:10px}#excel-preview.excel-table{border-collapse:collapse;border-spacing:0;font-family:Calibri,Segoe UI,Arial,sans-serif;background:#fff;table-layout:auto;width:auto;min-width:100%}#excel-preview.excel-table td{border:none;padding:4px 8px;min-height:20px;vertical-align:middle;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;background-color:transparent;color:inherit;font-size:inherit;font-weight:inherit;text-align:inherit;position:relative;transition:background-color .15s ease}#excel-preview.excel-table td:hover{background-color:#0078d70f;outline:2px solid rgba(0,120,215,.5);outline-offset:-2px;cursor:pointer}#excel-preview.excel-table td.campo-asignado{background-color:#fff3cd;border:2px solid #ffc107;animation:pulseSelected 2s ease-in-out infinite}@keyframes pulseSelected{0%,to{box-shadow:0 0 #ffc10766}50%{box-shadow:0 0 0 4px #ffc10733}}#excel-preview.excel-table td:empty{cursor:pointer;min-height:20px}#excel-preview.excel-table td:empty:hover{background-color:#0078d70a;outline:1px dashed rgba(0,120,215,.4);outline-offset:-1px}#excel-preview.excel-table td img.excel-img{max-width:100%;min-width:120px;max-height:100px;width:auto;height:auto;display:block;-o-object-fit:contain;object-fit:contain}#excel-preview.excel-table td:has(img.excel-img){min-width:150px;padding:8px}.excel-preview-wrapper{background:#fff;border-radius:8px;padding:16px;overflow:auto;max-height:calc(100vh - 300px)}.excel-preview-wrapper table{border-collapse:collapse;width:auto;min-width:100%;background:#fff}.excel-preview-wrapper td{cursor:pointer;transition:outline .15s ease,box-shadow .15s ease}.excel-preview-wrapper td:hover{outline:2px solid #0078d4!important;outline-offset:-2px;z-index:1;position:relative}.excel-preview-wrapper td.xlsx2html-selected{outline:3px solid #ffc107!important;outline-offset:-3px;background-color:#ffc10726!important;z-index:2;position:relative}.excel-preview-wrapper td.campo-asignado{background-color:#ffc10740!important;outline:2px solid #ffc107!important;outline-offset:-2px}.excel-preview-wrapper td:empty{cursor:default}.excel-preview-wrapper td:empty:hover{outline:none!important}.excel-preview-wrapper td img{max-width:200px;max-height:150px;width:auto;height:auto;display:block}.excel-preview-wrapper::-webkit-scrollbar{width:10px;height:10px}.excel-preview-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.excel-preview-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.excel-preview-wrapper::-webkit-scrollbar-thumb:hover{background:#555}#excel-preview.excel-table td.celda-titulo-activa,.excel-preview-wrapper td.celda-titulo-activa{background-color:#3b82f6;color:#fff;outline:3px solid #1e40af;outline-offset:-1px;font-weight:700}#excel-preview.excel-table td.celda-datos-seleccionada,.excel-preview-wrapper td.celda-datos-seleccionada{background-color:#10b981;color:#fff;outline:2px dashed #059669;outline-offset:-1px}#excel-preview.excel-table td.campo-titulo-configurado,.excel-preview-wrapper td.campo-titulo-configurado{background-color:#dbeafe;border-left:4px solid #3b82f6}#excel-preview.excel-table td.campo-datos-configurado,.excel-preview-wrapper td.campo-datos-configurado{background-color:#d1fae5;border-left:4px solid #10b981}.modo-seleccion-datos #excel-preview.excel-table td:not(.celda-titulo-activa):hover,.modo-seleccion-datos .excel-preview-wrapper td:not(.celda-titulo-activa):hover{background-color:#10b98133;outline:2px solid #10b981;cursor:pointer}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.logs-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family)}.logs-main{max-width:1400px;margin:0 auto;padding:var(--spacing-6)}.logs-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);flex-wrap:wrap;gap:var(--spacing-4)}.logs-section-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0}.logs-section-header p{color:var(--text-secondary);margin:var(--spacing-2) 0 0 0;font-size:var(--font-size-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.stat-card{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-4);border:1px solid var(--border-color);position:relative;overflow:hidden;transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.total:before{background:var(--info-primary)}.stat-card.exitoso:before{background:var(--success-primary)}.stat-card.warning:before{background:var(--warning-primary)}.stat-card.error:before{background:var(--error-primary)}.stat-card.critical:before{background:#7c3aed}.stat-icon{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.stat-icon.total{background:var(--info-bg);color:var(--info-primary)}.stat-icon.exitoso{background:var(--success-bg);color:var(--success-primary)}.stat-icon.warning{background:var(--warning-bg);color:var(--warning-primary)}.stat-icon.error{background:var(--error-bg);color:var(--error-primary)}.stat-icon.critical{background:#7c3aed1a;color:#7c3aed}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.filters-panel{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6);border:1px solid var(--border-color)}.filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.filters-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-2)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.filter-input,.filter-select{padding:var(--spacing-2) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f633}.filter-input::-moz-placeholder{color:var(--text-muted)}.filter-input::placeholder{color:var(--text-muted)}.logs-table-container{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto;border:1px solid var(--border-color)}.logs-table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.logs-table-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.logs-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.logs-table th,.logs-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-table th{background:var(--bg-secondary);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);position:sticky;top:0;z-index:1}.logs-table th:nth-child(1),.logs-table td:nth-child(1){width:145px}.logs-table th:nth-child(2),.logs-table td:nth-child(2){width:85px}.logs-table th:nth-child(3),.logs-table td:nth-child(3){width:80px}.logs-table th:nth-child(4),.logs-table td:nth-child(4){width:120px}.logs-table th:nth-child(5),.logs-table td:nth-child(5){width:200px}.logs-table th:nth-child(6),.logs-table td:nth-child(6){width:180px}.logs-table th:nth-child(7),.logs-table td:nth-child(7){width:70px;text-align:center}.logs-table th:nth-child(8),.logs-table td:nth-child(8){width:75px;text-align:center}.logs-table tr:hover td{background:var(--bg-hover)}.logs-table td{font-size:var(--font-size-sm)}.nivel-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block}.nivel-EXITOSO{background:#d4edda;color:#155724}.nivel-WARNING{background:#fff3cd;color:#856404}.nivel-ERROR{background:#f8d7da;color:#721c24}.nivel-CRITICAL{background:#e2d5f1;color:#5a3d7a}.app-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.app-badge.app-asistencias{background:#dbeafe;color:#1e40af}.app-badge.app-nutricion{background:#dcfce7;color:#166534}.mensaje-cell{max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mensaje-cell:hover{white-space:normal;word-break:break-word}.clickable-row{cursor:pointer}.clickable-row:hover{background:var(--bg-hover)!important}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.pagination button{padding:8px 15px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);border-radius:5px;cursor:pointer;transition:all .2s;font-size:var(--font-size-sm)}.pagination button:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal-content{background:#fff;border-radius:var(--border-radius-lg);max-width:800px;max-height:80vh;overflow-y:auto;width:90%;padding:25px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.modal-header h2{margin:0;color:#1f2937;font-size:var(--font-size-lg);font-weight:600}.modal-close{background:#f3f4f6;border:none;font-size:1.2rem;cursor:pointer;color:#374151;padding:8px 12px;line-height:1;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#e5e7eb;color:#111827}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6;align-items:flex-start}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#6b7280;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.detail-value{color:#1f2937;font-size:14px;word-break:break-word;line-height:1.5}.detail-value.error{color:#dc2626}.detail-value pre{background:#f8fafc;padding:12px;border-radius:8px;overflow-x:auto;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-word;color:#334155;border:1px solid #e2e8f0;font-family:Consolas,Monaco,monospace}.commits-selector{background:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:1px solid var(--border-color)}.commits-selector h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-3) 0;display:flex;align-items:center;gap:var(--spacing-2)}.commits-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.commit-badge{padding:var(--spacing-1) var(--spacing-3);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.commit-badge:hover,.commit-badge.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.commit-badge code{font-family:monospace;margin-right:var(--spacing-1)}@media(max-width:768px){.logs-section-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.logs-table-container{overflow-x:auto}.logs-table{min-width:600px}.modal-content{padding:15px}.detail-row{grid-template-columns:1fr;gap:5px}}.logs-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8)}.logs-empty{text-align:center;padding:var(--spacing-8);color:var(--text-muted)}.logs-empty i{font-size:3rem;margin-bottom:var(--spacing-4);opacity:.5}.logs-empty p{margin:0;font-size:var(--font-size-sm)}.app-crashed-banner{border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-crashed-banner--critical{background:linear-gradient(135deg,#7f1d1d,#991b1b,#b91c1c);border:2px solid #dc2626;color:#fff}.app-crashed-banner--critical .app-crashed-banner__header{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.app-crashed-banner__icon-container{width:60px;height:60px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 15px #fff0}}.app-crashed-banner__icon{font-size:28px;color:#fef2f2}.app-crashed-banner__title-container{flex:1}.app-crashed-banner__title{margin:0;font-size:20px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.app-crashed-banner__code{display:inline-block;background:#0000004d;padding:4px 12px;border-radius:6px;font-size:12px;font-family:Monaco,Consolas,monospace;margin-top:6px}.app-crashed-banner__body{padding:20px 24px}.app-crashed-banner__message{font-size:16px;margin-bottom:10px}.app-crashed-banner__details{font-size:14px;opacity:.9;line-height:1.5;margin:0 0 16px}.app-crashed-banner__meta{display:flex;gap:24px;font-size:13px;opacity:.8;margin-bottom:20px}.app-crashed-banner__meta i{margin-right:6px}.app-crashed-banner__actions-critical{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff1a;border-radius:8px;margin-bottom:20px}.app-crashed-banner__pulse{width:12px;height:12px;background:#fbbf24;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.app-crashed-banner__tips{background:#0003;border-radius:8px;padding:16px}.app-crashed-banner__tips h4{margin:0 0 12px;font-size:14px;display:flex;align-items:center;gap:8px}.app-crashed-banner__tips h4 i{color:#fbbf24}.app-crashed-banner__tips ul{margin:0;padding-left:20px;font-size:13px;line-height:1.8}.app-crashed-banner__tips code{background:#0000004d;padding:2px 8px;border-radius:4px;font-size:12px}.app-crashed-banner--recovered{background:#1e293b;border:1px solid #334155;color:#e2e8f0}.app-crashed-banner--recovered .app-crashed-banner__header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#0f172a;border-bottom:1px solid #334155}.app-crashed-banner__icon-container--recovered{width:44px;height:44px;background:#374151;animation:none}.app-crashed-banner__icon-container--recovered .app-crashed-banner__icon{font-size:20px;color:#fbbf24}.app-crashed-banner__title--recovered{font-size:16px;color:#f1f5f9;display:flex;align-items:center;gap:8px}.app-crashed-banner__title--recovered i{color:#fbbf24}.app-crashed-banner__recovered-badge{display:inline-flex;align-items:center;gap:6px;background:#22c55e33;color:#4ade80;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.app-crashed-banner__header-actions{display:flex;gap:8px;margin-left:auto}.app-crashed-banner__body--compact{padding:14px 20px}.app-crashed-banner__crash-summary{display:flex;flex-direction:column;gap:8px}.app-crashed-banner__crash-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app-crashed-banner__crash-code{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;font-family:monospace}.app-crashed-banner__crash-code--small{padding:2px 8px;font-size:10px}.app-crashed-banner__crash-message{font-weight:500;color:#f1f5f9}.app-crashed-banner__crash-time{font-size:13px;color:#94a3b8}.app-crashed-banner__recovery-info{font-size:13px;color:#4ade80;display:flex;align-items:center;gap:6px}.app-crashed-banner__history{border-top:1px solid #334155;padding:16px 20px;background:#0f172a}.app-crashed-banner__history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-crashed-banner__history-header h4{margin:0;font-size:14px;color:#94a3b8;display:flex;align-items:center;gap:8px}.app-crashed-banner__history-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.app-crashed-banner__history-item{background:#1e293b;border-radius:8px;border:1px solid #334155;transition:all .2s}.app-crashed-banner__history-item:hover{border-color:#475569}.app-crashed-banner__history-item-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.app-crashed-banner__status{font-size:12px;display:flex;align-items:center;gap:4px;margin-left:auto}.app-crashed-banner__status.recovered{color:#4ade80}.app-crashed-banner__status.active{color:#fbbf24}.app-crashed-banner__history-item-details{padding:12px 16px;border-top:1px solid #334155;background:#0f172a;font-size:13px;line-height:1.6}.app-crashed-banner__history-item-details p{margin:0 0 8px}.app-crashed-banner__history-item-details code{background:#1e293b;padding:2px 6px;border-radius:4px;font-size:12px}.app-crashed-banner__empty{text-align:center;color:#64748b;padding:20px;margin:0}.app-crashed-banner__btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.app-crashed-banner__btn--secondary{background:#334155;color:#e2e8f0}.app-crashed-banner__btn--secondary:hover{background:#475569}.app-crashed-banner__btn--ghost{background:transparent;color:#94a3b8;padding:8px 10px}.app-crashed-banner__btn--ghost:hover{background:#ffffff1a;color:#f1f5f9}.app-crashed-banner__btn--danger-outline{background:transparent;border:1px solid #ef4444;color:#ef4444}.app-crashed-banner__btn--danger-outline:hover{background:#ef4444;color:#fff}.app-crashed-banner__btn--icon{background:transparent;color:#64748b;padding:6px}.app-crashed-banner__btn--icon:hover{background:#ef444433;color:#ef4444}@media(max-width:768px){.app-crashed-banner__header{flex-wrap:wrap}.app-crashed-banner__header-actions{width:100%;justify-content:flex-end;margin-top:12px}.app-crashed-banner__meta{flex-direction:column;gap:8px}.app-crashed-banner__crash-info{flex-direction:column;align-items:flex-start;gap:8px}.app-crashed-banner__history-item-header{flex-wrap:wrap}.app-crashed-banner__status{width:100%;margin-left:0;margin-top:8px}}.server-crash-banner{background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 20px #dc26264d;animation:pulse-error 2s infinite,slide-in .5s ease-out;border:2px solid #fca5a5;position:relative;overflow:hidden}.server-crash-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes pulse-error{0%,to{box-shadow:0 4px 20px #dc26264d}50%{box-shadow:0 4px 30px #dc262680}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes slide-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.server-crash-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;position:relative;z-index:1}.server-crash-icon-container{flex-shrink:0}.server-crash-icon{font-size:2.5rem;animation:shake .5s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.server-crash-title-container{flex:1}.server-crash-title{margin:0;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.server-crash-subtitle{margin:4px 0 0;font-size:1rem;opacity:.95;font-weight:500}.server-crash-dismiss{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.server-crash-dismiss:hover{background:#ffffff4d;transform:scale(1.1)}.server-crash-dismiss i{font-size:1rem}.server-crash-body{position:relative;z-index:1}.server-crash-message{background:#0003;padding:16px;border-radius:8px;margin-bottom:16px;border-left:4px solid #fca5a5}.server-crash-message strong{display:block;margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.server-crash-message p{margin:0;line-height:1.6;font-size:.95rem}.server-crash-meta{display:flex;align-items:center;gap:12px;font-size:.875rem;opacity:.9;margin-bottom:16px;flex-wrap:wrap}.server-crash-meta i{font-size:.85rem}.server-crash-meta .separator{opacity:.5}.server-crash-toggle-details{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.server-crash-toggle-details:hover{background:#ffffff40}.server-crash-toggle-details i{font-size:.75rem}.server-crash-stack-trace{background:#0000004d;padding:16px;border-radius:8px;margin-bottom:16px;max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.2)}.server-crash-stack-trace pre{margin:0;font-family:Courier New,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;color:#fca5a5}.server-crash-stack-trace::-webkit-scrollbar{width:8px}.server-crash-stack-trace::-webkit-scrollbar-track{background:#0003;border-radius:4px}.server-crash-stack-trace::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.server-crash-stack-trace::-webkit-scrollbar-thumb:hover{background:#fff6}.server-crash-actions{background:#0003;padding:16px;border-radius:8px;border-top:2px solid rgba(255,255,255,.2)}.server-crash-recommendations strong{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.95rem}.server-crash-recommendations i{font-size:1rem;color:#fef08a}.server-crash-recommendations ul{margin:0;padding-left:20px}.server-crash-recommendations li{margin-bottom:8px;line-height:1.5;font-size:.9rem}.server-crash-recommendations li:last-child{margin-bottom:0}@media(max-width:768px){.server-crash-banner{padding:16px}.server-crash-header{flex-direction:column;align-items:flex-start}.server-crash-dismiss{position:absolute;top:16px;right:16px}.server-crash-icon{font-size:2rem}.server-crash-title{font-size:1.25rem}.server-crash-subtitle{font-size:.9rem}.server-crash-meta{flex-direction:column;align-items:flex-start;gap:8px}.server-crash-meta .separator{display:none}}.rol-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.rol-director{background:#dbeafe;color:#1d4ed8}.rol-administrador{background:#fee2e2;color:#b91c1c}.rol-supervisor{background:#fef3c7;color:#b45309}.rol-trabajador{background:#d1fae5;color:#047857}.estado-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.estado-activo{background:#d1fae5;color:#047857}.estado-vacaciones{background:#dbeafe;color:#1d4ed8}.estado-baja{background:#f3f4f6;color:#6b7280}.estado-suspendido{background:#fef3c7;color:#b45309}.estado-desvinculado{background:#fee2e2;color:#b91c1c}.aprobacion-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.aprobacion-pendiente{background:#fef3c7;color:#b45309}.aprobacion-aprobado{background:#d1fae5;color:#047857}.fab-container{position:fixed;bottom:24px;right:24px;z-index:100}.fab-button{width:56px;height:56px;border-radius:50%;background:var(--primary-color, #007bff);color:#fff;border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease}.fab-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.fab-button:active{transform:scale(.98)}.fab-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.director-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1024px){.director-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.director-stats-grid{grid-template-columns:1fr}}.director-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px}.director-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.director-stat-icon.admin{background:#fee2e2;color:#b91c1c}.director-stat-icon.supervisor{background:#fef3c7;color:#b45309}.director-stat-icon.trabajador{background:#d1fae5;color:#047857}.director-stat-icon.total{background:#dbeafe;color:#1d4ed8}.director-stat-content{flex:1}.director-stat-value{font-size:28px;font-weight:700;color:#1f2937;line-height:1}.director-stat-label{font-size:13px;color:#6b7280;margin-top:4px}.empleados-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.empleados-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.empleados-table-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.empleados-table{width:100%;border-collapse:collapse}.empleados-table thead{background:#f9fafb}.empleados-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.empleados-table td{padding:14px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.empleados-table tbody tr{transition:background-color .15s}.empleados-table tbody tr:hover{background-color:#f9fafb}.empleados-table tbody tr.clickable-row{cursor:pointer}.empleados-table .nombre-cell{font-weight:500;color:#1f2937}.empleados-table .zona-cell{color:#6b7280;font-size:13px}.empleados-table .acciones-cell{display:flex;gap:8px}.director-filters-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.director-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.director-filters-header h3{font-size:14px;font-weight:600;color:#374151;margin:0;display:flex;align-items:center;gap:8px}.director-filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.director-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.director-filters-grid{grid-template-columns:1fr}}.director-filter-group{display:flex;flex-direction:column;gap:6px}.director-filter-label{font-size:12px;font-weight:500;color:#6b7280}.director-filter-select,.director-filter-input{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .15s,box-shadow .15s}.director-filter-select:focus,.director-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.director-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.director-empty-state i{font-size:48px;color:#d1d5db;margin-bottom:16px}.director-empty-state p{margin:0;font-size:15px}.director-empty-state p:first-of-type{font-weight:500;color:#374151;margin-bottom:4px}.director-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.director-loading .loader-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.director-action-btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .15s;background:transparent}.director-action-btn:hover{background:#f3f4f6}.director-action-btn.edit{color:#3b82f6}.director-action-btn.edit:hover{background:#3b82f61a}.director-action-btn.delete{color:#dc2626}.director-action-btn.delete:hover{background:#dc26261a}.director-action-btn.view{color:#6b7280}.director-action-btn.view:hover{background:#6b72801a}.director-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.director-section-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.director-section-header p{font-size:14px;color:#6b7280;margin:0}.director-section-actions{display:flex;gap:12px}.director-page{padding:20px;max-width:1400px;margin:0 auto}.estadisticas-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.estadisticas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media(max-width:1024px){.estadisticas-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.estadisticas-grid{grid-template-columns:repeat(2,1fr)}}.director-page .stat-card,.estadisticas-panel .stat-card{background:#f9fafb;border-radius:10px;padding:16px;text-align:center;transition:transform .15s,box-shadow .15s}.director-page .stat-card-clickable,.estadisticas-panel .stat-card-clickable{cursor:pointer}.director-page .stat-card-clickable:hover,.estadisticas-panel .stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.director-page .stat-card-value,.estadisticas-panel .stat-card-value{font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.director-page .stat-card-label,.estadisticas-panel .stat-card-label{font-size:13px;font-weight:500;color:#6b7280}.director-page .stat-card-percentage,.estadisticas-panel .stat-card-percentage{font-size:11px;color:#9ca3af;margin-top:4px}.director-page .stat-card-green,.estadisticas-panel .stat-card-green{background:#10b9811a}.director-page .stat-card-green .stat-card-value,.estadisticas-panel .stat-card-green .stat-card-value{color:#059669}.director-page .stat-card-yellow,.estadisticas-panel .stat-card-yellow{background:#f59e0b1a}.director-page .stat-card-yellow .stat-card-value,.estadisticas-panel .stat-card-yellow .stat-card-value{color:#d97706}.director-page .stat-card-red,.estadisticas-panel .stat-card-red{background:#ef44441a}.director-page .stat-card-red .stat-card-value,.estadisticas-panel .stat-card-red .stat-card-value{color:#dc2626}.director-page .stat-card-blue,.estadisticas-panel .stat-card-blue{background:#3b82f61a}.director-page .stat-card-blue .stat-card-value,.estadisticas-panel .stat-card-blue .stat-card-value{color:#2563eb}.director-page .stat-card-gray,.estadisticas-panel .stat-card-gray{background:#f3f4f6}.director-page .stat-card-gray .stat-card-value,.estadisticas-panel .stat-card-gray .stat-card-value{color:#374151}.estadisticas-resumen{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.resumen-item{font-size:14px;color:#6b7280}.resumen-item strong{color:#1f2937}.director-page .filtros-panel{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.director-page .filtros-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.director-page .filtro-group{display:flex;flex-direction:column;gap:4px;min-width:150px}.director-page .filtro-label{font-size:12px;font-weight:500;color:#6b7280}.director-page .filtro-input,.director-page .filtro-select{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .15s,box-shadow .15s}.director-page .filtro-input:focus,.director-page .filtro-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.resultados-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 0;font-size:14px;color:#6b7280}.total-info{color:#9ca3af}.export-buttons{display:flex;gap:8px}.btn-export{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-export:disabled{opacity:.5;cursor:not-allowed}.btn-export svg{flex-shrink:0}.btn-excel{background:#dcfce7;color:#166534;border-color:#bbf7d0}.btn-excel:hover:not(:disabled){background:#bbf7d0;border-color:#86efac}.btn-pdf{background:#fee2e2;color:#991b1b;border-color:#fecaca}.btn-pdf:hover:not(:disabled){background:#fecaca;border-color:#fca5a5}.director-page .table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.director-page .data-table{width:100%;border-collapse:collapse}.director-page .data-table thead{background:#f9fafb}.director-page .data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.director-page .data-table td{padding:12px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.director-page .data-table tbody tr{transition:background-color .15s}.director-page .data-table tbody tr:hover{background-color:#f9fafb}.link-text{color:#3b82f6;cursor:pointer;transition:color .15s}.link-text:hover{color:#2563eb;text-decoration:underline}.tipo-registro{font-size:12px;color:#6b7280;text-transform:capitalize}.acciones-cell{display:flex;gap:8px}.director-page .btn-icon{width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.director-page .btn-icon:hover{background:#f3f4f6;color:#374151}.director-page .empty-state{text-align:center;padding:48px 20px;color:#6b7280}.director-page .empty-state p{margin:0;font-size:15px}.director-page .loading-text{text-align:center;padding:40px 20px;color:#6b7280;font-size:14px}.director-page .modal-content{background:#fff;border-radius:12px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.director-page .modal-small{width:90%;max-width:400px}.director-page .modal-medium{width:90%;max-width:600px}.director-page .modal-large{width:90%;max-width:900px}.director-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.director-page .modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.director-page .modal-close{width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.director-page .modal-close:hover{background:#f3f4f6}.director-page .modal-body{padding:24px}.director-page .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.director-page .detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}@media(max-width:480px){.director-page .detail-grid{grid-template-columns:1fr}}.director-page .detail-item{display:flex;flex-direction:column;gap:4px}.director-page .detail-item label{font-size:12px;font-weight:500;color:#6b7280}.director-page .detail-item span{font-size:14px;color:#1f2937}.foto-container{margin-top:20px}.foto-container label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:8px}.foto-asistencia{max-width:100%;max-height:300px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.edicion-estado{background:#f9fafb;border-radius:8px;padding:16px;margin-top:20px}.edicion-estado .form-group{margin-bottom:16px}.edicion-estado .form-group:last-child{margin-bottom:0}.edicion-estado label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:6px}.director-page .form-select,.director-page .form-textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .15s,box-shadow .15s}.director-page .form-select:focus,.director-page .form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.director-page .form-textarea{resize:vertical;min-height:80px}.observaciones-container{margin-top:20px;padding:16px;background:#fef3c7;border-radius:8px}.observaciones-container label{display:block;font-size:12px;font-weight:500;color:#92400e;margin-bottom:6px}.observaciones-container p{font-size:14px;color:#78350f;margin:0}.director-page .btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s}.director-page .btn:disabled{opacity:.6;cursor:not-allowed}.director-page .btn-primary{background:#3b82f6;color:#fff}.director-page .btn-primary:hover:not(:disabled){background:#2563eb}.director-page .btn-secondary{background:#f3f4f6;color:#374151}.director-page .btn-secondary:hover:not(:disabled){background:#e5e7eb}.director-page .btn-danger{background:#ef4444;color:#fff}.director-page .btn-danger:hover:not(:disabled){background:#dc2626}.codigo-text{font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:4px 8px;border-radius:4px}.codigo-display{text-align:center;margin-bottom:24px}.codigo-generado-container{text-align:center;padding:20px}.codigo-generado-label{font-size:14px;color:#6b7280;margin-bottom:12px}.codigo-generado{display:block;font-family:Consolas,Monaco,monospace;font-size:28px;font-weight:700;color:#1f2937;background:#f0fdf4;border:2px dashed #22c55e;padding:16px 24px;border-radius:8px;margin:12px 0;letter-spacing:2px}.codigo-generado-hint{font-size:13px;color:#6b7280;margin-top:16px}.filtro-actions{margin-left:auto;justify-content:flex-end}.btn-icon-danger{color:#ef4444}.btn-icon-danger:hover{background:#ef44441a;color:#dc2626}.text-warning{color:#f59e0b;font-weight:500}.text-muted{color:#9ca3af}.director-page .form-group{margin-bottom:16px}.director-page .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.director-dashboard{padding:20px;max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:24px}.dashboard-titulo{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.dashboard-fecha{font-size:14px;color:#6b7280;margin:0;text-transform:capitalize}.dashboard-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.dashboard-section-title{font-size:16px;font-weight:600;color:#374151;margin:0 0 16px}.dashboard-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1024px){.dashboard-grid-2col{grid-template-columns:1fr}}.director-dashboard .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:768px){.director-dashboard .kpi-grid{grid-template-columns:repeat(2,1fr)}}.director-dashboard .kpi-card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;background:#f9fafb}.director-dashboard .kpi-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.director-dashboard .kpi-card-content{flex:1}.director-dashboard .kpi-card-valor{font-size:28px;font-weight:700;line-height:1}.director-dashboard .kpi-card-titulo{font-size:13px;color:#6b7280;margin-top:2px}.director-dashboard .kpi-card-subtitulo{font-size:12px;color:#9ca3af;margin-top:2px}.director-dashboard .kpi-card-green{background:#10b9811a}.director-dashboard .kpi-card-green .kpi-card-icon{background:#10b98133;color:#059669}.director-dashboard .kpi-card-green .kpi-card-valor{color:#059669}.director-dashboard .kpi-card-yellow{background:#f59e0b1a}.director-dashboard .kpi-card-yellow .kpi-card-icon{background:#f59e0b33;color:#d97706}.director-dashboard .kpi-card-yellow .kpi-card-valor{color:#d97706}.director-dashboard .kpi-card-red{background:#ef44441a}.director-dashboard .kpi-card-red .kpi-card-icon{background:#ef444433;color:#dc2626}.director-dashboard .kpi-card-red .kpi-card-valor{color:#dc2626}.director-dashboard .kpi-card-blue{background:#3b82f61a}.director-dashboard .kpi-card-blue .kpi-card-icon{background:#3b82f633;color:#2563eb}.director-dashboard .kpi-card-blue .kpi-card-valor{color:#2563eb}.director-dashboard .kpi-card-gray{background:#f3f4f6}.director-dashboard .kpi-card-gray .kpi-card-icon{background:#e5e7eb;color:#4b5563}.director-dashboard .kpi-card-gray .kpi-card-valor{color:#374151}.asistencia-barra-container{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.asistencia-barra{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;display:flex}.asistencia-barra-segmento{height:100%;transition:width .3s}.asistencia-barra-segmento.verde{background:#10b981}.asistencia-barra-segmento.amarillo{background:#f59e0b}.asistencia-barra-segmento.rojo{background:#ef4444}.asistencia-barra-label{font-size:13px;color:#6b7280;margin-top:8px;text-align:right}.empleados-resumen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.empleados-resumen-grid{grid-template-columns:repeat(2,1fr)}}.empleado-resumen-card{padding:16px;border-radius:10px;text-align:center}.empleado-resumen-valor{font-size:32px;font-weight:700;line-height:1}.empleado-resumen-label{font-size:12px;margin-top:4px}.empleado-resumen-card.admin{background:#b91c1c1a}.empleado-resumen-card.admin .empleado-resumen-valor{color:#b91c1c}.empleado-resumen-card.admin .empleado-resumen-label{color:#991b1b}.empleado-resumen-card.supervisor{background:#b453091a}.empleado-resumen-card.supervisor .empleado-resumen-valor{color:#b45309}.empleado-resumen-card.supervisor .empleado-resumen-label{color:#92400e}.empleado-resumen-card.trabajador{background:#0478571a}.empleado-resumen-card.trabajador .empleado-resumen-valor{color:#047857}.empleado-resumen-card.trabajador .empleado-resumen-label{color:#065f46}.empleado-resumen-card.total{background:#1d4ed81a}.empleado-resumen-card.total .empleado-resumen-valor{color:#1d4ed8}.empleado-resumen-card.total .empleado-resumen-label{color:#1e40af}.acciones-pendientes{border-left:4px solid #f59e0b}.accion-pendiente-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fffbeb;border-radius:8px}.accion-pendiente-icono{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.accion-pendiente-icono.warning{background:#fef3c7;color:#d97706}.accion-pendiente-contenido{flex:1}.accion-pendiente-titulo{font-size:14px;font-weight:500;color:#92400e}.accion-pendiente-descripcion{font-size:12px;color:#b45309}.accion-pendiente-enlace{padding:6px 16px;background:#f59e0b;color:#fff;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .15s}.accion-pendiente-enlace:hover{background:#d97706}.accesos-grid{display:flex;flex-direction:column;gap:12px}.acceso-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}.acceso-card:hover{transform:translate(4px);box-shadow:0 2px 8px #00000014}.acceso-icono{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.acceso-contenido{flex:1}.acceso-titulo{font-size:14px;font-weight:600}.acceso-descripcion{font-size:12px;opacity:.8}.acceso-flecha{opacity:.5}.acceso-blue{background:#3b82f61a}.acceso-blue .acceso-icono{background:#3b82f633;color:#2563eb}.acceso-blue .acceso-titulo,.acceso-blue .acceso-flecha{color:#1d4ed8}.acceso-blue .acceso-descripcion{color:#3b82f6}.acceso-green{background:#10b9811a}.acceso-green .acceso-icono{background:#10b98133;color:#059669}.acceso-green .acceso-titulo,.acceso-green .acceso-flecha{color:#047857}.acceso-green .acceso-descripcion{color:#10b981}.acceso-purple{background:#8b5cf61a}.acceso-purple .acceso-icono{background:#8b5cf633;color:#7c3aed}.acceso-purple .acceso-titulo,.acceso-purple .acceso-flecha{color:#6d28d9}.acceso-purple .acceso-descripcion{color:#8b5cf6}.acceso-orange{background:#f973161a}.acceso-orange .acceso-icono{background:#f9731633;color:#ea580c}.acceso-orange .acceso-titulo,.acceso-orange .acceso-flecha{color:#c2410c}.acceso-orange .acceso-descripcion{color:#f97316}.acceso-teal{background:#14b8a61a}.acceso-teal .acceso-icono{background:#14b8a633;color:#0d9488}.acceso-teal .acceso-titulo,.acceso-teal .acceso-flecha{color:#0f766e}.acceso-teal .acceso-descripcion{color:#14b8a6}.action-buttons{display:flex;gap:8px;margin-left:auto}.action-buttons .btn{display:inline-flex;align-items:center;gap:6px}.info-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;color:#1e40af;font-size:13px;line-height:1.5}.info-banner svg{flex-shrink:0;margin-top:2px}.error-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;color:#991b1b;font-size:13px;line-height:1.5}.error-banner svg{flex-shrink:0;margin-top:2px}.empleado-selector{position:relative}.empleado-seleccionado{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;color:#166534;font-weight:500}.empleado-seleccionado .btn-clear{background:none;border:none;font-size:18px;color:#166534;cursor:pointer;padding:0 4px;line-height:1}.empleado-seleccionado .btn-clear:hover{color:#14532d}.empleado-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:250px;overflow-y:auto;z-index:100;margin-top:4px}.empleado-dropdown .dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.empleado-dropdown .dropdown-item:last-child{border-bottom:none}.empleado-dropdown .dropdown-item:hover{background:#f9fafb}.empleado-dropdown .empleado-nombre{font-weight:500;color:#1f2937}.empleado-dropdown .empleado-zona{font-size:12px;color:#6b7280}.empleado-dropdown .dropdown-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.placeholder-text{padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;font-size:14px}.form-group.disabled{opacity:.6}.estado-options{display:flex;gap:12px}.estado-option{flex:1;display:flex;flex-direction:column;padding:14px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s}.estado-option:hover{border-color:#a5b4fc;background:#f9fafb}.estado-option.selected{border-color:#6366f1;background:#eef2ff}.estado-option input{display:none}.estado-option-label{font-weight:600;color:#1f2937;margin-bottom:2px}.estado-option-desc{font-size:12px;color:#6b7280}.estado-option.selected .estado-option-label{color:#4338ca}.estado-option.selected .estado-option-desc{color:#6366f1}.horario-info{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;color:#92400e;font-size:13px}.horario-info svg{flex-shrink:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-group{margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1}.registro-exitoso{text-align:center;padding:24px 0}.registro-exitoso-icono{margin-bottom:16px}.registro-exitoso h3{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:16px}.registro-exitoso-detalles{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:24px}.registro-exitoso-detalles .detalle-item{display:flex;justify-content:space-between;align-items:center}.registro-exitoso-detalles .detalle-label{color:#6b7280;font-size:14px}.registro-exitoso-acciones{display:flex;gap:12px;justify-content:center}.estado-a_tiempo{background:#d1fae5;color:#047857}.estado-tardanza{background:#fef3c7;color:#b45309}.modal-content .form-group{margin-bottom:16px}.modal-content .form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.modal-content .form-label .required{color:#ef4444}.modal-content .form-input,.modal-content .form-select,.modal-content .form-textarea{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff;transition:border-color .2s,box-shadow .2s}.modal-content .form-input:focus,.modal-content .form-select:focus,.modal-content .form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.modal-content .form-input:disabled,.modal-content .form-select:disabled,.modal-content .form-textarea:disabled{background:#f9fafb;cursor:not-allowed}.modal-content .form-textarea{resize:vertical;min-height:80px}.filtro-group-search{flex:1;max-width:250px}.filtro-search-wrapper{position:relative;display:flex;align-items:center}.filtro-search-wrapper svg{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.filtro-search{padding-left:36px!important}.filtro-search::-moz-placeholder{color:#9ca3af}.filtro-search::placeholder{color:#9ca3af}.filtros-presets{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.btn-preset{padding:6px 14px;font-size:13px;font-weight:500;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-preset:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.btn-preset.active{background:#6366f1;border-color:#6366f1;color:#fff}.preset-separator{width:1px;height:24px;background:#e5e7eb;margin:0 8px}.fecha-rango{display:flex;align-items:center;gap:8px}.filtro-fecha-rango{width:140px;padding:6px 10px!important;font-size:13px}.fecha-separador{color:#9ca3af;font-size:13px}.horarios-comida-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.seccion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.seccion-titulo{display:flex;align-items:center;gap:12px}.seccion-titulo h4{margin:0;font-size:16px;font-weight:600;color:#374151}.badge-opcional{background:#fef3c7;color:#92400e;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:#f59e0b}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.info-card-comida{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;color:#92400e;font-size:13px;line-height:1.5}.info-card-comida svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.form-grid-comida{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.label-comida{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#92400e}.input-comida{width:100%;padding:10px 12px;border:1px solid #fcd34d;border-radius:6px;font-size:14px;background:#fffbeb;color:#374151;transition:border-color .2s,box-shadow .2s}.input-comida:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}@media(max-width:640px){.form-grid-comida{grid-template-columns:1fr}.seccion-header{flex-direction:column;align-items:flex-start;gap:12px}}.btn-historial{display:flex;align-items:center;gap:6px}.modal-subtitle{margin:4px 0 0;font-size:13px;color:#6b7280;font-weight:400}.historial-cambios-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.historial-cambio-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px;transition:border-color .2s}.historial-cambio-card.cambio-manual{border-left:4px solid #f59e0b}.historial-cambio-card.cambio-automatico{border-left:4px solid #3b82f6}.cambio-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cambio-empleado{display:flex;align-items:center;gap:8px;font-size:14px}.cambio-empleado svg{color:#6b7280}.cambio-empleado .empleado-nombre{font-weight:600;color:#374151}.cambio-fecha-asist{color:#9ca3af;font-size:13px}.badge-manual{background:#fef3c7;color:#92400e;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.cambio-estados{display:flex;align-items:center;gap:10px;margin:12px 0}.cambio-estados svg{color:#9ca3af}.estado-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;color:#fff}.cambio-meta{display:flex;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.meta-item svg{color:#9ca3af}.cambio-motivo{margin-top:10px;padding:10px;background:#f3f4f6;border-radius:6px;font-size:13px}.motivo-label{font-weight:500;color:#6b7280;margin-right:6px}.motivo-texto{color:#374151;font-style:italic}.modal-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0;border-top:1px solid #e5e7eb}.pagination-info{font-size:13px;color:#6b7280}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-state svg{color:#9ca3af;margin-bottom:16px}.empty-state p{color:#6b7280;font-size:14px;margin:0}.modal-large{max-width:700px;width:95%}