@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--primary:#ffa07a;--primary-hover:#ff8c00;--secondary:#00bfff;--secondary-hover:#009acd;--bg-light:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--glass-border:#ff8c001a;--glass-shadow:0 10px 30px #0000000d;--gradient:linear-gradient(135deg, #ff8c00 0%, orange 50%, #00bfff 100%);--gradient-soft:linear-gradient(135deg, #ff8c001a 0%, #00bfff1a 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-main);background-image:radial-gradient(circle at 0 0,#ff8c000d 0%,#0000 40%),radial-gradient(circle at 100% 100%,#00bfff0d 0%,#0000 40%);flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex;overflow-x:hidden}#app{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:1.5rem}@media (width<=600px){#app{padding:.75rem}}.glass-card{background:var(--card-bg);box-shadow:var(--glass-shadow);border:1px solid #0000000d;border-radius:32px;padding:3rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@media (width<=600px){.glass-card{border-radius:24px;padding:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ff8c004d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #ffa07a66}.btn-back{color:var(--text-main);cursor:pointer;background:#fff;border:2px solid #0000001a;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000f}.btn-back:hover{color:var(--primary);border-color:var(--primary);background:#ffa07a0f;transform:translate(-3px);box-shadow:0 4px 12px #ffa07a26}@media (width<=600px){.btn-back{justify-content:center;width:100%;padding:.85rem 1.5rem;font-size:1rem}}.btn-secondary{color:var(--secondary);border:2px solid var(--secondary);cursor:pointer;background:#fff;border-radius:14px;padding:.8rem 1.8rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:var(--secondary);color:#fff;box-shadow:0 4px 12px #00bfff33}.login-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;display:flex}@keyframes pulse{0%{filter:drop-shadow(0 0 5px #ffa07a33);transform:scale(1)}50%{filter:drop-shadow(0 15px 30px #ffa07a80);transform:scale(1.12)}to{filter:drop-shadow(0 0 5px #ffa07a33);transform:scale(1)}}.logo-pulse{line-height:0;animation:2.5s ease-in-out infinite pulse;display:inline-block}.logo-main{object-fit:contain;border-radius:50%;width:160px;height:160px;margin-bottom:2.5rem;transition:transform .5s}.logo-main:hover{transform:scale(1.1)rotate(5deg)}.title-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:800}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;padding:1rem 0;display:flex}@media (width<=600px){.dashboard-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem}}.user-profile{background:#fff;border-radius:20px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;box-shadow:0 4px 10px #00000008}@media (width<=400px){.user-profile{justify-content:space-between;width:100%}.user-profile span{display:none}}.user-avatar{border:3px solid var(--secondary);object-fit:cover;border-radius:50%;width:45px;height:45px}.upload-section{grid-template-columns:350px 1fr;align-items:start;gap:3rem;display:grid}@media (width<=1024px){.upload-section{grid-template-columns:1fr;gap:2rem}}.drop-zone{background:var(--bg-light);text-align:center;cursor:pointer;border:3px dashed #00bfff33;border-radius:28px;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1.5rem;transition:all .4s;display:flex;position:sticky;top:2rem}.drop-zone:hover{border-color:var(--primary);background:#ff8c000d;transform:translateY(-5px)}.drop-zone.active{border-color:var(--primary);background:#ff8c001a}.results-container{flex-direction:column;gap:0;display:flex}.analysis-report-card{background:#fff;border:1px solid #0000000d;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #0000000a}.risk-item{border-bottom:1px solid #0000000d;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;transition:background .3s;display:grid}.risk-item:last-child{border-bottom:none}.risk-item:hover{background:#ff8c0005}.risk-info h3{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:flex}.risk-info h3:before{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px;display:inline-block}.risk-info p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.medidas-box{background:var(--gradient-soft);border-left:4px solid var(--secondary);border-radius:16px;padding:1.25rem;font-size:.9rem}@media (width<=1400px){.risk-item{grid-template-columns:1fr;gap:1rem}}.feature-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--card-bg);box-shadow:var(--glass-shadow);text-align:center;cursor:default;border:1px solid #0000000d;border-radius:24px;flex-direction:column;justify-content:space-between;align-items:center;gap:1.25rem;padding:2rem 1.5rem;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.feature-card-icon{border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 20px #ff640040}.feature-card-title{color:var(--text-main);flex:1;justify-content:center;align-items:center;margin:0;font-size:1.15rem;font-weight:700;display:flex}.feature-card .btn-primary{white-space:nowrap;justify-content:center;width:100%;height:48px;min-height:48px;padding:0 1.5rem;font-size:1rem}.spinner{border:4px solid #00bfff1a;border-top-color:var(--primary);border-radius:50%;width:60px;height:60px;margin:2.5rem auto;animation:1s cubic-bezier(.5,.1,.5,.9) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#preview-img{object-fit:cover;border-radius:20px;max-width:100%;max-height:400px;margin-top:1rem;display:none;box-shadow:0 15px 35px #0000001a}.miper-section{border-bottom:1px solid #0000000d;margin-bottom:2rem;padding-bottom:2rem}.miper-section:last-of-type{border-bottom:none}.miper-section-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1rem;font-weight:700;display:flex}.miper-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.miper-field{flex-direction:column;gap:.4rem;display:flex}.miper-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.miper-field input,.miper-field select,.miper-field textarea{color:var(--text-main);background:#fafafa;border:1.5px solid #0000001a;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-family:Outfit,sans-serif;font-size:.95rem;transition:all .2s}.miper-field input:focus,.miper-field select:focus,.miper-field textarea:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.miper-field textarea{resize:vertical;min-height:90px}.miper-checkboxes{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem;display:grid}.miper-checkbox-label{cursor:pointer;color:var(--text-main);-webkit-user-select:none;user-select:none;background:#fafafa;border:1.5px solid #00000014;border-radius:10px;align-items:center;gap:.6rem;padding:.6rem .9rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.miper-checkbox-label:hover{background:#22c55e0a;border-color:#22c55e}.miper-checkbox-label input[type=checkbox]{accent-color:#22c55e;background:0 0;border:none;flex-shrink:0;width:16px;height:16px;padding:0}.miper-checkbox-label:has(input:checked){color:#15803d;background:#22c55e14;border-color:#22c55e;font-weight:600}@media (width<=600px){.miper-grid{grid-template-columns:1fr}.miper-checkboxes{grid-template-columns:1fr 1fr}}