:root{--bg-main:#fcfbf9;--bg-card:#fff;--bg-card-hover:#f9f7f4;--border-light:#e5dfd8;--border-active:#72985580;--primary:#729855;--primary-glow:#72985526;--secondary:#222121;--secondary-glow:#2221210d;--success:#638548;--warning:#d97706;--danger:#b91c1c;--info:#0284c7;--text-primary:#222121;--text-secondary:#5e5c5a;--text-muted:#9e9a97;--font-heading:"Urbanist", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Urbanist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 20%,#7298550a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#7298550a 0%,#0000 40%);background-attachment:fixed;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-primary);font-weight:700}p{color:var(--text-secondary);line-height:1.55}.card-glass{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:24px;box-shadow:0 4px 12px #22212105}.card-glass:hover{border-color:#7298554d;box-shadow:0 8px 24px #2221210d}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-1px)}.navbar{border-bottom:1px solid var(--border-light);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #22212103}.nav-logo{font-family:var(--font-heading);letter-spacing:.05em;color:var(--secondary);align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.nav-logo span{text-transform:uppercase}.nav-tabs{border-radius:var(--radius-sm);border:1px solid var(--border-light);background:#f5f2ed;padding:4px;display:flex}.nav-tab{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:calc(var(--radius-sm) - 1px);transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px var(--primary-glow);font-weight:700}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#628348;transform:translateY(-1px);box-shadow:0 4px 12px #7298554d}.btn-secondary{color:var(--text-primary);border-color:var(--border-light);background:#fcfbf9}.btn-secondary:hover{background:#f5f2ed;border-color:#22212133}.btn-accent{background:var(--secondary);color:#fff}.btn-accent:hover{background:#000;box-shadow:0 4px 12px #22212140}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#53703d;box-shadow:0 4px 12px #6385484d}.btn-disabled{color:var(--text-muted);border-color:var(--border-light);cursor:not-allowed;background:#f3efe9}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:4px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.badge-replied{color:#065f46;background:#d1fae5;border-color:#a7f3d0}.badge-basocelular{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.badge-espinocelular{color:#6b21a8;background:#f3e8ff;border-color:#e9d5ff}.badge-melanoma{color:#991b1b;background:#fee2e2;border-color:#fecaca}.badge-otro{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.form-control{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);background:#fff;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7298551a}.form-control::placeholder{color:var(--text-muted)}.dropzone{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#fff;border:2px dashed #cbd5e1;padding:40px 20px;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--primary);background:#fafaf9}.dropzone-icon{color:var(--text-secondary);transition:var(--transition-smooth);justify-content:center;margin-bottom:12px;display:flex}.dropzone:hover .dropzone-icon{color:var(--primary);transform:translateY(-2px)}.scan-overlay{background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:4px;box-shadow:0 0 8px var(--primary);animation:2.5s ease-in-out infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.container{flex-grow:1;width:100%;max-width:1400px;margin:0 auto;padding:32px 40px}.grid-crm{grid-template-columns:350px 1fr;gap:24px;display:grid}.list-sidebar{flex-direction:column;gap:12px;padding-right:4px;display:flex;overflow-y:auto}.list-sidebar::-webkit-scrollbar{width:6px}.list-sidebar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}.mobile-frame-container{justify-content:center;align-items:center;padding:20px 0;display:flex}.mobile-frame{background:#fcfbf9;border:12px solid #222121;border-radius:36px;flex-direction:column;width:390px;height:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #22212126}.mobile-notch{z-index:10;background:#222121;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:140px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-content{flex-direction:column;flex-grow:1;padding:40px 18px 24px;display:flex;overflow-y:auto}.mobile-content::-webkit-scrollbar{display:none}.diagnosis-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.diagnosis-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:var(--transition-smooth);background:#fff;flex-direction:column;gap:4px;padding:12px;display:flex}.diagnosis-btn:hover{background:var(--bg-card-hover);border-color:#22212133}.diagnosis-btn.active{border-color:var(--primary);background:var(--primary-glow)}.diagnosis-btn-title{font-family:var(--font-heading);color:var(--text-primary);font-size:.85rem;font-weight:700}.diagnosis-btn-desc{color:var(--text-muted);font-size:.75rem}.ai-badge{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-sm);border:1px solid #7298554d;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:flex}.pulse-dots{gap:3px;display:inline-flex}.pulse-dots span{background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both pulse}.pulse-dots span:first-child{animation-delay:-.32s}.pulse-dots span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border-light);border-left:4px solid var(--primary);border-radius:var(--radius-sm);background:#fff;align-items:center;gap:12px;min-width:300px;padding:16px;animation:.3s ease-out slide-in;display:flex;box-shadow:0 4px 16px #22212114}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#2221211a;border-radius:99px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#22212133}.drs-landing{--cream:#f0ebe3;--cream-light:#f7f4f0;--cream-dark:#e6dfd5;--tan:#b8956a;--tan-light:#d4b896;--tan-dark:#7a5c3a;--brown:#241a11;--brown-mid:#5c4433;--brown-light:#9a8070;--white:#faf8f5;--drs-font:"DM Sans", system-ui, -apple-system, sans-serif;background:var(--cream);width:100%;max-width:100%;font-family:var(--drs-font);color:var(--brown);font-weight:300;overflow-x:clip}.drs-landing h1,.drs-landing h2,.drs-landing h3,.drs-landing p{font-family:var(--drs-font);letter-spacing:normal}.drs-hero{background:radial-gradient(120% 100% at 78% 30%,#4634248c 0%,#1e160ff5 70%),linear-gradient(90deg,#1a130d 0%,#2a1f15 100%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:640px;display:grid;position:relative;overflow:hidden}.drs-hero-content{justify-self:end;max-width:620px;padding:80px 48px 80px 64px}.drs-hero-label{letter-spacing:.15em;text-transform:uppercase;color:var(--tan-light);margin-bottom:26px;font-size:14px}.drs-hero-title{letter-spacing:-.02em;color:var(--white);margin:0;font-size:clamp(38px,4.6vw,64px);font-weight:300;line-height:1.06}.drs-hero-title em{color:var(--tan-light);font-style:italic;font-weight:600}.drs-hero-sub{color:#faf8f5c7;max-width:460px;margin-top:26px;font-size:16px;font-weight:300;line-height:1.75}.drs-hero-credentials{flex-direction:column;gap:12px;margin-top:32px;display:flex}.drs-credential{color:#faf8f5b8;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;display:flex}.drs-credential:before{content:"";background:var(--tan);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.drs-hero-cta{background:var(--tan);color:var(--white);letter-spacing:.02em;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--drs-font);border:none;border-radius:100px;align-self:flex-start;align-items:center;gap:10px;margin-top:40px;padding:15px 34px;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex}.drs-hero-cta:hover{background:var(--tan-dark);transform:translateY(-1px)}.drs-hero-photo-wrap{align-self:stretch;min-height:640px;position:relative;overflow:hidden}.drs-hero-photo{object-fit:cover;object-position:center 20%;width:100%;height:100%;position:absolute;inset:0}.drs-hero-photo-wrap:after{content:"";background:linear-gradient(90deg,#1e160fd9 0%,#1e160f26 30%,#0000 60%);position:absolute;inset:0}.drs-upload-section{background:var(--cream-light);flex-direction:column;align-items:center;padding:88px 24px 96px;display:flex}.drs-upload-head{text-align:center;max-width:640px;margin-bottom:44px}.drs-section-label{letter-spacing:.25em;text-transform:uppercase;color:var(--tan-dark);margin-bottom:18px;font-size:11px}.drs-section-title{color:var(--brown);letter-spacing:-.01em;margin:0;font-size:clamp(30px,4vw,46px);font-weight:300;line-height:1.12}.drs-section-title em{color:var(--tan);font-style:italic;font-weight:400}.drs-upload-desc{color:var(--brown-mid);margin-top:22px;font-size:16px;font-weight:300;line-height:1.7}.drs-upload-card{background:var(--white);border:1px solid var(--cream-dark);border-radius:14px;width:100%;max-width:640px;overflow:hidden;box-shadow:0 24px 60px #241a1117}.drs-upload-card-accent{background:linear-gradient(90deg, var(--tan-dark), var(--tan), var(--tan-light));height:4px}@media (width<=860px){.drs-hero{grid-template-columns:minmax(0,1fr);min-height:0}.drs-hero-photo-wrap{order:-1;align-self:auto;min-height:380px}.drs-hero-photo{object-position:center 15%}.drs-hero-photo-wrap:after{background:linear-gradient(#0000 40%,#1e160f8c 100%)}.drs-hero-content{justify-self:stretch;max-width:100%;padding:48px 28px 56px}.drs-upload-section{padding:56px 18px 72px}}