@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#f8fafc;--bg-surface:#ffffffb3;--bg-surface-elevated:#fffffff2;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--accent-cyan:#10b981;--status-aprobado:#059669;--status-modificado:#d97706;--status-rechazado:#dc2626;--glass-border:#0000000d;--glass-shadow:0 4px 30px #0000000d;--radius-lg:16px;--radius-md:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#10b9811a,#0000 50%),radial-gradient(circle at 85% 30%,#facc1526,#0000 50%);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.app-container{flex-direction:column;gap:24px;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px;display:flex}@media (width>=768px){.app-container{gap:32px;max-width:768px;padding:32px 24px}}@media (width>=1024px){.app-container{max-width:1024px;padding:48px 32px}}header{text-align:center;margin-bottom:8px;animation:.8s ease-out fadeIn}h1{letter-spacing:-.02em;background:linear-gradient(135deg,#059669,#facc15);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:1.5rem;font-weight:700}.subtitle{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem;font-weight:500}.role-toggle{background:var(--bg-surface-elevated);border-radius:var(--radius-lg);margin-bottom:16px;padding:4px;display:flex}.role-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:.875rem;font-weight:600;transition:all .2s}.role-btn.active{background:var(--accent-cyan);color:#fff;box-shadow:0 2px 10px #10b9814d}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:20px;animation:.6s ease-out both slideUp}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}input,select,textarea{background:var(--bg-base);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:var(--radius-md);padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .2s}input[type=file]{padding:8px}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 2px #10b98133}textarea{resize:vertical;min-height:100px}button.primary-btn{background:linear-gradient(135deg, var(--accent-cyan), #facc15);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}button.primary-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}button.primary-btn:active{transform:translateY(1px)}button.primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}button.secondary-btn{background:var(--bg-surface-elevated);width:100%;color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;margin-top:12px;padding:12px 20px;font-size:.9375rem;font-weight:600;transition:all .2s}button.secondary-btn:hover{background:#00000005}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;margin-bottom:16px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.status-badge.aprobado{color:var(--status-aprobado);background:#10b98126;border:1px solid #10b9814d}.status-badge.modificado{color:var(--status-modificado);background:#f59e0b26;border:1px solid #f59e0b4d}.status-badge.rechazado{color:var(--status-rechazado);background:#ef444426;border:1px solid #ef44444d}.profile-capsules-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}@media (width>=768px){.profile-capsules-container{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}}.profile-capsule{background:var(--bg-surface-elevated);border:1px solid var(--glass-border);border-left:3px solid var(--accent-cyan);color:var(--text-primary);border-radius:9999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.profile-capsule:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000000a}.profile-capsule strong{color:var(--text-secondary);font-weight:600}.result-section{margin-top:24px}.result-section h3{color:var(--text-secondary);margin-bottom:8px;font-size:1rem}.result-content{border-radius:var(--radius-sm);color:var(--text-primary);background:#ffffff80;padding:16px;font-size:.9375rem}.macro-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.macro-item{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);text-align:center;padding:12px}.macro-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.macro-label{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:.75rem}.list-item{margin-bottom:8px;padding-left:20px;position:relative}.list-item:before{content:"•";color:var(--accent-cyan);position:absolute;top:0;left:0}.loader{border:2px solid #10b9814d;border-top-color:var(--accent-cyan);width:20px;height:20px;animation:1s ease-in-out infinite spin}.timer-display{text-align:center;border-radius:var(--radius-lg);border:2px solid var(--accent-cyan);background:#fffc;margin:20px 0;padding:30px 20px}.timer-time{color:var(--accent-cyan);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:3rem;font-weight:700;line-height:1}.timer-label{color:var(--text-primary);font-size:1rem;font-weight:500}.water-alert{border-radius:var(--radius-md);text-align:center;margin-top:16px;padding:16px;font-weight:600}.water-alert.allow{color:var(--status-aprobado);background:#10b98133;border:1px solid #10b98166}.water-alert.deny{color:var(--status-rechazado);background:#ef444433;border:1px solid #ef444466}.image-preview{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--glass-border);width:100%;height:200px;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}details.modern-accordion{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;transition:box-shadow .2s;overflow:hidden}details.modern-accordion:hover{box-shadow:0 4px 12px #0000000d}details.modern-accordion summary{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);justify-content:space-between;align-items:center;padding:16px;font-size:1rem;font-weight:600;list-style:none;display:flex}details.modern-accordion summary::-webkit-details-marker{display:none}details.modern-accordion summary:after{content:"▼";color:var(--accent-cyan);font-size:.8rem;transition:transform .3s}details.modern-accordion[open] summary:after{transform:rotate(180deg)}details.modern-accordion[open] summary{border-bottom:1px solid var(--border-color)}.accordion-content{color:var(--text-secondary);background:#fff6;padding:16px;font-size:.95rem;line-height:1.5}.dark-mode .accordion-content{background:#0003}.bullet-list{margin:0;padding-left:20px}.bullet-list li{margin-bottom:8px}