@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--bg-main: #f0f4f8;--bg-surface: rgba(255, 255, 255, .85);--bg-sidebar: rgba(255, 255, 255, .95);--text-main: #1e293b;--text-muted: #64748b;--primary: #4f46e5;--primary-hover: #4338ca;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--border-light: rgba(226, 232, 240, .8);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-md: 12px;--radius-lg: 16px;--glass-blur: blur(16px);color:var(--text-main);background:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#eef4f5,#f7f9fb)}button,input,textarea{font:inherit}img{display:block;max-width:100%}.portal-shell{min-height:100vh;padding:28px;display:grid;gap:20px}.portal-top{display:grid;grid-template-columns:1fr minmax(320px,520px) 1fr;align-items:center}.brand-block{justify-self:center;display:grid;gap:10px;justify-items:center}.brand-logo{width:96px;height:96px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #dce3e3;box-shadow:0 14px 36px #17232014}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-name{font-size:2rem;font-weight:800}.access-panel,.panel,.empty-hero-card{background:#fffffff5;border:1px solid #dce3e3;border-radius:8px;box-shadow:0 16px 40px #1723200f}.access-panel{padding:24px;display:grid;gap:16px}.access-panel-header h1,.hero-copy h2,.panel-heading h3,.empty-hero-card h3{margin:0}.access-panel-header p,.hero-copy p,.field span,.hint-text,.empty-hero-card p,.step-card span,.summary-grid span,.list-card span,.incident-item span,.timeline-item span{color:#60706b}.access-grid,.agenda-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:8px}.field span,.eyebrow,.badge-soft,.status-pill{font-size:.88rem}.field input,textarea{width:100%;border:1px solid #cad6d2;border-radius:8px;padding:12px 14px;background:#fff}textarea{resize:vertical;min-height:120px}.btn{border:0;border-radius:8px;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease;border:none}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.primary:disabled{opacity:.6;cursor:not-allowed}.hero-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#ecf7f4);border:1px solid #dce5e4;border-radius:8px;padding:28px}.hero-copy{display:grid;gap:12px}.hero-copy h2{font-size:clamp(2rem,4vw,3.2rem)}.hero-visual{display:grid;gap:22px}.progress-circle{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;margin:0 auto;text-align:center;background:radial-gradient(circle at center,#fff 56%,transparent 57%),conic-gradient(#0f9482 0 var(--progress, 0%),#dbe8e5 var(--progress, 0%) 100%);border:1px solid #d3dfdc}.progress-circle strong{font-size:2.1rem}.road-line{position:relative;height:14px;border-radius:999px;background:#dbe7e4}.road-fill{height:100%;background:linear-gradient(90deg,#0f9482,#46c2ad);border-radius:999px}.road-car{position:absolute;top:-15px;color:#0b6458}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:var(--bg-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.panel:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.panel.wide{grid-column:1 / -1}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.overview-panel{grid-column:1 / -1}.summary-grid,.steps-grid{display:grid;gap:12px}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid div{display:grid;gap:6px;padding:12px;border-radius:8px;background:#f6faf9;border:1px solid #e2ebea}.portal-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parts-widget{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:14px 16px;background:linear-gradient(135deg,#eef2ff,#e0f2fe);border:1px solid #c7d2fe;border-radius:10px}.parts-ring{flex:0 0 auto;width:72px;height:72px;border-radius:50%;background:conic-gradient(#4f46e5 0 var(--parts-pct, 0%),#e2e8f0 var(--parts-pct, 0%) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.parts-ring:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:linear-gradient(135deg,#eef2ff,#e0f2fe)}.parts-ring>*{position:relative;z-index:1;color:#4f46e5}.parts-ring>strong{font-size:11px;font-weight:800;line-height:1}.parts-info{display:grid;gap:4px}.parts-info strong{font-size:.9rem;color:var(--text-main);font-weight:600}.parts-info span{font-size:.83rem;color:var(--text-muted)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.step-card{border:1px solid #dce6e4;border-radius:8px;padding:14px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;background:#fff}.step-card>div:last-child{display:grid;gap:4px;min-width:0}.step-copy{min-width:0}.step-card strong,.step-card span{display:block;overflow-wrap:anywhere}.step-card.done{background:#eefaf7;border-color:#9bd7cb}.step-card.current{border-color:#0f9482;box-shadow:inset 0 0 0 1px #0f9482}.step-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#edf4f2;color:#0b6458;font-weight:800}.status-pill,.badge-soft{padding:8px 12px;border-radius:999px;background:#edf5f3;color:#0b6458;font-weight:700}.confirm-box{margin-top:14px;padding:16px;border-radius:8px;border:1px solid #dce6e4;background:#f8fbfb;display:grid;gap:14px}.button-row{display:flex;gap:10px;flex-wrap:wrap}.btn.secondary{background:#edf3f2;color:#1e293b}.stack-list,.timeline-list{display:grid;gap:10px}.list-card,.incident-item,.timeline-item{border-radius:8px;border:1px solid #e0e8e6;background:#f8fbfb;padding:12px 14px;display:grid;gap:6px}.incident-item.activo{border-left:4px solid #d84d42}.incident-item.resuelto{border-left:4px solid #30a572}.timeline-item{grid-template-columns:14px 1fr;gap:12px;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#0f9482}.empty-hero{display:grid;place-items:center;min-height:280px}.empty-hero-card{max-width:420px;padding:28px;text-align:center;display:grid;gap:10px;justify-items:center}.empty-card{padding:14px;border-radius:8px;background:#f6f8f8;border:1px dashed #d6e1de;color:#60706b}.error-text{margin:0;color:#b33a2f;font-weight:700}.date-picker{background:#fff;border:1px solid #d0e0dd;border-radius:10px;padding:14px}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-header button{background:none;border:1px solid #d0e0dd;border-radius:6px;cursor:pointer;padding:4px 8px;color:#1e293b}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.dp-weekday{font-size:11px;font-weight:600;color:#64748b;padding-bottom:4px}.dp-day{width:100%;aspect-ratio:1;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:13px;color:#1e293b;transition:background .15s}.dp-day:hover:not(.disabled){background:#d8f0eb}.dp-day.selected{background:#0f9482;color:#fff;font-weight:700}.dp-day.disabled{color:#b0c0be;cursor:not-allowed}.dp-day.saturday{color:#0b6458;font-weight:600}.dp-hint{font-size:12px;color:#64748b;margin:8px 0 0}.slot-picker{display:flex;flex-direction:column;gap:18px}.slot-group{display:flex;flex-direction:column;gap:10px}.slot-group-header{display:flex;align-items:center;gap:6px}.slot-group-icon{font-size:16px}.slot-group-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.slot-row{display:flex;flex-wrap:wrap;gap:8px}.slot-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 14px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;min-width:90px;transition:all .15s;font:inherit}.slot-card:hover:not(:disabled):not(.selected){border-color:#0f9482;background:#f0fdf9;transform:translateY(-1px);box-shadow:0 4px 12px #0f94821f}.slot-card.selected{border-color:#0f9482;background:linear-gradient(135deg,#0f9482,#0b7060);color:#fff;box-shadow:0 4px 14px #0f94824d}.slot-card.occupied{border-color:#f1f5f9;background:#f8fafc;cursor:not-allowed;opacity:.6}.slot-card-time{font-size:1rem;font-weight:700;line-height:1}.slot-card-dot{width:7px;height:7px;border-radius:50%}.slot-card-dot.free{background:#10b981}.slot-card-dot.full{background:#d1d5db}.slot-card.selected .slot-card-dot{background:#ffffffb3}.slot-card-status{font-size:.68rem;font-weight:600;color:#6b7280;white-space:nowrap}.slot-card.selected .slot-card-status{color:#ffffffd9}.slot-card.occupied .slot-card-status{color:#9ca3af}.slot-hint{font-size:13px;color:#64748b;margin:6px 0}.slot-hint.error{color:#b33a2f}.slot-section-label{font-size:13px;font-weight:600;color:#1e293b;margin:0 0 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:1000;padding:16px}.schedule-modal{background:#fff;border-radius:14px;padding:24px;max-width:640px;width:100%;box-shadow:0 20px 40px #00000026}.schedule-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.schedule-modal-header button{background:none;border:none;cursor:pointer;font-size:18px;color:#64748b;padding:4px 8px;border-radius:6px}.schedule-table table{width:100%;border-collapse:collapse;font-size:13px}.schedule-table th,.schedule-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #e8f0ee}.schedule-table th{background:#f2f8f7;font-weight:700;color:#0b6458}.saturday-row td{color:#0b6458}.sunday-row td{color:#a0b0ae}.no-service{color:#a0b0ae;font-style:italic}.schedule-note{font-size:12px;color:#64748b;margin:14px 0 0}.badge-warning{background:#fff3cd;color:#856404}.appt-badge{display:inline-flex;align-items:center;gap:4px;font-weight:600;border-radius:999px;padding:2px 8px;font-size:.82rem}.appt-badge.confirmada{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.appt-badge.programada{background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe}.schedule-ref-block{display:flex;align-items:center;justify-content:center}.btn.ghost{background:transparent;border:1px solid currentColor}.btn.small{font-size:13px;padding:6px 12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.portal-top,.hero-panel,.content-grid,.summary-grid{grid-template-columns:1fr}.brand-block{justify-self:center;margin-bottom:8px}}@media(max-width:720px){.portal-shell{padding:16px}.access-grid,.agenda-grid,.steps-grid,.portal-summary-grid{grid-template-columns:1fr}.hero-panel,.panel,.access-panel{padding:18px}}.img-viewer-modal{background:#fff;border-radius:16px;width:min(520px,94vw);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000040}.img-viewer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e5e7eb;font-weight:700;font-size:.95rem}.img-viewer-header .close-x{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:2px 6px;border-radius:4px}.img-viewer-header .close-x:hover{background:#f3f4f6;color:#ef4444}.img-viewer-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;min-height:120px}.img-viewer-status{color:#6b7280;font-size:.9rem;display:flex;align-items:center;gap:8px}.img-viewer-status.error{color:#ef4444}.img-viewer-expired{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6b7280;padding:20px;text-align:center}.img-viewer-expired p{font-size:1rem;font-weight:600;margin:0;color:#374151}.img-viewer-expired small{font-size:.8rem}.img-viewer-img{max-width:100%;max-height:55vh;border-radius:10px;display:block;box-shadow:0 4px 20px #0000001a}.img-viewer-footer{display:flex;align-items:center;gap:14px;width:100%;flex-wrap:wrap;justify-content:space-between}.img-viewer-views{font-size:.78rem;color:#6b7280;font-weight:600}.btn-download{padding:7px 16px;border-radius:8px;border:2px solid #3b82f6;background:#eff6ff;color:#1d4ed8;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-download:hover{background:#dbeafe}.obs-img-expired{font-size:.82rem;color:#9ca3af;font-style:italic}.btn-ver-imagen{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;border:2px solid #6366f1;background:#eef2ff;color:#4338ca;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-ver-imagen:hover{background:#e0e7ff}body{padding-bottom:34px}body:after{content:"DerivativeCalculus copyright";position:fixed;left:50%;bottom:10px;transform:translate(-50%);font-size:12px;letter-spacing:.08em;color:#ffffff94;pointer-events:none;z-index:9999}