@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700&display=swap";:root{--primary-color: #2E8B57;--primary-light: #3CB371;--primary-dark: #1E5631;--secondary-color: #FFA726;--accent-color: #66BB6A;--earth-color: #8D6E63;--sky-color: #42A5F5;--background-color: #F1F8E9;--surface-color: #FFFFFF;--card-background: #E8F5E8;--text-primary: #1B4332;--text-secondary: #2D5016;--text-light: #52734D;--text-on-primary: #FFFFFF;--success-color: #4CAF50;--warning-color: #FF9800;--error-color: #E53935;--info-color: #2196F3;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--primary-light)}a:focus{outline:2px solid var(--primary-color);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:Nunito,sans-serif;font-weight:700;line-height:1.3;margin:0 0 1rem;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700}h2{font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600}h3{font-size:clamp(1rem,2vw,1.5rem);font-weight:600}p{margin:0 0 1rem;line-height:1.6}button{border-radius:12px;border:none;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;font-family:Nunito,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--text-on-primary);box-shadow:0 4px 12px #2e8b5740;letter-spacing:.025em}button:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateY(-2px);box-shadow:0 8px 20px #2e8b5759}button:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none}input,select,textarea{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;border:2px solid #C8E6C9;border-radius:10px;padding:.875rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;background-color:var(--surface-color);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2e8b5726;background-color:var(--surface-color)}input::placeholder,textarea::placeholder{color:var(--text-light);font-weight:300}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .4s ease-out}@media (max-width: 480px){:root{font-size:14px}.container{padding:0 .75rem}}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}}@media (display-mode: standalone){body{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.login-container{display:flex;height:100vh;width:100vw;font-family:Nunito,Open Sans,sans-serif}.login-left-panel{flex:0 0 40%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;display:flex;justify-content:center;align-items:center;padding:2rem;box-shadow:2px 0 20px #0000001a}.login-content{max-width:400px;width:100%;text-align:center}.login-title{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.login-title span{color:var(--surface-color);font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-subtitle{font-size:1.2rem;margin-bottom:1rem;opacity:.9}.login-hint{font-size:.9rem;margin-bottom:1.5rem;opacity:.8;font-style:italic;color:#fffc;background:#ffffff1a;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);transition:all .3s ease}.selection-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.selection-status .login-hint{margin-bottom:0;flex:1;min-width:200px}.clear-selection-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#ffffffe6;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);white-space:nowrap}.clear-selection-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);color:#fff}.login-info{text-align:left;margin-bottom:2rem}.info-section{margin-bottom:1.5rem}.info-section h3{font-size:1.1rem;margin-bottom:.5rem;color:#a5d6a7;font-weight:600}.info-section p{font-size:.9rem;opacity:.9;margin:0;line-height:1.4}.user-selection-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin:1.5rem 0}.user-card{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.user-card:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #0003}.user-card.selected{background:#ffffff40;border-color:#a5d6a7;box-shadow:0 8px 25px #a5d6a74d;transform:translateY(-2px)}.user-card.selected:before{content:"✓";position:absolute;top:.5rem;right:.5rem;background:#a5d6a7;color:var(--text-primary);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.user-card.gamification:hover{background:linear-gradient(135deg,#ffc10733,#ff980033);border-color:#ffc10780}.user-card.gamification .card-action{color:#ffd54f}.user-card.gamification:hover .card-action{color:#fff176}.card-icon{font-size:2rem;margin-bottom:.5rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.user-card h3{font-size:.95rem;margin:0 0 .3rem;color:#fff;font-weight:600;line-height:1.2}.user-card p{font-size:.75rem;margin:0 0 .5rem;opacity:.9;line-height:1.3;flex-grow:1}.card-action{font-size:.7rem;color:#a5d6a7;font-weight:500;opacity:.8;margin-top:auto;padding-top:.3rem;border-top:1px solid rgba(255,255,255,.1);transition:all .3s ease}.user-card:hover .card-action{color:#c8e6c9;opacity:1}.user-card.disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.user-card.disabled:hover{background:#ffffff1a;border-color:#fff3;transform:none!important;box-shadow:none!important}.login-error{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#ffcdd2;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.login-action-section{margin:1.5rem 0;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.login-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#fff,#f5f5f5);color:var(--text-primary);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #0003;background:linear-gradient(135deg,#f8f8f8,#fff)}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-icon{font-size:1.2rem;flex-shrink:0}.button-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.button-arrow{font-size:1.1rem;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.login-button:hover:not(:disabled) .button-arrow{transform:translate(4px)}.login-slogan{font-size:.95rem;text-align:center;opacity:.8;margin:1rem 0 0;font-weight:500}.loading-message{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#c8e6c9;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner-icon{animation:spin 1s linear infinite}.game-info-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;position:relative;color:#333}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f0f0f0}.game-features{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.feature{display:flex;align-items:flex-start;gap:.75rem}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature strong{display:block;margin-bottom:.25rem}.feature p{margin:0;font-size:.9rem;color:#666}.login-right-panel{flex:1;background:var(--background-color);padding:2rem;display:flex;flex-direction:column}.map-section{height:100%;display:flex;flex-direction:column}.map-section h2{margin-bottom:.5rem;font-size:1.8rem;font-family:Nunito,sans-serif;color:var(--text-primary);font-weight:700}.map-section p{margin-bottom:1.5rem;color:var(--text-secondary);font-size:1rem}.map-container-login{flex:1;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:2px solid #E8F5E8}.map-loading{flex:1;display:flex;align-items:center;justify-content:center;background:#e8f5e8;border-radius:12px;color:var(--text-primary);font-size:1.1rem}.map-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.filter-select-login{padding:.5rem;border:2px solid #E0E0E0;border-radius:8px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .3s ease}.filter-select-login:focus{outline:none;border-color:#2e7d32}.points-counter-login{color:var(--text-primary);font-size:.9rem;font-weight:500}.info-window-login{padding:.5rem;min-width:200px}.info-window-login h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.info-window-login p{margin:.25rem 0;font-size:.85rem}.login-required{color:var(--text-secondary);font-style:italic;font-size:.8rem!important;margin-top:.5rem!important}.registration-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.registration-content{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative}.back-button{position:absolute;top:1rem;left:1rem;background:#f5f5f5;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .3s ease;z-index:10}.back-button:hover{background:#e0e0e0;color:#fff}.registration-step{padding:3rem 2rem 2rem}.registration-step h2{text-align:center;color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.registration-step>p{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.registration-error{background:#ffebee;border:1px solid #FFCDD2;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center}.user-type-selection{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.user-type-card{background:#fff;border:2px solid #E0E0E0;border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.user-type-card:hover{border-color:#a5d6a7;transform:translateY(-2px);box-shadow:0 8px 25px #2e7d321a}.user-type-card.selected{border-color:#2e7d32;background:linear-gradient(135deg,#e8f5e8,#f1f8e9);box-shadow:0 8px 25px #2e7d3226}.card-icon{font-size:3rem;margin-bottom:1rem}.user-type-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem}.user-type-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.user-type-card ul{text-align:left;color:#777;font-size:.9rem}.user-type-card ul li{margin-bottom:.3rem}.form-group{margin-bottom:2rem}.form-group label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.tipos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem}.tipo-card{background:#fff;border:2px solid #E0E0E0;border-radius:10px;padding:1rem;text-align:center;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.tipo-card:hover{border-color:#a5d6a7;transform:translateY(-1px)}.tipo-card.selected{border-color:#2e7d32;background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:var(--text-primary)}.form-group input{width:100%;padding:.75rem;border:2px solid #E0E0E0;border-radius:8px;font-size:1rem;margin-bottom:.75rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#2e7d32}.map-instruction{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;font-style:italic}.map-container-registration{border-radius:12px;overflow:hidden;border:2px solid #E8F5E8;margin-bottom:1rem}.location-info{background:#e8f5e8;padding:.75rem;border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:monospace}.registration-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.continue-button,.back-step-button{padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.continue-button{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;box-shadow:0 4px 15px #2e7d324d}.continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2e7d3266}.continue-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.back-step-button{background:#f5f5f5;color:var(--text-secondary)}.back-step-button:hover{background:#e0e0e0;color:#fff}@media (max-width: 1024px){.login-left-panel{flex:0 0 35%}.user-type-selection{grid-template-columns:1fr}}@media (max-width: 768px){.login-container{flex-direction:column;height:auto;min-height:100vh}.login-left-panel{flex:none;width:100%;padding:2rem 1rem;min-height:300px}.login-right-panel{flex:none;width:100%;padding:2rem 1rem;min-height:400px}.login-title{font-size:2rem}.user-selection-cards{grid-template-columns:1fr;gap:.75rem}.user-card{min-height:100px;padding:1rem}.card-icon{font-size:1.8rem}.user-card h3{font-size:.9rem}.user-card p{font-size:.7rem}.card-action{font-size:.65rem}.registration-content{margin:1rem;max-height:calc(100vh - 2rem)}.registration-step{padding:2rem 1rem}.user-type-card{padding:1.5rem}.tipos-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 480px){.login-left-panel,.login-right-panel{padding:1.5rem .75rem}.login-title{font-size:1.8rem}.user-selection-cards{gap:.5rem}.user-card{min-height:90px;padding:.8rem}.card-icon{font-size:1.5rem;margin-bottom:.3rem}.user-card h3{font-size:.85rem;margin-bottom:.2rem}.user-card p{font-size:.65rem;margin-bottom:.3rem}.card-action{font-size:.6rem;padding-top:.2rem}.login-button{padding:.875rem 1.5rem;font-size:.95rem}.login-action-section{padding:.75rem;margin:1rem 0}.registration-actions{flex-direction:column}.continue-button,.back-step-button{width:100%}}.gamification-section{margin:2rem 0}.gamification-link{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:2px solid rgba(255,193,7,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;font-family:inherit;color:inherit}.gamification-link:hover{background:linear-gradient(135deg,#ffc10733,#ff980033);border-color:#ffc10780;transform:translateY(-2px);box-shadow:0 8px 25px #ffc10733}.gamification-icon{font-size:2rem;flex-shrink:0}.gamification-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.gamification-text strong{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.2}.gamification-text small{font-size:.9rem;color:var(--text-secondary);line-height:1.3;margin-top:.25rem}.gamification-arrow{font-size:1.5rem;color:#ffd54f;flex-shrink:0;transition:transform .3s ease}.gamification-link:hover .gamification-arrow{transform:translate(4px)}@media (max-width: 768px){.gamification-section{margin:1.5rem 0}.gamification-link{padding:1.25rem;gap:.75rem}.gamification-icon{font-size:1.75rem}.gamification-text strong{font-size:1rem}.gamification-text small{font-size:.85rem}.gamification-arrow{font-size:1.25rem}.selection-status{flex-direction:column;align-items:stretch;text-align:center;gap:.75rem}.selection-status .login-hint{min-width:unset;text-align:center}.clear-selection-btn{align-self:center;padding:.6rem 1.5rem;font-size:.85rem}}.sidebar{width:250px!important;height:100vh!important;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:1.5rem 0 1.5rem 1.5rem;box-shadow:4px 0 24px #388e3c26;position:fixed!important;top:0!important;left:0!important;z-index:100!important;transition:transform .3s ease;display:flex;flex-direction:column;max-width:250px!important;min-width:250px!important;font-family:Nunito,Open Sans,sans-serif;overflow:hidden}.sidebar.mobile-hidden{transform:translate(-100%)!important}.sidebar h2{margin-bottom:1rem;margin-right:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:1px;color:#fff}.user-type-badge{background:#fff3;color:#fff;padding:.5rem;border-radius:8px;text-align:center;font-size:.85rem;font-weight:600;margin-bottom:2rem;margin-right:1.5rem;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.sidebar-logo{margin-left:.5rem;font-size:1.3em}.sidebar nav{padding-right:1.5rem;overflow-x:hidden}.sidebar ul{list-style:none;padding:0;margin-top:.5rem}.sidebar li{margin:.6rem 0}.sidebar a{color:#fff;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.9rem;font-size:1.08rem;padding:.85rem 1rem;margin:0 .2rem;border-radius:10px;background:transparent;transition:all .25s ease;position:relative}.sidebar a .sidebar-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff14;border-radius:7px;transition:all .2s ease}.sidebar a:hover{background:#ffffff14;color:#a5d6a7}.sidebar a.active{background:#ffffff26;color:#fff;font-weight:600}.sidebar a:hover .sidebar-icon,.sidebar a.active .sidebar-icon{background:#fff3;transform:scale(1.1)}.sidebar-bottom{margin-top:auto;padding:1rem 1.5rem 0 0;border-top:1px solid rgba(255,255,255,.2)}.logout-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;width:100%;padding:.85rem 1rem;border-radius:10px;font-size:1.08rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.9rem;transition:background .25s,border-color .25s,transform .18s}.logout-btn:hover{background:#ffffff1a;border-color:#ffffff80;transform:scale(1.02)}.logout-btn .sidebar-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff14;border-radius:7px;transition:background .2s}.logout-btn:hover .sidebar-icon{background:#fff3}.mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:101;background:var(--primary-color);color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 8px #0003}.mobile-menu-toggle:hover{background:var(--primary-dark)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay.active{display:block}@media (max-width: 768px){.sidebar{width:280px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-menu-toggle{display:block}}@media (max-width: 480px){.sidebar{width:90vw;max-width:300px}.sidebar h2{font-size:1.2rem}.sidebar a{padding:1rem;font-size:1.1rem}}.pwa-install{margin-top:auto;padding:2rem 1.5rem 0 0;border-top:1px solid rgba(255,255,255,.2)}.install-btn{display:flex;align-items:center;gap:.7rem;justify-content:center;font-size:1.08rem;padding:1rem .5rem;border-radius:12px;font-weight:600;background:linear-gradient(135deg,var(--secondary-color),var(--warning-color));color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff98004d}.install-btn:hover{background:linear-gradient(135deg,#f57c00,#e65100);color:#fffde7;transform:scale(1.04)}.install-btn:active{transform:translateY(0)}@media (max-width: 768px){.pwa-install{padding-top:1.5rem}.install-btn{padding:.9rem;font-size:.95rem}}@media (max-width: 768px){.sidebar h2{font-size:1.2rem}.sidebar a{font-size:1rem;padding:.8rem .7rem}}.dashboard-container{display:flex;min-height:100vh;font-family:Roboto,sans-serif;position:relative}.dashboard-main{flex:1;margin-left:250px;padding:2rem;background-color:#f4f4f4;min-height:100vh;width:calc(100vw - 250px);box-sizing:border-box;overflow-x:auto}.dashboard-main>*{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.dashboard-main{margin-left:0;width:100vw;padding:4rem 1rem 1rem}}@media (max-width: 480px){.dashboard-main{padding:4rem .75rem .75rem}}.home-container{padding:2rem;font-family:Roboto,sans-serif;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.home-container h1{color:#2e7d32;margin-bottom:2rem;text-align:center}.home-section{background:#fff;padding:1.5rem;margin-top:2rem;border-radius:15px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.home-section:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.home-section h2{color:#2e7d32;margin-bottom:1rem}.challenges{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.challenge{background:linear-gradient(135deg,#a5d6a7,#81c784);padding:1.5rem;border-radius:12px;text-align:center;font-weight:700;color:#1b5e20;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.challenge:hover{transform:scale(1.02)}.progress{margin-top:1rem}.progress h3{color:#2e7d32;margin-bottom:.5rem}.progress-bar{height:25px;background:#e0e0e0;border-radius:15px;overflow:hidden;margin-top:.5rem;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50);border-radius:15px;transition:width .5s ease}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 12px #0000001a;text-align:center;border-left:4px solid #2E7D32}.stat-number{font-size:2rem;font-weight:700;color:#2e7d32;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem}@media (max-width: 768px){.home-container{padding:1rem}.home-section{padding:1rem;margin-top:1.5rem}.challenges{grid-template-columns:1fr;gap:.75rem}.challenge{padding:1rem}.home-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}}@media (max-width: 480px){.home-container{padding:.75rem}.home-container h1{font-size:1.5rem}.home-section{padding:.75rem}.home-stats{grid-template-columns:1fr}.stat-number{font-size:1.3rem}}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.3)}.greeting-section h1{color:#2e7d32;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-info{color:#666;font-size:1.1rem;margin:0;font-style:italic;text-transform:capitalize}.refresh-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;padding:1rem;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2e7d324d}.refresh-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #2e7d3266}.refresh-btn.spinning{animation:spin 1s linear infinite}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.home-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e7d32,#4caf50)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-card.featured{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;transform:scale(1.05);box-shadow:0 12px 40px #2e7d324d}.stat-card.featured .stat-number,.stat-card.featured .stat-label{color:#fff}.stat-icon{font-size:3rem;margin-bottom:0}.stat-content{flex:1}.stat-number{font-size:2.5rem;font-weight:700;color:#2e7d32;margin-bottom:.5rem;display:block}.stat-label{color:#666;font-size:1rem;font-weight:600}.level-progress-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.level-progress-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.level-progress{margin-top:1.5rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666;font-weight:600}.progress-bar{height:15px;background:#e0e0e0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50,#66bb6a);border-radius:8px;transition:width .5s ease;position:relative}.weekly-goals-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.weekly-goals-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.goal-card{background:#2e7d320d;border-radius:15px;padding:1.5rem;transition:all .3s ease;border:2px solid transparent;position:relative}.goal-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:#2e7d3233}.goal-card.completed{background:linear-gradient(135deg,#4caf501a,#81c7841a);border-color:#4caf50}.goal-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.goal-icon{font-size:1.5rem}.goal-title{font-weight:700;color:#2e7d32;flex:1}.completed-badge{background:#4caf50;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.goal-progress{display:flex;flex-direction:column;gap:.5rem}.goal-numbers{display:flex;justify-content:space-between;font-weight:700;color:#2e7d32}.goal-progress-bar{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.goal-progress-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50);border-radius:4px;transition:width .5s ease}.quick-actions-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.quick-actions-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.action-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:none;border-radius:15px;padding:2rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left;box-shadow:0 4px 15px #0000001a;border:2px solid transparent}.action-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.action-card.primary{border-color:#2e7d32}.action-card.primary:hover{background:linear-gradient(135deg,#2e7d321a,#4caf501a)}.action-card.secondary{border-color:#1976d2}.action-card.secondary:hover{background:linear-gradient(135deg,#1976d21a,#2196f31a)}.action-card.tertiary{border-color:#7b1fa2}.action-card.tertiary:hover{background:linear-gradient(135deg,#7b1fa21a,#9c27b01a)}.action-card.quaternary{border-color:#ff9800}.action-card.quaternary:hover{background:linear-gradient(135deg,#ff98001a,#ffc1071a)}.action-icon{font-size:2.5rem}.action-content{flex:1}.action-content h3{margin:0 0 .5rem;color:#2e7d32;font-size:1.2rem}.action-content p{margin:0;color:#666;font-size:.9rem}.recent-activity-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.recent-activity-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2e7d320d;border-radius:12px;transition:all .3s ease}.activity-item:hover{background:#2e7d321a;transform:translate(5px)}.activity-icon{font-size:1.5rem;width:40px;height:40px;background:#2e7d321a;border-radius:50%;display:flex;align-items:center;justify-content:center}.activity-content{flex:1}.activity-text{margin:0 0 .25rem;color:#333;font-weight:500}.activity-time{color:#666;font-size:.8rem}.recent-achievements-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.recent-achievements-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.achievements-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.achievement-mini-card{background:linear-gradient(135deg,#4caf501a,#81c7841a);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:1px solid rgba(76,175,80,.2)}.achievement-mini-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #4caf5033}.achievement-mini-icon{font-size:2rem;width:50px;height:50px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.achievement-mini-content h4{margin:0 0 .25rem;color:#2e7d32;font-size:1rem}.achievement-mini-status{color:#4caf50;font-size:.8rem;font-weight:700}.view-all-achievements{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto;text-decoration:none}.view-all-achievements:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2e7d324d}.eco-tips-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.eco-tips-section h2{color:#2e7d32;margin-bottom:1.5rem;text-align:center;font-size:1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1.5rem}.tip-card{background:linear-gradient(135deg,#2e7d320d,#4caf500d);border-radius:15px;padding:1.5rem;display:flex;gap:1rem;transition:all .3s ease;border:1px solid rgba(46,125,50,.1)}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2e7d321a;border-color:#2e7d3233}.tip-icon{font-size:2rem;margin-top:.25rem}.tip-content{flex:1}.tip-text{margin:0 0 .5rem;color:#333;line-height:1.5;font-size:.95rem}.tip-category{background:#2e7d321a;color:#2e7d32;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:700}.refresh-tips{background:#2e7d321a;color:#2e7d32;border:1px solid rgba(46,125,50,.2);padding:.75rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.refresh-tips:hover{background:#2e7d3233;transform:translateY(-2px)}@media (max-width: 768px){.home-header{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.greeting-section h1{font-size:2rem}.home-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.stat-icon{font-size:2.5rem}.stat-number{font-size:2rem}.goals-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.action-card{padding:1.5rem;flex-direction:column;text-align:center;gap:1rem}.action-icon{font-size:2rem}.achievements-mini-grid,.tips-grid{grid-template-columns:1fr}.weekly-goals-section,.quick-actions-section,.recent-activity-section,.recent-achievements-section,.eco-tips-section,.level-progress-section{padding:1.5rem}}@media (max-width: 480px){.home-container,.home-header{padding:1rem}.greeting-section h1{font-size:1.5rem}.home-stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.actions-grid{grid-template-columns:1fr}.action-card,.weekly-goals-section,.quick-actions-section,.recent-activity-section,.recent-achievements-section,.eco-tips-section,.level-progress-section{padding:1rem}.tip-card{flex-direction:column;text-align:center}.activity-item{flex-direction:column;text-align:center;gap:.5rem}}.punto-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.punto-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;width:100%;max-width:750px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out;overflow:hidden}.punto-form-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;flex-shrink:0}.punto-form-header h3{margin:0;font-size:1.1rem;font-weight:600}.close-btn{background:transparent;border:none;color:#fff;font-size:1.75rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;padding:0;line-height:1}.close-btn:hover:not(:disabled){background-color:#fff3}.close-btn:disabled{opacity:.5;cursor:not-allowed}.punto-form{padding:1.75rem;overflow-y:auto;flex:1}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row .form-group{margin-bottom:0}.form-group label{display:block;margin-bottom:.4rem;font-weight:500;color:#333;font-size:.9rem}.required{color:#e53e3e;font-weight:400}.optional{color:#666;font-weight:400;font-size:.85rem}.form-group input,.form-group textarea{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;transition:all .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input.error,.form-group textarea.error{border-color:#e53e3e}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.error-text{display:block;color:#e53e3e;font-size:.85rem;margin-top:.25rem}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.5rem;margin-top:.5rem}.material-option{position:relative;padding:.5rem .25rem;border:2px solid #e0e0e0;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:.2rem;transition:all .2s;cursor:pointer;user-select:none;min-height:65px;justify-content:center}.material-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.material-option.selected{border-width:2px;box-shadow:0 2px 8px #4caf5033}.material-icon{font-size:1.25rem;line-height:1}.material-label{font-size:.7rem;font-weight:500;color:#333;text-align:center;line-height:1.1}.check-icon{position:absolute;top:2px;right:2px;background:#4caf50;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.char-count{text-align:right;font-size:.8rem;color:#666;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:.75rem;margin-top:.25rem;border-top:1px solid #e0e0e0}.btn-secondary,.btn-primary{padding:.65rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:110px}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 2px 8px #4caf504d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.punto-form-overlay{padding:10px}.punto-form-container{max-height:90vh;max-width:100%}.form-row{grid-template-columns:1fr}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width: 480px){.punto-form-overlay{padding:0}.punto-form-container{max-height:100vh;border-radius:0;width:100%;max-width:100%}.punto-form-header{border-radius:0}.punto-form{padding:1rem}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:.5rem}.material-option{min-height:70px;padding:.5rem .25rem}.material-icon{font-size:1.25rem}.material-label{font-size:.7rem}.form-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%}}.map-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);font-family:Roboto,sans-serif}.map-loading,.map-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:#666}.map-error{flex-direction:column;gap:1rem;color:#d32f2f;background:#ffebee;padding:2rem;text-align:center}.map-error button{padding:.75rem 1.5rem;background:#d32f2f;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease}.map-error button:hover{background:#b71c1c;transform:translateY(-2px)}.help-tooltip{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;padding:12px 20px;border-radius:25px;box-shadow:0 4px 12px #4caf504d;z-index:1000;animation:slideIn .4s ease-out,fadeOut .5s ease-in 3.5s forwards;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;max-width:calc(100% - 40px)}@media (max-width: 768px){.help-tooltip{top:60px;right:10px;left:10px;text-align:center;justify-content:center;font-size:13px;padding:10px 16px}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.map-intro{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(5px)}.intro-content{background:#fff;border-radius:20px;padding:2.5rem;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro-content h1{margin:0 0 .5rem;color:#2e7d32;font-size:2rem}.intro-content>p{margin:0 0 2rem;color:#666;font-size:1.1rem}.intro-features{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;text-align:left}.feature{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:15px;border-left:4px solid #2e7d32}.feature-icon{font-size:2rem;flex-shrink:0}.feature h3{margin:0 0 .5rem;color:#2e7d32;font-size:1.2rem}.feature p{margin:0;color:#666;line-height:1.5}.btn-close-intro{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2e7d324d;margin-top:1rem}.btn-close-intro:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2e7d3266}.map-header{background:#fff;padding:1rem 1.5rem;box-shadow:0 2px 10px #0000001a;z-index:10;position:relative}.map-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.map-title h1{margin:0;color:#2e7d32;font-size:1.5rem}.btn-help{background:#2196f3;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;font-weight:500}.btn-help:hover{background:#1976d2;transform:scale(1.05);box-shadow:0 2px 8px #2196f366}.btn-help.pulse{animation:pulse 2s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}25%,75%{transform:scale(1.1);box-shadow:0 0 15px #2196f399}}.map-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;justify-content:space-between}.btn-register{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2e7d324d;font-size:.85rem;white-space:nowrap}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2e7d3266}.btn-register.active{background:linear-gradient(135deg,#ff9800,#f57c00);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-register:disabled{opacity:.6;cursor:not-allowed;transform:none}.filter-select{padding:.5rem .75rem;border:2px solid #ddd;border-radius:20px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .3s ease;min-width:140px}.filter-select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.filter-select:disabled{opacity:.6;cursor:not-allowed}.points-counter{background:#e3f2fd;color:#1976d2;padding:.5rem .75rem;border-radius:15px;font-weight:700;border:2px solid #bbdefb;font-size:.8rem;white-space:nowrap}.map-frame{flex:1;position:relative;overflow:hidden;box-shadow:0 -2px 10px #0000001a}.info-window{min-width:400px;max-width:500px;padding:1rem;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;position:relative}.gm-ui-hover-effect{opacity:.8!important}.gm-ui-hover-effect:hover{opacity:1!important}.gm-style .gm-style-iw-c{padding:0!important;border-radius:12px!important;max-height:85vh!important;overflow:hidden!important}.gm-style .gm-style-iw-d{overflow:hidden!important;max-height:85vh!important}.gm-style .gm-style-iw-t:after{background:linear-gradient(45deg,white 50%,transparent 50%)!important}.info-window h4{margin:0 0 .75rem;color:#2e7d32;font-size:1.3rem;border-bottom:2px solid #2e7d32;padding-bottom:.5rem;font-weight:600;flex-shrink:0}.info-details{flex:1;overflow-y:auto;min-height:0}.info-details p{margin:.5rem 0;font-size:1rem;color:#333;line-height:1.4}.info-details strong{color:#2e7d32}.materiales-info{margin:.5rem 0}.materiales-info strong{display:block;margin-bottom:.75rem;font-size:1rem;color:#2e7d32}.materiales-list{display:flex;flex-wrap:wrap;gap:.25rem}.material-tag{color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.3rem;margin:.2rem}.no-materials{font-size:.8rem;color:#666;font-style:italic}.punto-status{display:flex;gap:.75rem;margin:1.25rem 0;flex-wrap:wrap;align-items:center}.status{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;min-width:80px;text-align:center}.status.activo{background:#c8e6c9;color:#1b5e20}.status.inactivo{background:#ffcdd2;color:#c62828}.rating{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:700;min-width:80px;text-align:center}.rating-nuevo{background:#e1f5fe;color:#0277bd}.rating-excelente{background:#fff9c4;color:#f57f17}.rating-bueno{background:#c8e6c9;color:#2e7d32}.rating-regular{background:#fff3e0;color:#f57c00}.rating-malo{background:#ffcdd2;color:#d32f2f}.punto-stats{display:flex;gap:1.5rem;margin:1.25rem 0;padding:1rem;background:#f8f9fa;border-radius:12px;justify-content:center;font-size:1rem}.stat-validaciones{color:#2e7d32;font-weight:700}.stat-invalidaciones{color:#d32f2f;font-weight:700}.punto-actions{display:flex;gap:.75rem;margin-top:.75rem;flex-wrap:wrap;flex-shrink:0;padding-top:.75rem;border-top:1px solid #e0e0e0}.btn-action{padding:.75rem 1.5rem;border:none;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px;text-align:center}.btn-validar{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff}.btn-validar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-invalidar{background:linear-gradient(135deg,#ff5722,#d84315);color:#fff}.btn-invalidar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff57224d}.btn-reactivar{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-reactivar:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff98004d}@media (max-width: 1024px){.intro-features{gap:1rem}.feature{padding:1rem}.map-controls{flex-direction:column;align-items:stretch;gap:.75rem}.filter-select{min-width:auto}}@media (max-width: 768px){.map-container{height:100vh}.intro-content{padding:1.5rem;margin:1rem}.intro-content h1{font-size:1.5rem}.intro-features{grid-template-columns:1fr}.feature{flex-direction:column;text-align:center}.feature-icon{font-size:2.5rem}.map-header{padding:1rem}.map-title{flex-direction:column;gap:.5rem;text-align:center}.map-title h1{font-size:1.3rem}.btn-register{width:100%;text-align:center}.points-counter{text-align:center}.punto-actions{flex-direction:column}.btn-action{width:100%;min-width:auto}}@media (max-width: 480px){.intro-content{padding:1rem;border-radius:15px}.feature,.map-header{padding:.75rem}.info-window{min-width:300px;max-width:350px;padding:.75rem;max-height:80vh}.info-window h4{font-size:1.1rem;margin-bottom:.5rem}.punto-status{flex-direction:column;gap:.5rem}.punto-stats{flex-direction:column;text-align:center;gap:.75rem}.btn-action{padding:.6rem 1rem;font-size:.85rem}.punto-actions{margin-top:.5rem;padding-top:.5rem}}.map-frame{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.marker-label{background:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0003;margin-top:5px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:.5rem}.modal-content{display:flex;align-items:center;justify-content:center;max-width:none;max-height:none;width:calc(100vw - 1rem);height:calc(100vh - 1rem);overflow:visible}.report-modal{background:#fff;border-radius:16px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.report-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border-radius:16px 16px 0 0}.report-header h3{margin:0;font-size:1.2rem}.report-header .close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.report-header .close-btn:hover{background:#fff3}.report-content{padding:1.5rem}.punto-info{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.punto-info h4{margin:0 0 .5rem;color:#2e7d32}.punto-info p{margin:0;color:#666;font-size:.9rem}.motivos-section h4{margin:0 0 1rem;color:#333;font-size:1rem}.motivos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:1rem}.motivo-option{cursor:pointer;border:2px solid #e0e0e0;border-radius:8px;padding:.75rem;transition:all .2s;display:block}.motivo-option:hover,.motivo-option.selected{border-color:#f44336;background:#fef2f2}.motivo-option input[type=radio]{display:none}.motivo-content{display:flex;align-items:center;gap:.5rem}.motivo-icon{font-size:1.2rem}.motivo-text{font-size:.9rem;font-weight:500}.otro-motivo{margin:1rem 0}.otro-motivo label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.otro-motivo textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;font-family:inherit;font-size:.9rem;box-sizing:border-box}.otro-motivo textarea:focus{outline:none;border-color:#f44336}.otro-motivo .char-count{text-align:right;font-size:.8rem;color:#666;margin-top:.25rem}.report-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn-cancel,.btn-report{flex:1;padding:.75rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-report{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.btn-report:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-1px)}.btn-report:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.motivos-grid{grid-template-columns:1fr}.report-actions{flex-direction:column}}.intro-content{padding:1.5rem!important;max-width:500px!important;max-height:80vh!important}.intro-content h1{font-size:1.5rem!important;margin-bottom:.5rem!important}.intro-content>p{font-size:.95rem!important;margin-bottom:1rem!important}.intro-features{gap:.75rem!important;margin:1rem 0!important}.feature{padding:1rem!important}.feature-icon{font-size:1.5rem!important}.feature h3{font-size:1rem!important;margin-bottom:.25rem!important}.feature p{font-size:.85rem!important;line-height:1.3!important}.btn-close-intro{padding:.75rem 1.5rem!important;font-size:.95rem!important;margin-top:.75rem!important}.info-window{max-width:320px!important;min-width:280px!important;padding:.75rem!important}.info-window h4{font-size:.95rem!important;margin-bottom:.5rem!important;padding-bottom:.25rem!important}.info-details p{font-size:.8rem!important;margin:.25rem 0!important}.materiales-info{margin:.25rem 0!important}.materiales-info strong{font-size:.8rem!important;margin-bottom:.25rem!important}.material-tag{padding:.15rem .4rem!important;font-size:.7rem!important}.punto-status{margin:.5rem 0!important;gap:.25rem!important}.status,.rating{padding:.2rem .5rem!important;font-size:.75rem!important}.punto-stats{padding:.5rem!important;margin:.5rem 0!important;font-size:.8rem!important}.punto-actions{margin-top:.75rem!important;gap:.25rem!important}.btn-action{padding:.4rem .8rem!important;font-size:.75rem!important}.report-modal{max-width:400px!important;width:85%!important;max-height:85vh!important}.report-header{padding:1rem!important}.report-header h3{font-size:1rem!important}.report-content{padding:1rem!important}.punto-info{padding:.75rem!important;margin-bottom:1rem!important}.punto-info h4{font-size:.9rem!important;margin-bottom:.25rem!important}.punto-info p{font-size:.8rem!important}.motivos-section h4{font-size:.9rem!important;margin-bottom:.75rem!important}.motivos-grid{gap:.4rem!important}.motivo-option{padding:.5rem!important}.motivo-icon{font-size:1rem!important}.motivo-text{font-size:.8rem!important}.otro-motivo{margin:.75rem 0!important}.otro-motivo label{font-size:.85rem!important;margin-bottom:.25rem!important}.otro-motivo textarea{padding:.5rem!important;font-size:.85rem!important;min-height:60px!important;max-height:100px!important}.report-actions{margin-top:1rem!important;padding-top:.75rem!important;gap:.75rem!important}.btn-cancel,.btn-report{padding:.6rem!important;font-size:.85rem!important}.modal-overlay{z-index:1000;position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:450px!important;width:90%!important;max-height:85vh!important;overflow-y:auto;padding:1rem!important}.punto-form{padding:0!important}.punto-form h2{font-size:1.2rem!important;margin-bottom:1rem!important}.punto-form .form-group{margin-bottom:1rem!important}.punto-form label{font-size:.85rem!important;margin-bottom:.25rem!important}.punto-form input,.punto-form textarea,.punto-form select{padding:.5rem!important;font-size:.85rem!important}.punto-form button{padding:.6rem 1rem!important;font-size:.85rem!important}.modal-content h3{color:#2e7d32!important;font-size:1.3rem!important;margin-bottom:.75rem!important}@media (max-width: 768px){.intro-content{padding:1rem!important;max-width:95%!important}.intro-content h1{font-size:1.2rem!important}.feature{padding:.75rem!important}.info-window{max-width:200px!important}.report-modal{max-width:95%!important;width:95%!important}.modal-content{padding:.75rem!important;width:95%!important}}.scan-container{padding:1rem;font-family:Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;width:100%;margin:0 auto;box-sizing:border-box}.scan-container h2{text-align:center;margin-bottom:1rem;color:#2e7d32}.location-info{background:#e3f2fd;border-left:4px solid #2196f3;padding:.75rem;margin-bottom:1rem;border-radius:5px}.location-info p{margin:0;color:#1976d2;font-weight:500}.scan-modo{display:flex;gap:1rem;margin-bottom:1rem;justify-content:center}.scan-modo button{padding:.75rem 1.5rem;border:none;background:#eee;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease;flex:1;max-width:200px}.scan-modo button:hover{background:#ddd;transform:translateY(-2px)}.scan-modo .activo{background:#2e7d32;color:#fff;box-shadow:0 4px 12px #2e7d324d}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1;min-height:0;align-items:start;width:100%;max-width:none;height:100%}.scanner-column{display:flex;flex-direction:column;min-height:350px;height:100%;width:100%}.modo-codigo{background:#f5f5f5;border-radius:15px;padding:1rem;height:100%;display:flex;flex-direction:column}.scanner-container{position:relative;flex:1;min-height:300px;display:flex;flex-direction:column}.scanner-viewport{flex:1;width:100%;height:100%;min-height:280px;max-height:380px;border-radius:15px;overflow:hidden;background:#000;position:relative;box-shadow:0 6px 20px #00000026;border:3px solid #2e7d32;aspect-ratio:4/3}.scanner-viewport canvas{width:100%!important;height:100%!important;border-radius:12px;object-fit:cover}.scanner-viewport video{width:100%!important;height:100%!important;object-fit:cover;border-radius:12px}.scanner-viewport:after{content:"";position:absolute;inset:25% 15%;border:3px dashed #4caf50;background:#4caf501a;pointer-events:none;z-index:5;border-radius:8px;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{opacity:.6}50%{opacity:1}}.scanner-controls{position:absolute;top:15px;right:15px;z-index:10;display:flex;gap:.5rem}.btn-reset,.btn-nuevo{background:#ff9800f2;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.btn-nuevo{background:#2e7d32f2}.btn-reset:hover,.btn-nuevo:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 16px #0000004d}.validation-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:1rem 1.5rem;border-radius:25px;text-align:center;backdrop-filter:blur(10px);z-index:10;min-width:200px}.validation-dots{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem}.validation-dots .dot{width:12px;height:12px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.validation-dots .dot.active{background:#4caf50;transform:scale(1.2);box-shadow:0 0 10px #4caf50b3}.validation-indicator p{margin:0;font-size:.9rem;font-weight:700}.scanner-feedback{text-align:center;padding:1rem;min-height:80px}.loading{color:#666;font-style:italic;margin:1rem 0;animation:pulse 1.5s ease-in-out infinite alternate;font-size:1.1rem}.instruction{font-size:1.1rem;font-weight:700;color:#2e7d32;margin:.5rem 0}.scanner-tips{background:#e8f5e9;padding:1rem;border-radius:12px;margin:.5rem 0;text-align:left;border:1px solid #c8e6c9}.scanner-tips .tips{margin-top:.5rem}.scanner-tips p{margin:.3rem 0;color:#1b5e20;font-size:.9rem}.scanner-tips ul{list-style:none;padding:0;margin:.5rem 0}.scanner-tips li{color:#2e7d32;font-size:.85rem;position:relative;padding:.2rem 0 .2rem 1rem}.scanner-tips li:before{content:"🔹";position:absolute;left:0}.codigo-detectado{background:linear-gradient(135deg,#c8e6c9,#e8f5e9);padding:1rem;border-radius:12px;margin:.5rem 0;border-left:5px solid #4caf50;animation:slideIn .4s ease-out;text-align:center}.codigo-detectado p{margin:.3rem 0;color:#1b5e20;font-size:1rem}.codigo-text{font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;background:#fff;padding:.5rem .8rem;border-radius:8px;display:inline-block;color:#333;letter-spacing:1px;border:2px solid #4caf50;margin:.3rem 0}.scan-complete{font-size:.8rem!important;color:#666!important;font-style:italic;margin-top:.5rem!important}.modo-manual{background:#f5f5f5;border-radius:15px;padding:2rem;text-align:center;min-height:450px;display:flex;align-items:center;justify-content:center}.manual-placeholder h3{color:#2e7d32;margin-bottom:1rem}.manual-placeholder p{color:#666;font-size:1.1rem}.form-column{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto}.registro-producto{background:#fff;padding:1.5rem;border-radius:15px;box-shadow:0 4px 12px #0000001a;height:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column}.registro-producto h3{margin-top:0;color:#2e7d32;border-bottom:2px solid #2e7d32;padding-bottom:.5rem;text-align:center}.registro-producto label{display:block;margin-bottom:1rem;font-weight:700;color:#333}.registro-producto input,.registro-producto select{display:block;width:100%;margin-top:.5rem;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}.registro-producto input:focus,.registro-producto select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.punto-reciclaje-section{margin:1.5rem 0;padding:1rem;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef}.punto-reciclaje-section label{color:#2e7d32;font-size:1.1rem;margin-bottom:.75rem}.punto-reciclaje-section select{background:#fff;border:2px solid #2e7d32}.punto-reciclaje-section select:focus{border-color:#1b5e20;box-shadow:0 0 0 3px #2e7d321a}.selector-puntos{display:flex;flex-direction:column;gap:1rem}.warning-compatibilidad{background:#fff3e0;color:#f57c00;padding:1rem;border-radius:8px;border:1px solid #ffcc02;font-size:.9rem;line-height:1.4}.warning-compatibilidad strong{color:#e65100}.info-punto-seleccionado{background:#f3e5f5;border:1px solid #ce93d8;border-radius:10px;padding:1rem;margin-top:.5rem}.info-punto-seleccionado h4{margin:0 0 .75rem;color:#6a1b9a;font-size:1.1rem}.info-punto-seleccionado p{margin:.5rem 0;color:#4a148c;font-size:.9rem}.multiplicador-info{background:#e8f5e9!important;color:#2e7d32!important;padding:.5rem;border-radius:6px;border:1px solid #c8e6c9;font-weight:700!important}.no-puntos{text-align:center;padding:1rem;background:#fff3e0;border-radius:8px;border:1px solid #ffcc02}.no-puntos p{margin:.5rem 0;color:#f57c00;font-weight:500}.puntos-info{background:#e3f2fd!important;color:#1976d2!important;padding:1rem;border-radius:8px;border:1px solid #bbdefb;margin:1rem 0;font-size:.9rem;line-height:1.4}.puntos-info strong{color:#0d47a1}.puntos-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.error{color:#d32f2f;background:#ffebee;padding:1rem;border-radius:8px;border-left:4px solid #d32f2f;margin:1rem 0;font-weight:500}.btn{padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;width:100%}.btn.small{padding:.6rem 1rem;font-size:.9rem;width:auto;display:inline-block;margin-top:0}.btn.orange{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;box-shadow:0 4px 12px #ff98004d}.btn.orange:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff980066}.btn.green{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;box-shadow:0 4px 12px #2e7d324d}.btn.green:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2e7d3266}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.botones-accion{margin-top:auto;padding-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:15px;padding:2rem;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.modal-content h3{margin-top:0;color:#2e7d32;text-align:center;border-bottom:2px solid #2e7d32;padding-bottom:.5rem}.modal-content label{display:block;margin-bottom:1rem;font-weight:700;color:#333}.modal-content input,.modal-content select{display:block;width:100%;margin-top:.5rem;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s ease}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.modal-actions{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.modal-actions .btn{margin-top:0;width:auto;min-width:120px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.drawingBuffer{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}@media (max-width: 1024px){.scan-container{padding:.75rem}.main-layout{grid-template-columns:1fr;gap:1.5rem;align-items:stretch}.scanner-column{min-height:300px}.scanner-viewport{max-height:350px;min-height:250px}.form-column{order:-1}.registro-producto{padding:1.5rem}}@media (max-width: 768px){.scan-container{padding:.5rem}.scan-container h2{font-size:1.5rem;margin-bottom:.75rem}.scan-modo{flex-direction:column;gap:.75rem}.scan-modo button{max-width:none}.scanner-column{min-height:250px}.scanner-viewport{min-height:220px;max-height:300px}.scanner-controls{top:10px;right:10px}.btn-reset,.btn-nuevo{padding:.5rem 1rem;font-size:.8rem}.validation-indicator{bottom:15px;padding:.75rem 1rem;min-width:180px}.codigo-text{font-size:1rem;letter-spacing:1px}.form-column{width:100%;height:auto}.registro-producto{padding:1rem;max-height:none}.modal-content{padding:1.5rem;margin:.5rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.puntos-actions{flex-direction:column;gap:.75rem}.puntos-actions .btn{width:100%}}@media (min-width: 1200px){.scan-container{padding:1.5rem}.main-layout{gap:3rem;max-height:calc(100vh - 200px)}.scanner-viewport{min-height:min(550px,65vh);max-height:75vh}.registro-producto{max-height:75vh;overflow-y:auto}}@media (min-width: 1400px){.scan-container{padding:2rem;max-width:1800px}.main-layout{grid-template-columns:1.3fr .7fr;gap:4rem}.scanner-viewport{min-height:min(600px,70vh);max-height:80vh}.registro-producto{max-height:80vh}}@media (min-width: 1600px){.scan-container{max-width:2000px;padding:2.5rem}.main-layout{grid-template-columns:1.4fr .6fr;gap:5rem}.scanner-viewport{min-height:min(650px,75vh);max-height:85vh}}.achievements-container{padding:0;background:linear-gradient(135deg,#e8f5e8,#f3e5f5);min-height:100vh;font-family:Roboto,sans-serif}.achievements-header{background:#fff;padding:2rem 1.5rem 1rem;box-shadow:0 4px 20px #0000001a;text-align:center;position:sticky;top:0;z-index:100}.achievements-header h1{margin:0 0 .5rem;color:#2e7d32;font-size:2rem;font-weight:700}.subtitle{margin:0 0 2rem;color:#666;font-size:1.1rem}.achievements-nav{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.nav-btn{padding:.75rem 1.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:25px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;color:#666}.nav-btn:hover{border-color:#2e7d32;color:#2e7d32;transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border-color:#2e7d32;box-shadow:0 4px 12px #2e7d324d}.nav-btn.highlight{animation:highlightPulse 2s ease-in-out;box-shadow:0 4px 20px #2e7d3299!important}@keyframes highlightPulse{0%{box-shadow:0 4px 12px #2e7d324d;transform:scale(1)}50%{box-shadow:0 6px 25px #2e7d32cc;transform:scale(1.05)}to{box-shadow:0 4px 12px #2e7d324d;transform:scale(1)}}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:60vh}.loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #2e7d32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state h2{color:#d32f2f;margin-bottom:1rem}.btn-retry{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2e7d3266}.vista-resumen{padding:2rem 1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:20px;padding:2rem 1.5rem;box-shadow:0 8px 25px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border-left:4px solid #e0e0e0}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.stat-card.primary{background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;border-left-color:#4caf50}.stat-card.primary .stat-icon{background:#fff3}.stat-icon{width:60px;height:60px;border-radius:50%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.stat-content h3{margin:0 0 .5rem;font-size:2.2rem;font-weight:700;color:inherit}.stat-content p{margin:0;color:inherit;opacity:.8;font-size:1rem}.section-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem}.section-card h2{margin:0 0 1.5rem;color:#2e7d32;font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.materiales-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.material-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:15px;border-left:4px solid #2e7d32;transition:all .3s ease}.material-item:hover{transform:translate(5px);box-shadow:0 4px 12px #0000001a}.material-emoji{font-size:2rem}.material-info{display:flex;flex-direction:column;gap:.25rem}.material-info strong{color:#2e7d32;font-size:1.1rem}.material-info span{color:#666;font-size:.9rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 25px #0000001a}.info-card h3{margin:0 0 1.5rem;color:#2e7d32;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.info-item:last-child{border-bottom:none}.info-label{color:#666;font-weight:500}.vista-historial{padding:2rem 1.5rem}.section-header{text-align:center;margin-bottom:2rem}.section-header h2{margin:0 0 .5rem;color:#2e7d32;font-size:1.8rem}.section-header p{margin:0;color:#666;font-size:1.1rem}.historial-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.historial-item{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border-left:4px solid #2e7d32;position:relative}.historial-item:hover{transform:translate(5px);box-shadow:0 8px 25px #00000026}.historial-icon{font-size:2.5rem;flex-shrink:0}.historial-content{flex:1}.historial-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.historial-header h4{margin:0;color:#2e7d32;font-size:1.1rem}.historial-fecha{color:#666;font-size:.9rem;font-weight:500}.historial-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.impact-item{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-radius:12px;padding:1.5rem;text-align:center;border:2px solid #A5D6A7;transition:all .3s ease}.impact-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2e7d3226}.impact-info strong{display:block;font-size:1.8rem;color:#2e7d32;font-weight:700;margin-bottom:.5rem}.impact-info span{color:#666;font-size:.9rem;font-weight:500}.historial-punto,.historial-puntos,.historial-distancia,.historial-usuario,.historial-comercio{font-size:.9rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px;white-space:nowrap}.historial-usuario{background:#e3f2fd;color:#1976d2;border:1px solid #BBDEFB}.historial-comercio{background:#e8f5e8;color:#2e7d32;border:1px solid #A5D6A7}.historial-puntos{background:#e8f5e8;color:#2e7d32;font-weight:700}.historial-codigo{margin-top:.5rem}.historial-codigo span{font-size:.8rem;color:#999;background:#f0f0f0;padding:.25rem .5rem;border-radius:10px}.historial-number{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#2e7d32,#1b5e20);color:#fff;font-size:.8rem;font-weight:700;padding:.25rem .75rem;border-radius:15px}.vista-logros{padding:2rem 1.5rem}.logros-por-categoria{max-width:1000px;margin:0 auto}.categoria-section{margin-bottom:3rem}.categoria-titulo{display:flex;align-items:center;gap:1rem;margin:0 0 1.5rem;color:#2e7d32;font-size:1.3rem}.categoria-color{width:4px;height:20px;border-radius:2px}.logros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.logro-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;border-top:4px solid #4caf50}.logro-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.logro-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logro-header h4{margin:0;color:#2e7d32;font-size:1.1rem}.logro-badge{font-size:1.2rem}.logro-descripcion{margin:0 0 1rem;color:#666;line-height:1.5}.logro-fecha{font-size:.8rem;color:#999;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px}.empty-historial,.empty-logros{text-align:center;padding:4rem 2rem;color:#666}.empty-historial h3,.empty-logros h3{margin:0 0 1rem;color:#2e7d32;font-size:1.5rem}.empty-text{color:#666;font-style:italic;text-align:center;padding:2rem}@media (max-width: 768px){.achievements-header{padding:1.5rem 1rem 1rem}.achievements-header h1{font-size:1.6rem}.subtitle{font-size:1rem}.achievements-nav{gap:.25rem}.nav-btn{padding:.6rem 1rem;font-size:.8rem}.vista-resumen,.vista-historial,.vista-logros{padding:1rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.5rem 1rem;flex-direction:column;text-align:center;gap:1rem}.info-grid{grid-template-columns:1fr}.historial-item{flex-direction:column;align-items:flex-start;gap:1rem}.historial-header{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.historial-details{flex-direction:column;gap:.5rem}.historial-number{position:static;align-self:flex-end}.materiales-grid,.logros-grid{grid-template-columns:1fr}}@media (max-width: 480px){.achievements-container{padding:0}.achievements-header{padding:1rem .75rem .75rem}.achievements-header h1{font-size:1.4rem}.nav-btn{padding:.5rem .75rem;font-size:.75rem}.section-card,.info-card{padding:1.5rem}.stat-card{padding:1.25rem 1rem}.historial-item{padding:1rem}.logro-card{padding:1.25rem}}.vista-resumen,.vista-historial,.vista-logros{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-container{padding:2rem;font-family:Roboto,sans-serif;max-width:1000px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.profile-header{text-align:center;margin-bottom:2rem}.profile-container h1{color:#2e7d32;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-subtitle{color:#666;font-size:1.1rem;margin:0;font-style:italic}.profile-card{display:flex;gap:2rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;align-items:center;margin-bottom:2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.profile-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-avatar-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-avatar,.profile-avatar-fallback{width:120px;height:120px;border-radius:50%;border:5px solid #2E7D32;box-shadow:0 8px 25px #2e7d324d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-avatar{object-fit:cover;background-color:#f5f5f5}.profile-avatar-fallback{font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,var(--bg-color, #2E7D32),var(--bg-color-light, #4CAF50))}.profile-avatar:hover,.profile-avatar-fallback:hover{transform:scale(1.05);box-shadow:0 12px 35px #2e7d3266}.profile-avatar-fallback:hover{box-shadow:0 12px 35px #0000004d}.profile-avatar-loading{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.profile-level-badge{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;box-shadow:0 4px 15px #2e7d324d;border:2px solid white;text-align:center;min-width:80px;position:relative;z-index:2}.profile-info{flex:1}.profile-info h2{color:#2e7d32;margin-bottom:1rem;font-size:2rem;font-weight:600}.profile-info p{margin:.75rem 0;font-size:1.1rem;color:#555}.profile-info .label{font-weight:700;color:#2e7d32}.profile-level-progress{margin-top:1.5rem}.progress-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.progress-bar{height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#2e7d32,#4caf50,#66bb6a);border-radius:6px;transition:width .5s ease;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%);background-size:20px 20px;animation:move 1s linear infinite}@keyframes move{0%{background-position:0 0}to{background-position:20px 20px}}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.profile-stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem 1.5rem;border-radius:20px;box-shadow:0 8px 25px #0000001a;text-align:center;border-top:4px solid #2E7D32;transition:all .3s ease;position:relative;overflow:hidden}.profile-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e7d32,#4caf50,#66bb6a)}.profile-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.profile-stat-number{font-size:2.8rem;font-weight:700;background:linear-gradient(135deg,#2e7d32,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.profile-stat-label{color:#2e7d32;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.profile-stat-description{color:#666;font-size:.9rem}.achievements-section{margin-top:3rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 25px #0000001a}.achievements-section h3{color:#2e7d32;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.achievement-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:1.5rem;border-radius:15px;text-align:center;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.achievement-card.completed{border-color:#4caf50;box-shadow:0 8px 25px #4caf5033}.achievement-card.completed:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4caf501a,#2e7d321a)}.achievement-card.locked{border-color:#ccc;opacity:.7}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000026}.achievement-icon{font-size:3rem;margin-bottom:1rem;position:relative;z-index:1}.achievement-name{font-weight:700;color:#2e7d32;margin-bottom:.5rem;font-size:1.1rem;position:relative;z-index:1}.achievement-status{font-size:.9rem;padding:.25rem .75rem;border-radius:15px;display:inline-block;position:relative;z-index:1}.achievement-status.completed{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff}.achievement-status.locked{background:#e0e0e0;color:#666}.profile-actions{margin-top:3rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.profile-btn{padding:1rem 2rem;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:1rem;position:relative;overflow:hidden}.profile-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.profile-btn:hover:before{left:100%}.profile-btn.primary{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;box-shadow:0 8px 25px #2e7d324d}.profile-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #2e7d3266}.profile-btn.secondary{background:linear-gradient(135deg,#fff,#f8f9fa);color:#2e7d32;border:2px solid #2E7D32;box-shadow:0 4px 15px #0000001a}.profile-btn.secondary:hover{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;transform:translateY(-3px)}.profile-btn.loading{opacity:.8;transform:none!important;cursor:not-allowed}.profile-btn.loading:hover{transform:none!important;box-shadow:0 8px 25px #2e7d324d!important}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:50vh}.loading-spinner{width:50px;height:50px;border:5px solid #e0e0e0;border-top:5px solid #2E7D32;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p,.error-state p{color:#666;font-size:1.2rem;margin:1rem 0}.error-state h2{color:#f44336;margin-bottom:1rem;font-size:2rem}.achievements-footer{text-align:center;margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#2e7d321a,#4caf501a);border-radius:10px;border:1px solid rgba(46,125,50,.2)}.achievements-footer p{color:#2e7d32;margin:0;font-size:.95rem}.achievements-footer strong{color:#1b5e20;font-weight:600}.link-button{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0;transition:color .3s ease}.link-button:hover{color:#1b5e20;text-decoration:none}.link-button strong{color:inherit}@media (max-width: 768px){.profile-container{padding:1rem}.profile-container h1{font-size:2rem}.profile-card{flex-direction:column;text-align:center;gap:1.5rem;padding:1.5rem}.profile-avatar,.profile-avatar-fallback{width:100px;height:100px}.profile-avatar-fallback{font-size:2rem}.profile-info h2{font-size:1.5rem}.profile-info p{font-size:1rem}.profile-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.profile-stat-card{padding:1.5rem 1rem}.profile-stat-number{font-size:2.2rem}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.profile-actions{flex-direction:column;align-items:center}.profile-btn{width:100%;max-width:300px}}@media (max-width: 480px){.profile-container{padding:.75rem}.profile-container h1{font-size:1.8rem}.profile-card{padding:1rem}.profile-avatar,.profile-avatar-fallback{width:80px;height:80px}.profile-avatar-fallback{font-size:1.8rem}.profile-info h2{font-size:1.3rem}.profile-stats{grid-template-columns:1fr}.profile-stat-number{font-size:2rem}.achievements-grid{grid-template-columns:1fr}.achievement-card{padding:1rem}.achievement-icon{font-size:2.5rem}}.profile-header-actions{display:flex;align-items:center;gap:1rem;justify-content:space-between}.edit-profile-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;background:#2e7d321a;color:#2e7d32}.edit-profile-btn:hover{background:#2e7d3233;transform:scale(1.1)}.edit-profile-form{background:#2e7d320d;border-radius:15px;padding:1.5rem;margin-top:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:700;color:#2e7d32;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.form-actions{display:flex;gap:1rem;margin-top:1rem}.profile-btn.small{padding:.5rem 1rem;font-size:.9rem}.progress-percentage{text-align:center;margin-top:.5rem;font-size:.9rem;color:#2e7d32;font-weight:700}.weekly-activity-card{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.weekly-activity-card h3{color:#2e7d32;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.weekly-chart{display:flex;justify-content:space-around;align-items:end;height:80px;margin:2rem 0;padding:0 1rem;border-bottom:2px solid #e0e0e0}.day-activity{display:flex;flex-direction:column;align-items:center;gap:.5rem}.activity-bar{width:30px;border-radius:4px 4px 0 0;transition:all .3s ease;cursor:pointer;min-height:10px}.activity-bar:hover{transform:scaleY(1.1);filter:brightness(1.1)}.day-label{font-size:.8rem;color:#666;font-weight:700}.activity-summary{text-align:center;margin-top:1rem;color:#666;font-style:italic}.profile-stat-card.featured{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;transform:scale(1.05);box-shadow:0 12px 40px #2e7d324d}.profile-stat-card.featured .profile-stat-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-stat-card.featured .profile-stat-label,.profile-stat-card.featured .profile-stat-description{color:#ffffffe6}.environmental-impact-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.environmental-impact-section h3{color:#2e7d32;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.impact-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:15px;padding:1.5rem;text-align:center;transition:all .3s ease;border:2px solid transparent}.impact-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.impact-card.co2{border-color:#ff9800}.impact-card.trees{border-color:#4caf50}.impact-card.water{border-color:#2196f3}.impact-card.energy{border-color:#ffc107}.impact-icon{font-size:2.5rem;margin-bottom:1rem}.impact-value{font-size:2rem;font-weight:700;color:#2e7d32;margin-bottom:.5rem}.impact-label{font-size:1rem;font-weight:700;color:#333;margin-bottom:.5rem}.impact-description{font-size:.85rem;color:#666;line-height:1.4}.material-breakdown-section{background:linear-gradient(135deg,#fff,#f8f9fa);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.material-breakdown-section h3{color:#2e7d32;margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.material-chart{display:flex;flex-direction:column;gap:1rem}.material-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#2e7d320d;border-radius:15px;transition:all .3s ease}.material-item:hover{background:#2e7d321a;transform:translate(5px)}.material-info{min-width:120px;display:flex;flex-direction:column;gap:.25rem}.material-name{font-weight:700;color:#2e7d32}.material-amount{font-size:.9rem;color:#666}.material-bar{flex:1;height:15px;background:#e0e0e0;border-radius:8px;overflow:hidden}.material-progress{height:100%;border-radius:8px;transition:width .5s ease}.material-percentage{min-width:50px;text-align:right;font-weight:700;color:#2e7d32}.detailed-stats-section{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.toggle-stats-btn{width:100%;padding:1.5rem;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-align:center}.toggle-stats-btn:hover{background:linear-gradient(135deg,#1b5e20,#388e3c)}.toggle-stats-btn.expanded{background:linear-gradient(135deg,#1b5e20,#2e7d32)}.detailed-stats-content{padding:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}.stats-row:last-child{margin-bottom:0}.stat-detail{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#2e7d320d;border-radius:10px;transition:all .3s ease}.stat-detail:hover{background:#2e7d321a;transform:translateY(-2px)}.stat-label{font-weight:700;color:#2e7d32}.stat-value{color:#333;font-weight:600}@media (max-width: 768px){.profile-header-actions{flex-direction:column;align-items:center;gap:.5rem}.form-actions{flex-direction:column}.weekly-chart{height:60px;padding:0 .5rem}.activity-bar{width:25px}.impact-grid{grid-template-columns:1fr 1fr}.impact-card{padding:1rem}.impact-icon{font-size:2rem}.impact-value{font-size:1.5rem}.material-item{flex-direction:column;text-align:center;gap:.75rem}.material-info{align-items:center}.material-bar{width:100%}.stats-row{grid-template-columns:1fr;gap:1rem}.stat-detail{flex-direction:column;text-align:center;gap:.5rem}.weekly-activity-card,.environmental-impact-section,.material-breakdown-section{padding:1.5rem}}@media (max-width: 480px){.weekly-activity-card,.environmental-impact-section,.material-breakdown-section{padding:1rem}.impact-grid{grid-template-columns:1fr}.weekly-chart{height:50px}.activity-bar{width:20px}.impact-value{font-size:1.2rem}.toggle-stats-btn{padding:1rem;font-size:1rem}.detailed-stats-content{padding:1rem}.material-item{padding:.75rem}.material-info{min-width:auto}}.comercio-receive-container{padding:2rem;max-width:1200px;margin:0 auto;background:#f8f9fa;min-height:100vh}.receive-header{text-align:center;margin-bottom:2rem}.receive-header h1{color:#2e7d32;font-size:2.5rem;margin-bottom:.5rem}.receive-header p{color:#666;font-size:1.1rem}.receive-form-section{margin-bottom:3rem}.form-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a;border:2px solid #E8F5E8}.form-card h2{color:#2e7d32;margin-bottom:1.5rem;font-size:1.5rem}.receive-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#2e7d32;font-weight:600;margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group select{padding:.75rem;border:2px solid #E0E0E0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group small{color:#666;font-size:.85rem;margin-top:.25rem}.submit-btn{padding:1rem 2rem;background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2e7d324d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #2e7d3266}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ffebee;border:1px solid #FFCDD2;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1rem}.success-message{background:#e8f5e8;border:1px solid #A5D6A7;color:#2e7d32;padding:1rem;border-radius:8px;margin-bottom:1rem}.recent-receives-section h2{color:#2e7d32;margin-bottom:1.5rem;font-size:1.8rem}.receives-list{display:flex;flex-direction:column;gap:1rem}.receive-item{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;border-left:4px solid #2E7D32}.receive-item:hover{transform:translate(5px);box-shadow:0 4px 20px #00000026}.receive-icon{font-size:2.5rem;flex-shrink:0}.receive-content{flex:1}.receive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.receive-header h4{margin:0;color:#2e7d32;font-size:1.1rem}.receive-points{background:linear-gradient(135deg,gold,#ffa000);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.9rem;font-weight:700}.receive-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.receive-location{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.receive-place,.receive-original{font-size:.85rem;color:#2e7d32;background:#e8f5e8;padding:.25rem .75rem;border-radius:12px;border:1px solid #A5D6A7}.receive-original{color:#666;background:#f8f9fa;border-color:#ddd}.receive-user,.receive-date{font-size:.9rem;color:#666;background:#f8f9fa;padding:.25rem .75rem;border-radius:15px}.receive-code{margin-top:.5rem}.receive-code span{font-size:.8rem;color:#999;background:#f0f0f0;padding:.25rem .5rem;border-radius:10px}.receive-status{flex-shrink:0}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.status-badge.success{background:#e8f5e8;color:#2e7d32;border:1px solid #A5D6A7}.empty-state,.error-state{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000001a}.error-state h2{color:#c62828;margin-bottom:1rem}.error-state p{color:#666}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#2e7d32;margin-bottom:.5rem}.empty-state p{color:#666}@media (max-width: 768px){.comercio-receive-container{padding:1rem}.receive-header h1{font-size:2rem}.form-card{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.receive-item{flex-direction:column;text-align:center;gap:1rem}.receive-header,.receive-details{justify-content:center}}@media (max-width: 480px){.receive-header h1{font-size:1.8rem}.form-card,.receive-item{padding:1rem}}.toast{position:fixed;top:2rem;right:2rem;min-width:300px;max-width:500px;z-index:9999;border-radius:12px;box-shadow:0 8px 24px #00000026;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);overflow:hidden}.toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fffffff2}.toast-icon{font-size:1.25rem;flex-shrink:0}.toast-message{flex:1;font-size:.95rem;font-weight:500;color:#333;line-height:1.4}.toast-close{background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:#666;padding:.25rem;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#0000001a;color:#333}.toast-success .toast-content{background:linear-gradient(135deg,#4caf50f2,#66bb6af2);color:#fff}.toast-success .toast-message,.toast-success .toast-close{color:#fff}.toast-error .toast-content{background:linear-gradient(135deg,#f44336f2,#e53935f2);color:#fff}.toast-error .toast-message,.toast-error .toast-close{color:#fff}.toast-warning .toast-content{background:linear-gradient(135deg,#ff9800f2,#fb8c00f2);color:#fff}.toast-warning .toast-message,.toast-warning .toast-close{color:#fff}.toast-info .toast-content{background:linear-gradient(135deg,#2196f3f2,#1e88e5f2);color:#fff}.toast-info .toast-message,.toast-info .toast-close{color:#fff}.toast-enter{animation:slideInRight .3s ease-out}.toast-exit{animation:slideOutRight .3s ease-in}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 768px){.toast{top:1rem;right:1rem;left:1rem;min-width:auto;max-width:none}.toast-content{padding:.875rem 1rem}.toast-message{font-size:.9rem}@keyframes slideInRight{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}}.dashboard-main,.home-container{padding:1rem!important}.stats-grid{gap:.75rem!important;margin-bottom:1.5rem!important}.stat-card{padding:1rem!important}.welcome-section{padding:1.5rem!important;margin-bottom:1.5rem!important}.welcome-section h1{font-size:1.8rem!important;margin-bottom:.5rem!important}.actions-grid{gap:.75rem!important;margin-bottom:1.5rem!important}.action-card{padding:1.25rem!important}.achievements-container{padding:1rem!important}.achievement-card{padding:1rem!important;margin-bottom:1rem!important}.achievements-header{padding:1.5rem!important;margin-bottom:1.5rem!important}.achievements-header h1{font-size:1.8rem!important;margin-bottom:.75rem!important}.achievements-grid{gap:1rem!important}.profile-container{padding:1rem!important}.profile-header,.profile-section{padding:1.5rem!important;margin-bottom:1.5rem!important}.profile-section h2{font-size:1.3rem!important;margin-bottom:1rem!important}.scan-container{padding:1rem!important}.scan-card{padding:1.5rem!important;margin-bottom:1.5rem!important}.map-container{padding:1rem!important}.map-container .modal-overlay{position:fixed!important;inset:0!important}.map-header{padding:1rem!important;margin-bottom:1rem!important}.comercio-container{padding:1rem!important}.validation-section{padding:1.5rem!important;margin-bottom:1.5rem!important}h1{margin-bottom:1rem!important}h2{margin-bottom:.75rem!important}h3{margin-bottom:.5rem!important}p{margin-bottom:.75rem!important}button{padding:.75rem 1.5rem!important}.card{padding:1.25rem!important;margin-bottom:1.25rem!important}@media (max-width: 768px){.dashboard-main{padding:3.5rem .75rem .75rem!important}h1{font-size:1.5rem!important}h2{font-size:1.2rem!important}.stat-card,.action-card,.achievement-card{padding:.875rem!important}}.sidebar{padding:1rem 0!important}.sidebar h2{padding:.75rem 1.25rem!important;margin-bottom:1rem!important;font-size:1.5rem!important}.sidebar nav ul li a{padding:.875rem 1.25rem!important}body{line-height:1.5!important}ul,ol{margin-bottom:1rem!important}li{margin-bottom:.25rem!important}.form-group{margin-bottom:1.25rem!important}input,select,textarea{padding:.625rem!important;margin-bottom:.5rem!important}label{margin-bottom:.375rem!important}table{margin-bottom:1.5rem!important}th,td{padding:.625rem!important}.modal-content{padding:1.5rem!important}.map-container .modal-content{padding:0!important}.modal-header{padding-bottom:1rem!important;margin-bottom:1rem!important}.alert{padding:.875rem!important;margin-bottom:1rem!important}.grid{gap:.75rem!important}.breadcrumb{padding:.5rem 0!important;margin-bottom:1rem!important}.tabs{margin-bottom:1.25rem!important}.tab-content{padding:1rem!important}.pagination{margin:1rem 0!important}.footer{padding:1rem!important;margin-top:1.5rem!important}