:root{--color-primary:#23518c;--color-primary-dark:#1a3d6b;--color-primary-light:#2d6bb3;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-background:#f5f7fa;--color-white:#fff;--color-border:#e0e0e0;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#3b82f6;--color-error:#ef4444;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #00000026;--border-radius:8px;--border-radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.header{background-color:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-md);border-bottom:3px solid var(--color-primary);padding:20px 0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.header-logo-title{align-items:center;gap:15px;display:flex}.header h1{margin:0;font-size:24px;font-weight:600}.user-info{align-items:center;gap:20px;font-size:14px;display:flex}.user-info strong{font-weight:600}.header .btn-secondary{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.header .btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn{border-radius:var(--border-radius);cursor:pointer;border:none;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--color-white);background-color:#fff3;border:1px solid #ffffff4d}.btn-secondary:hover{background-color:#ffffff4d}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--color-border);border-radius:var(--border-radius);width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-container{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:20px;display:flex}.login-box{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:40px}.login-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.login-header h1{color:var(--color-primary);margin-top:0;margin-bottom:10px;font-size:28px}.login-header p{color:var(--color-text-light);font-size:14px}.alert{border-radius:var(--border-radius);margin-bottom:20px;padding:12px 16px;font-size:14px}.alert-error{color:#c33;background-color:#fee;border:1px solid #fcc}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.alert-info{color:#1e40af;background-color:#dbeafe;border:1px solid #93c5fd}.stats{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:0;display:grid}.stat-card{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:12px 14px}.stat-card h3{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;line-height:1.2}.stat-card .number{color:var(--color-text);font-size:22px;font-weight:700}.stat-card.nuevo .number{color:var(--color-primary)}.stat-card.pendiente .number{color:var(--color-warning)}.stat-card.enviado .number{color:var(--color-info)}.stat-card.terminado .number{color:var(--color-success)}.stat-card.clickable{transition:transform .2s,box-shadow .2s}.stat-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.section{margin-bottom:40px}.section-title{color:var(--color-text);align-items:center;gap:10px;margin-bottom:20px;font-size:20px;font-weight:600;display:flex}.section-title:before{content:"";background-color:var(--color-primary);border-radius:2px;width:4px;height:24px}.expedientes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.expediente-card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-border);padding:20px;transition:transform .2s,box-shadow .2s}.expediente-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.expediente-card.nuevo{border-left-color:var(--color-primary)}.expediente-card.pendiente{border-left-color:var(--color-warning)}.expediente-card.enviado{border-left-color:var(--color-info)}.expediente-card.terminado{border-left-color:var(--color-success)}.expediente-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.expediente-id{color:var(--color-text);font-size:16px;font-weight:600}.estado-badge{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.estado-badge.nuevo{color:#1e3a8a;background:#dbeafe}.estado-badge.pendiente{color:#92400e;background:#fef3c7}.estado-badge.enviado{color:#1e40af;background:#dbeafe}.estado-badge.terminado{color:#065f46;background:#d1fae5}.expediente-info{color:var(--color-text-light);font-size:14px;line-height:1.6}.expediente-info p{margin-bottom:8px}.expediente-info strong{color:var(--color-text)}.empty-state{text-align:center;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:60px 20px}.empty-state p{color:var(--color-text-light);font-size:16px}@media (max-width:768px){.header-content{text-align:center;flex-direction:column;gap:15px}.stats{grid-template-columns:repeat(2,1fr)}.expedientes-grid{grid-template-columns:1fr}.login-box{padding:30px 20px}}.cookie-consent-bar{z-index:9998;background:var(--color-white);border-top:1px solid var(--color-border);padding:20px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}.cookie-consent-backdrop{z-index:9997;background:#11182773;position:fixed;inset:0}.cookie-consent-panel{z-index:9999;background:var(--color-white);border-radius:var(--border-radius-lg);width:min(560px,100vw - 32px);max-height:min(90vh,640px);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.cookie-consent-inner{padding:24px}.cookie-consent-title{color:var(--color-primary);margin:0 0 12px;font-size:1.125rem;font-weight:600}.cookie-consent-text{color:var(--color-text-light);margin:0 0 20px;font-size:14px;line-height:1.65}.cookie-consent-link{color:var(--color-primary);text-underline-offset:2px;font-weight:500;text-decoration:underline}.cookie-consent-link:hover{color:var(--color-primary-dark)}.cookie-consent-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cookie-consent-bar .cookie-consent-actions{justify-content:flex-start}.cookie-consent-actions--simple,.cookie-consent-bar .cookie-consent-actions--simple{justify-content:flex-end}.cookie-consent-actions .btn-primary{padding:10px 18px;font-size:14px}.cookie-privacy-fab{z-index:9996;color:var(--color-primary);background:var(--color-white);border:1px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-md);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600;transition:box-shadow .2s,transform .2s;position:fixed;bottom:16px;left:16px}.cookie-privacy-fab:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (max-width:640px){.cookie-consent-bar .cookie-consent-actions{flex-direction:column;align-items:stretch}.cookie-consent-bar .cookie-consent-actions .btn-primary{text-align:center;width:100%}}.legal-body h2{color:var(--color-primary);margin:1.75rem 0 .75rem;font-size:1.2rem;font-weight:600}.legal-body h3{color:var(--color-text);margin:1.35rem 0 .5rem;font-size:1.05rem;font-weight:600}.legal-body p{margin:0 0 1rem}.legal-body ul{margin:0 0 1rem 1.25rem;padding:0}.legal-body li{margin-bottom:.35rem}.legal-body table{border-collapse:collapse;width:100%;margin-bottom:1.25rem;font-size:14px}.legal-body th,.legal-body td{border:1px solid var(--color-border);text-align:left;vertical-align:top;padding:10px 12px}.legal-body th{background-color:#f8f9fa;font-weight:600}.legal-body a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.legal-body a:hover{color:var(--color-primary-dark)}