@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wobble{0%{transform:translate(0)}15%{transform:translate(-25%) rotate(-5deg)}30%{transform:translate(20%) rotate(3deg)}45%{transform:translate(-15%) rotate(-3deg)}60%{transform:translate(10%) rotate(2deg)}75%{transform:translate(-5%) rotate(-1deg)}to{transform:translate(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:200% 50%}75%{background-position:100% 50%}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor,0 0 30px currentColor}}@keyframes neon{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatReverse{0%,to{transform:translateY(-10px)}50%{transform:translateY(0)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes bubble{0%{transform:translateY(0) scale(.8);opacity:.7}50%{transform:translateY(-50px) scale(1);opacity:1}to{transform:translateY(-100px) scale(1.2);opacity:0}}@keyframes morphBackground{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes liquidMove{0%,to{transform:translate(0) translateY(0) scale(1)}25%{transform:translate(10px) translateY(-5px) scale(1.02)}50%{transform:translate(-5px) translateY(10px) scale(.98)}75%{transform:translate(-10px) translateY(-10px) scale(1.01)}}@keyframes prismRotate{0%{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(90deg) rotateX(10deg)}50%{transform:rotateY(180deg) rotateX(0)}75%{transform:rotateY(270deg) rotateX(-10deg)}to{transform:rotateY(360deg) rotateX(0)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .6s ease-out forwards}.animate-slideInUp{animation:slideInUp .8s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-scaleIn{animation:scaleIn .4s ease-out forwards}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-delay-700{animation-delay:.7s}.animate-delay-1000{animation-delay:1s}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:all var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px currentColor}.hover-shake:hover{animation:shake .5s ease-in-out}.hover-bounce:hover{animation:bounce .6s ease-in-out}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--gradient-bg-primary);color:var(--gray-800);line-height:1.6;margin:0;min-height:100vh;font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-medium);color:var(--primary-sage);text-decoration:none;transition:var(--transition-normal)}a:hover{color:var(--primary-sage);opacity:.8}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--gray-900);margin-bottom:var(--space-4);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.025em}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-bold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-semibold)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}button{font-family:var(--font-family);font-weight:var(--font-semibold);border-radius:var(--radius-lg);border:2px solid transparent;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);background:var(--white);color:var(--gray-700);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary-sage)}button:focus{outline:none;box-shadow:var(--shadow-md),0 0 0 3px #22c55e1a}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.App{min-height:100vh;background:var(--gradient-bg-primary)}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-bg-primary);position:relative}.main-layout{display:grid;grid-template-columns:280px 1fr 360px;gap:var(--space-6);max-width:1600px;margin:0 auto;padding:var(--space-6);align-items:start;flex:1}.main-feed{background:transparent;min-width:0;max-width:none}.right-sidebar{width:360px;position:sticky;top:calc(80px + var(--space-6));max-height:calc(100vh - 120px);overflow-y:auto;flex-shrink:0}.main-container{display:flex;flex:1;max-width:1600px;margin:0 auto;width:100%;gap:var(--space-6);padding:var(--space-6);align-items:flex-start}.content-main{flex:1;min-width:0;background:transparent}.onboarding-wizard{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;overflow-y:auto!important}.app-container.onboarding-active .main-layout,.app-container.onboarding-active header{filter:blur(3px);pointer-events:none;transition:filter .3s ease}body.onboarding-active{overflow:hidden}.onboarding-wizard *{box-sizing:border-box}.onboarding-wizard{animation:wizardFadeIn .5s ease-out}@keyframes wizardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.onboarding-wizard{padding:0!important}.onboarding-wizard .wizard-intro,.onboarding-wizard .wizard-questions,.onboarding-wizard .wizard-completed{padding:1rem!important;margin:0!important}}.layout-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.layout-disabled *{pointer-events:none!important}.onboarding-wizard,.onboarding-wizard *{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.epic-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--glass-border);padding:0;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.epic-header-container{max-width:1600px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);overflow:visible}.logo-epic{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:var(--transition-bounce);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);text-decoration:none;background:var(--gradient-bg-card);border:2px solid var(--gray-200);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}.logo-epic:hover{transform:translateY(-2px) scale(1.02);background:var(--white);box-shadow:var(--shadow-sage);border-color:var(--primary-sage)}.logo-icon-epic{width:48px;height:48px;background:var(--gradient-sage);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sage);transition:var(--transition-normal)}.logo-epic:hover .logo-icon-epic{transform:rotate(5deg) scale(1.05);box-shadow:var(--shadow-sage)}.logo-icon-epic i{font-size:var(--text-2xl);color:var(--white)}.logo-text-epic{font-family:var(--font-family-heading);font-size:var(--text-2xl);font-weight:var(--font-extrabold);background:var(--gradient-executive);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.025em}.search-section-epic{flex:1;max-width:600px;position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);padding:0;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.search-input-wrapper:focus-within{border-color:var(--primary-sage);background:var(--white);transform:translateY(-1px);box-shadow:var(--shadow-card),0 0 0 3px #22c55e1a}.search-icon-epic{position:absolute;left:var(--space-5);color:var(--primary-sage);font-size:var(--text-lg);z-index:2;transition:var(--transition-normal)}.search-input-epic{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-12);border:none;border-radius:var(--radius-2xl);background:transparent;font-size:var(--text-base);font-family:var(--font-family);color:var(--gray-900);outline:none;font-weight:var(--font-medium)}.search-input-epic::placeholder{color:var(--gray-500);font-weight:var(--font-normal)}.actions-section-epic{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.dark-mode-toggle-epic,.notification-btn-epic,.messages-btn-epic{width:56px;height:56px;border:none;background:var(--gradient-bg-card);border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-md);position:relative;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}.dark-mode-toggle-epic:hover,.notification-btn-epic:hover,.messages-btn-epic:hover{transform:translateY(-2px) scale(1.05);border-color:var(--primary-sage);box-shadow:var(--shadow-sage);background:var(--white)}.dark-mode-toggle-epic i,.notification-btn-epic i,.messages-btn-epic i{opacity:0;position:absolute}.dark-mode-toggle-epic:before{content:"🌙";font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.notification-btn-epic:before{content:"🔔";font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.messages-btn-epic:before{content:"💬";font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.notification-badge-epic,.messages-badge-epic{position:absolute;top:-10px;right:-10px;background:var(--gradient-rose);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-extrabold);padding:5px 9px;border-radius:var(--radius-full);min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;text-align:center;border:2px solid var(--white);box-shadow:var(--shadow-md);animation:pulse 2s infinite;z-index:3}.user-avatar-container-epic{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl);transition:var(--transition-bounce);background:var(--gradient-bg-card);border:2px solid var(--gray-200);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm)}.user-avatar-container-epic:hover{transform:translateY(-1px) scale(1.02);border-color:var(--primary-sage);box-shadow:var(--shadow-sage);background:var(--white)}.user-avatar-epic{position:relative}.user-avatar-img-epic{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--white);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.user-info-epic{display:flex;flex-direction:column;gap:var(--space-1)}.user-name-epic{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);line-height:1}.user-status-epic{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--gray-600);line-height:1}.status-indicator-epic{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:var(--radius-full);border:2px solid var(--white);box-shadow:var(--shadow-sm)}.status-indicator-epic.online{background:var(--success)}.status-indicator-epic.offline{background:var(--gray-400)}.user-level-badge-epic{position:absolute;top:-4px;right:-4px;background:var(--gradient-peach);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);min-width:20px;text-align:center;border:2px solid var(--white);box-shadow:var(--shadow-md);line-height:1}.dropdown-chevron-epic{background:transparent;border:none;color:var(--gray-500);cursor:pointer;transition:var(--transition-normal);padding:var(--space-1);border-radius:var(--radius-md)}.dropdown-chevron-epic:hover{color:var(--primary-sage);background:var(--gray-50)}.dropdown-chevron-epic i{transition:var(--transition-normal);font-size:var(--text-sm)}.dropdown-chevron-epic i.rotated{transform:rotate(180deg)}.notification-container-epic,.messages-container-epic,.user-profile-epic{position:relative}.building-sidebar{width:280px;background:var(--white);border-radius:var(--radius-2xl);border:1px solid var(--gray-200);position:sticky;top:calc(80px + var(--space-6));max-height:calc(100vh - 120px);overflow-y:auto;box-shadow:var(--shadow-card);flex-shrink:0;transition:var(--transition-normal)}.building-sidebar:hover{box-shadow:var(--shadow-card-hover)}.building-header{padding:var(--space-6);border-bottom:1px solid var(--gray-100);background:var(--gradient-sage);color:var(--white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.building-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--white)}.building-status{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.floors-navigation{padding:var(--space-2) 0}.floor-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:var(--transition-normal);border-left:4px solid transparent;margin:var(--space-1) var(--space-2);border-radius:var(--radius-lg);position:relative}.floor-item:hover{background:var(--gray-50);transform:translate(4px)}.floor-item.active{background:var(--gradient-bg-card);border-left-color:var(--primary-sage);box-shadow:var(--shadow-sm)}.floor-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--white);background:var(--gray-400);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.floor-item:hover .floor-icon{transform:scale(1.05);box-shadow:var(--shadow-md)}.floor-icon.lamentos{background:var(--lamentos-gradient)}.floor-icon.chismes{background:var(--chismes-gradient)}.floor-icon.desahogo{background:var(--circulos-gradient)}.floor-icon.retos{background:var(--retos-gradient)}.floor-icon.stats{background:var(--insights-gradient)}.floor-icon.perfil{background:var(--perfil-gradient)}.floor-info{flex:1;min-width:0}.floor-info h4{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);line-height:1.2}.floor-info span{font-size:var(--text-xs);color:var(--gray-600);display:block;margin-bottom:var(--space-1);font-weight:var(--font-medium)}.new-posts{font-size:var(--text-xs);color:var(--primary-sage);font-weight:var(--font-semibold);background:var(--gradient-bg-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.trending-section,.suggestions-section{padding:var(--space-4);border-top:1px solid var(--gray-100);background:var(--gray-25);margin:var(--space-4);border-radius:var(--radius-lg)}.trending-section h4,.suggestions-section h4{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.trending-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);margin-bottom:var(--space-1)}.trending-item:hover{background:var(--white);transform:translate(4px);box-shadow:var(--shadow-sm)}.hashtag{font-weight:var(--font-semibold);color:var(--primary-sage);font-size:var(--text-sm)}.count{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.stats-widget,.events-widget,.wellness-widget{background:linear-gradient(145deg,var(--white) 0%,var(--gray-25) 50%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.stats-widget:before,.events-widget:before,.wellness-widget:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 40% 60%,var(--lamentos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.3;animation:patternFloat 20s ease-in-out infinite}@keyframes patternFloat{0%,to{transform:translate(0) rotate(0);opacity:.3}33%{transform:translate(-2px,-3px) rotate(1deg);opacity:.5}66%{transform:translate(2px,1px) rotate(-1deg);opacity:.4}}.stats-widget:hover,.events-widget:hover,.wellness-widget:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--primary-sage)}.stats-widget>*,.events-widget>*,.wellness-widget>*{position:relative;z-index:1}.stats-widget h4,.events-widget h4,.wellness-widget h4{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:var(--font-family-heading)}.stats-widget h4 i,.events-widget h4 i,.wellness-widget h4 i{background:var(--circulos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-xl);filter:drop-shadow(0 2px 4px var(--circulos-border));animation:iconGlow 3s ease-in-out infinite}@keyframes iconGlow{0%,to{filter:drop-shadow(0 2px 4px var(--circulos-border));transform:scale(1)}50%{filter:drop-shadow(0 4px 8px var(--circulos-primary));transform:scale(1.05)}}.stat-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-xl);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000d,inset 0 1px 0 var(--white);transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.stat-item:hover:before{left:100%}.stat-item:hover{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #00000014,inset 0 1px 0 var(--white);border-color:var(--primary-sage)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--white);position:relative;overflow:hidden;box-shadow:0 6px 20px #00000026,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);opacity:0;transition:all .3s ease}.stat-item:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px #0003,inset 0 1px #ffffff4d}.stat-item:hover .stat-icon:before{opacity:1;animation:shimmer 1.5s ease-in-out}.stat-icon.stress{background:var(--gradient-success)}.stat-icon.coffee{background:var(--retos-gradient)}.stat-icon.social{background:var(--circulos-gradient)}.stat-info{flex:1}.stat-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);display:block}.stat-bar{width:100%;height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin:var(--space-2) 0;position:relative;box-shadow:inset 0 2px 4px #0000001a}.stat-fill{height:100%;border-radius:var(--radius-full);position:relative;overflow:hidden;transition:width .8s cubic-bezier(.4,0,.2,1)}.stat-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stat-fill.stress{background:var(--gradient-success)}.event-item{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.event-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--circulos-gradient);opacity:0;transition:opacity .3s ease}.event-item:hover:before{opacity:1}.event-item:hover{transform:translateY(-2px) translate(4px);background:linear-gradient(135deg,var(--white) 0%,var(--circulos-bg) 100%);border-color:var(--circulos-primary);box-shadow:0 8px 25px #22c55e26,inset 0 1px 0 var(--white)}.event-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:var(--circulos-gradient);border-radius:var(--radius-lg);color:var(--white);text-align:center;box-shadow:0 4px 12px #22c55e4d,inset 0 1px #fff3;position:relative;overflow:hidden}.event-date:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);opacity:0;transition:all .3s ease}.event-item:hover .event-date:before{opacity:1;animation:shimmer 1s ease-in-out}.event-date .day{font-size:var(--text-lg);font-weight:var(--font-bold);line-height:1}.event-date .month{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;opacity:.9}.event-info h5{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-1) 0}.event-info span{display:block;font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-1)}.attendees{font-size:var(--text-xs)!important;color:var(--circulos-primary)!important;font-weight:var(--font-semibold)!important;background:var(--circulos-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:inline-block!important}.wellness-tip{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden}.wellness-tip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,var(--circulos-border) 0%,transparent 50%);opacity:.1;pointer-events:none}.tip-icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--gradient-success);display:flex;align-items:center;justify-content:center;color:var(--white);font-size:var(--text-lg);box-shadow:0 4px 12px #22c55e4d,inset 0 1px #fff3;position:relative;z-index:1;flex-shrink:0}.tip-content{flex:1;position:relative;z-index:1}.tip-content h5{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0}.tip-content p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.5;margin:0}.wellness-resources{display:flex;gap:var(--space-3)}.resource-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.resource-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.resource-btn:hover:before{left:100%}.resource-btn:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,var(--white) 0%,var(--circulos-bg) 100%);border-color:var(--circulos-primary);color:var(--circulos-primary);box-shadow:0 8px 20px #22c55e26,inset 0 1px 0 var(--white)}.resource-btn i{font-size:var(--text-xl);transition:all .3s ease}.resource-btn:hover i{transform:scale(1.2);color:var(--circulos-primary)}[data-theme=dark] .stats-widget:before,[data-theme=dark] .events-widget:before,[data-theme=dark] .wellness-widget:before{opacity:.2}[data-theme=dark] .stat-item:before,[data-theme=dark] .resource-btn:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}[data-theme=dark] .stat-icon:before,[data-theme=dark] .event-date:before{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%)}.stress-meter{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-card);transition:var(--transition-normal)}.stress-meter:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stress-meter h4{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.stress-question{font-size:var(--text-base);color:var(--gray-700);margin-bottom:var(--space-4);text-align:center;font-weight:var(--font-medium)}.stress-levels{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.stress-btn{flex:1;padding:var(--space-3) var(--space-2);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);cursor:pointer;transition:var(--transition-bounce);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.stress-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stress-btn.selected{background:currentColor;color:var(--white);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-lg)}.stress-btn.level-1{border-color:var(--success);color:var(--success)}.stress-btn.level-2{border-color:var(--perfil-primary);color:var(--perfil-primary)}.stress-btn.level-3{border-color:var(--warning);color:var(--warning)}.stress-btn.level-4{border-color:var(--retos-primary);color:var(--retos-primary)}.stress-btn.level-5{border-color:var(--error);color:var(--error)}.stress-emoji{font-size:var(--text-2xl)}.stress-result{margin-top:var(--space-5);padding:var(--space-4);background:var(--gradient-bg-card);border-radius:var(--radius-lg);text-align:center;font-weight:var(--font-semibold);animation:fadeIn .5s ease;border:2px solid var(--primary-sage);box-shadow:var(--shadow-md)}.post-composer{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);transition:var(--transition-normal)}.post-composer:hover{box-shadow:var(--shadow-card-hover)}.composer-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.composer-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--gray-100);box-shadow:var(--shadow-sm)}.composer-input{flex:1}.composer-textarea{width:100%;min-height:100px;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);resize:vertical;font-family:var(--font-family);font-size:var(--text-base);outline:none;transition:var(--transition-normal);font-weight:var(--font-medium)}.composer-textarea:focus{border-color:var(--primary-sage);box-shadow:0 0 0 3px #22c55e1a}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4)}.composer-options{display:flex;gap:var(--space-2)}.option-btn{background:var(--gray-50);border:2px solid var(--gray-200);color:var(--gray-700);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.option-btn:hover{background:var(--white);border-color:var(--primary-sage);color:var(--primary-sage);transform:translateY(-1px)}.publish-btn{background:var(--gradient-sage);color:var(--white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);box-shadow:var(--shadow-sage)}.publish-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sage)}.publish-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.post-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);overflow:hidden;transition:var(--transition-normal);box-shadow:var(--shadow-card)}.post-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--gray-300)}.post-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-100)}.post-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--gray-100);box-shadow:var(--shadow-sm)}.post-author-info{flex:1}.post-author-info h4{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900)}.post-author-info span{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.post-content{padding:var(--space-6);font-size:var(--text-base);line-height:1.7;color:var(--gray-800);font-weight:var(--font-medium)}.post-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-100);background:var(--gray-25)}.action-buttons{display:flex;gap:var(--space-4)}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-bounce);color:var(--gray-700);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.action-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.action-btn.heart{background:var(--white);border-color:var(--lamentos-primary);color:var(--lamentos-primary)}.action-btn.heart:hover{background:var(--lamentos-bg);box-shadow:var(--shadow-rose)}.action-btn.coffee{background:var(--white);border-color:var(--retos-primary);color:var(--retos-primary)}.action-btn.coffee:hover{background:var(--retos-bg);box-shadow:var(--shadow-peach)}.notifications-dropdown-epic{position:absolute;top:calc(100% + var(--space-3));right:0;width:400px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:fadeInDown .3s ease-out;max-height:500px;overflow:hidden;display:flex;flex-direction:column}.dropdown-header-epic{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--gray-100);background:var(--gradient-bg-card)}.dropdown-header-epic h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);margin:0}.mark-all-read-epic,.compose-message-epic{background:var(--gradient-sage);color:var(--white);border:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm)}.mark-all-read-epic:hover,.compose-message-epic:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sage)}.compose-message-epic{width:40px;height:40px;padding:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.notifications-list-epic,.messages-list-epic{flex:1;overflow-y:auto;max-height:300px}.notification-item-epic{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-normal);border-bottom:1px solid var(--gray-50)}.notification-item-epic:hover{background:var(--gradient-bg-hover);transform:translate(4px)}.notification-avatar-epic{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gray-100);box-shadow:var(--shadow-sm);flex-shrink:0}.notification-content-epic{flex:1;min-width:0}.notification-text-epic{font-size:var(--text-sm);color:var(--gray-800);margin-bottom:var(--space-1);line-height:1.4;font-weight:var(--font-medium)}.notification-time-epic{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.notification-type-icon-epic{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);color:var(--white);flex-shrink:0;box-shadow:var(--shadow-sm)}.notification-type-icon-epic.like{background:var(--gradient-rose)}.notification-type-icon-epic.comment{background:var(--gradient-sky)}.notification-type-icon-epic.follow{background:var(--gradient-sage)}.dropdown-footer-epic{padding:var(--space-4) var(--space-6);border-top:1px solid var(--gray-100);background:var(--gray-25)}.dropdown-footer-epic button{width:100%;background:var(--white);border:2px solid var(--gray-200);color:var(--gray-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal);font-size:var(--text-sm)}.dropdown-footer-epic button:hover{border-color:var(--primary-sage);color:var(--primary-sage);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.messages-dropdown-epic{position:absolute;top:calc(100% + var(--space-3));right:0;width:420px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:fadeInDown .3s ease-out;max-height:500px;overflow:hidden;display:flex;flex-direction:column}.message-item-epic{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-normal);border-bottom:1px solid var(--gray-50);position:relative}.message-item-epic:hover{background:var(--gradient-bg-hover);transform:translate(4px)}.message-item-epic.unread{background:var(--gradient-bg-card);border-left:4px solid var(--primary-sage)}.message-avatar-epic{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gray-100);box-shadow:var(--shadow-sm);flex-shrink:0}.message-content-epic{flex:1;min-width:0}.message-header-epic{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1)}.message-user-epic{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.message-time-epic{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.message-text-epic{font-size:var(--text-sm);color:var(--gray-700);line-height:1.4;font-weight:var(--font-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.unread-indicator-epic{position:absolute;top:var(--space-4);right:var(--space-5);width:8px;height:8px;background:var(--gradient-sage);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.user-dropdown-epic{position:absolute;top:calc(100% + var(--space-3));right:0;width:320px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:fadeInDown .3s ease-out;overflow:hidden}.dropdown-profile-section-epic{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--gradient-bg-card);border-bottom:1px solid var(--gray-100)}.dropdown-avatar-epic{width:60px;height:60px;border-radius:var(--radius-xl);object-fit:cover;border:3px solid var(--white);box-shadow:var(--shadow-md);flex-shrink:0}.dropdown-user-info-epic{flex:1;min-width:0}.dropdown-user-name-epic{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-1);line-height:1.2}.dropdown-user-email-epic{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.dropdown-user-level-epic{font-size:var(--text-xs);color:var(--primary-sage);font-weight:var(--font-semibold);background:var(--gradient-bg-card);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);display:inline-block}.dropdown-quick-stats-epic{padding:var(--space-4) var(--space-6);background:var(--gray-25);border-bottom:1px solid var(--gray-100)}.quick-stat-epic{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--gray-700);font-weight:var(--font-medium)}.quick-stat-epic:last-child{margin-bottom:0}.quick-stat-epic i{color:var(--primary-sage);width:16px;text-align:center}.dropdown-actions-epic{padding:var(--space-4) var(--space-6)}.dropdown-action-epic{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-1);text-align:left}.dropdown-action-epic:hover{background:var(--gradient-bg-hover);color:var(--gray-900);transform:translate(4px)}.dropdown-action-epic i{color:var(--gray-400);width:16px;text-align:center;transition:var(--transition-normal)}.dropdown-action-epic:hover i{color:var(--primary-sage)}.dropdown-divider-epic{height:1px;background:var(--gray-100);margin:var(--space-4) var(--space-6)}.logout-btn-epic{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:var(--gradient-rose);border:none;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);cursor:pointer;transition:var(--transition-normal);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--white);text-align:left}.logout-btn-epic:hover{background:var(--gradient-rose);opacity:.9;transform:translateY(-1px)}.logout-btn-epic i{color:var(--white);width:16px;text-align:center}.guest-dropdown-epic{padding:var(--space-6);text-align:center}.guest-message-epic{margin-bottom:var(--space-6)}.guest-message-epic i{font-size:var(--text-3xl);color:var(--primary-sage);margin-bottom:var(--space-3);display:block}.guest-message-epic h4{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.guest-message-epic p{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium);margin:0}.login-btn-epic,.register-btn-epic{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);margin-bottom:var(--space-3);border:2px solid transparent}.login-btn-epic{background:var(--gradient-sage);color:var(--white);box-shadow:var(--shadow-sage)}.login-btn-epic:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sage)}.register-btn-epic{background:var(--white);color:var(--primary-sage);border-color:var(--primary-sage);box-shadow:var(--shadow-sm)}.register-btn-epic:hover{background:var(--gradient-bg-card);transform:translateY(-1px);box-shadow:var(--shadow-md)}.register-btn-epic:last-child{margin-bottom:0}.search-clear-epic{position:absolute;right:var(--space-5);top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:var(--gray-100);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-normal);color:var(--gray-500);z-index:3}.search-clear-epic:hover{background:var(--gray-200);color:var(--gray-700);transform:translateY(-50%) scale(1.1)}.search-clear-epic i{font-size:var(--text-sm)}.search-results-epic{position:absolute;top:100%;left:0;right:0;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);z-index:var(--z-dropdown);margin-top:var(--space-2);max-height:400px;overflow-y:auto;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:fadeInUp .3s ease-out}.search-result-item-epic{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-normal);border-bottom:1px solid var(--gray-100)}.search-result-item-epic:last-child{border-bottom:none}.search-result-item-epic:hover{background:var(--gradient-bg-hover);transform:translate(4px)}.result-avatar-epic{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--gray-100);box-shadow:var(--shadow-sm)}.result-hashtag-icon-epic,.result-company-icon-epic,.result-topic-icon-epic{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--white);box-shadow:var(--shadow-sm)}.result-hashtag-icon-epic{background:var(--gradient-lavender)}.result-company-icon-epic{background:var(--gradient-sky)}.result-topic-icon-epic{background:var(--gradient-mint)}.result-info-epic{flex:1;min-width:0}.result-name-epic{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1);line-height:1.2}.result-meta-epic{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.result-type-icon-epic{color:var(--gray-400);font-size:var(--text-base);transition:var(--transition-normal)}.search-result-item-epic:hover .result-type-icon-epic{color:var(--primary-sage)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recent-activity-section{margin-bottom:var(--space-5)}.recent-activity-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.recent-activity-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--insights-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.2;animation:activityFloat 20s ease-in-out infinite}@keyframes activityFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(-2px,-3px) rotate(1deg);opacity:.4}}.recent-activity-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--circulos-primary)}.recent-activity-card>*{position:relative;z-index:1}.recent-activity-title{margin-bottom:var(--space-5);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recent-activity-title i{background:var(--circulos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--circulos-border));animation:clockTick 2s ease-in-out infinite}@keyframes clockTick{0%,to{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}}.recent-activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.activity-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.activity-item:hover{transform:translateY(-2px) translate(4px);background:linear-gradient(135deg,var(--white) 0%,var(--circulos-bg) 100%);border-color:var(--circulos-primary);box-shadow:0 8px 25px #22c55e26,inset 0 1px 0 var(--white)}.activity-emoji{font-size:var(--text-xl);flex-shrink:0;transition:transform .3s ease}.activity-item:hover .activity-emoji{transform:scale(1.2) rotate(10deg)}.activity-text{font-size:var(--text-sm);color:var(--gray-800);font-weight:var(--font-medium);line-height:1.4;margin-bottom:var(--space-1)}.activity-text strong{color:var(--gray-900);font-weight:var(--font-semibold)}.activity-time{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.quick-tips-section{margin-bottom:var(--space-5)}.quick-tips-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.quick-tips-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,var(--retos-border) 0%,transparent 50%),radial-gradient(circle at 70% 80%,var(--lamentos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.2;animation:tipsFloat 25s ease-in-out infinite}@keyframes tipsFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}33%{transform:translate(2px,-2px) rotate(-1deg);opacity:.3}66%{transform:translate(-1px,3px) rotate(1deg);opacity:.4}}.quick-tips-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--retos-primary)}.quick-tips-card>*{position:relative;z-index:1}.quick-tips-title{margin-bottom:var(--space-5);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-tips-title i{background:var(--retos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--retos-border));animation:bulbGlow 3s ease-in-out infinite}@keyframes bulbGlow{0%,to{filter:drop-shadow(0 2px 4px var(--retos-border));transform:scale(1)}50%{filter:drop-shadow(0 4px 8px var(--retos-primary));transform:scale(1.1)}}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tip-card{padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.tip-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.tip-card:hover:before{left:100%}.tip-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #0000001a,inset 0 1px 0 var(--white)}.tip-card.meditation{background:linear-gradient(135deg,#8fb9961a,#8fb9960d);border-color:var(--circulos-border)}.tip-card.meditation:hover{background:linear-gradient(135deg,var(--circulos-bg) 0%,var(--white) 100%);border-color:var(--circulos-primary)}.tip-card.coffee{background:linear-gradient(135deg,#a8e6cf1a,#a8e6cf0d);border-color:var(--retos-border)}.tip-card.coffee:hover{background:linear-gradient(135deg,var(--retos-bg) 0%,var(--white) 100%);border-color:var(--retos-primary)}.tip-card.walk{background:linear-gradient(135deg,#b4a7d61a,#b4a7d60d);border-color:var(--chismes-border)}.tip-card.walk:hover{background:linear-gradient(135deg,var(--chismes-bg) 0%,var(--white) 100%);border-color:var(--chismes-primary)}.tip-emoji{font-size:var(--text-2xl);margin-bottom:var(--space-2);display:block;transition:transform .3s ease}.tip-card:hover .tip-emoji{transform:scale(1.2) rotate(-5deg)}.tip-title{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--gray-900);font-family:var(--font-family-heading)}.tip-description{font-size:var(--text-xs);color:var(--gray-600);line-height:1.4;margin:0;font-weight:var(--font-medium)}.ecosystem-news-section{margin-bottom:var(--space-5)}.ecosystem-news-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.ecosystem-news-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--chismes-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.2;animation:newsFloat 30s ease-in-out infinite}@keyframes newsFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}25%{transform:translate(1px,-2px) rotate(.5deg);opacity:.3}75%{transform:translate(-2px,1px) rotate(-.5deg);opacity:.4}}.ecosystem-news-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--insights-primary)}.ecosystem-news-card>*{position:relative;z-index:1}.ecosystem-news-title{margin-bottom:var(--space-5);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ecosystem-news-title i{background:var(--insights-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--insights-border));animation:newspaperFlip 4s ease-in-out infinite}@keyframes newspaperFlip{0%,to{transform:scale(1) rotateY(0)}50%{transform:scale(1.05) rotateY(15deg)}}.news-grid{display:grid;gap:var(--space-4)}.news-item{padding:var(--space-5);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.news-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.news-item:hover:before{left:100%}.news-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #0000001a,inset 0 1px 0 var(--white)}.news-item.success{background:linear-gradient(135deg,#8fb9960d,#8fb99605);border-color:var(--circulos-border)}.news-item.success:hover{background:linear-gradient(135deg,var(--circulos-bg) 0%,var(--white) 100%);border-color:var(--circulos-primary)}.news-item.feature{background:linear-gradient(135deg,#b4a7d60d,#b4a7d605);border-color:var(--chismes-border)}.news-item.feature:hover{background:linear-gradient(135deg,var(--chismes-bg) 0%,var(--white) 100%);border-color:var(--chismes-primary)}.news-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.news-emoji{font-size:var(--text-xl);flex-shrink:0;transition:transform .3s ease}.news-item:hover .news-emoji{transform:scale(1.2) rotate(10deg)}.news-content{flex:1}.news-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--gray-900);font-family:var(--font-family-heading)}.news-description{font-size:var(--text-sm);color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-3);font-weight:var(--font-medium)}.news-footer{display:flex;gap:var(--space-3);align-items:center}.news-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--white);transition:transform .3s ease}.news-item:hover .news-badge{transform:scale(1.05)}.news-badge.increase{background:var(--circulos-primary)}.news-badge.available{background:var(--chismes-primary)}.news-time{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.community-stats-section{margin-bottom:var(--space-5)}.community-stats-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.community-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 85% 75%,var(--chismes-border) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--retos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.2;animation:statsFloat 35s ease-in-out infinite}@keyframes statsFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}20%{transform:translate(1px,-1px) rotate(.3deg);opacity:.3}40%{transform:translate(-1px,2px) rotate(-.3deg);opacity:.4}60%{transform:translate(2px) rotate(.2deg);opacity:.3}80%{transform:translate(-1px,-2px) rotate(-.2deg);opacity:.4}}.community-stats-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--circulos-primary)}.community-stats-card>*{position:relative;z-index:1}.community-stats-title{margin-bottom:var(--space-5);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.community-stats-title i{background:var(--circulos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--circulos-border));animation:chartPulse 3s ease-in-out infinite}@keyframes chartPulse{0%,to{filter:drop-shadow(0 2px 4px var(--circulos-border));transform:scale(1)}50%{filter:drop-shadow(0 4px 8px var(--circulos-primary));transform:scale(1.1)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5)}.stat-card{text-align:center;padding:var(--space-5);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 15px 35px #0000001a,inset 0 1px 0 var(--white)}.stat-card.users{background:linear-gradient(135deg,#8fb9961a,#8fb9960d);border-color:var(--circulos-border)}.stat-card.users:hover{background:linear-gradient(135deg,var(--circulos-bg) 0%,var(--white) 100%);border-color:var(--circulos-primary)}.stat-card.posts{background:linear-gradient(135deg,#b4a7d61a,#b4a7d60d);border-color:var(--chismes-border)}.stat-card.posts:hover{background:linear-gradient(135deg,var(--chismes-bg) 0%,var(--white) 100%);border-color:var(--chismes-primary)}.stat-card.satisfaction{background:linear-gradient(135deg,#f2c4a71a,#f2c4a70d);border-color:var(--retos-border)}.stat-card.satisfaction:hover{background:linear-gradient(135deg,var(--retos-bg) 0%,var(--white) 100%);border-color:var(--retos-primary)}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-2);display:block;font-family:var(--font-family-heading);transition:all .3s ease}.stat-card:hover .stat-number{transform:scale(1.1)}.stat-card.users .stat-number{background:var(--circulos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.posts .stat-number{background:var(--chismes-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.satisfaction .stat-number{background:var(--retos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium);margin-bottom:var(--space-1);display:block}.stat-change{font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-1);display:block;transition:transform .3s ease}.stat-card:hover .stat-change{transform:scale(1.05)}.stat-change.positive{color:var(--circulos-primary)}.stat-change.record{color:var(--retos-primary)}.cta-section{margin-bottom:var(--space-5)}.cta-card{background:linear-gradient(135deg,var(--primary-sage) 0%,var(--circulos-primary) 100%);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-5);position:relative;overflow:hidden;color:var(--white);text-align:center;box-shadow:0 20px 40px -10px #22c55e4d,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1)}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:ctaFloat 15s ease-in-out infinite}@keyframes ctaFloat{0%,to{transform:translate(0) scale(1);opacity:1}50%{transform:translate(-5px,-5px) scale(1.02);opacity:.8}}.cta-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 60px -10px #22c55e66,inset 0 1px #ffffff4d}.cta-card>*{position:relative;z-index:1}.cta-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);margin-bottom:var(--space-3);font-family:var(--font-family-heading);color:var(--white)}.cta-description{font-size:var(--text-base);margin-bottom:var(--space-6);opacity:.9;line-height:1.6;font-weight:var(--font-medium)}.cta-button{background:var(--white);color:var(--primary-sage);border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-bounce);box-shadow:0 8px 20px #00000026,inset 0 1px #ffffffe6;display:inline-flex;align-items:center;gap:var(--space-2)}.cta-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px #0003,inset 0 1px #fff;color:var(--circulos-primary)}.achievements-section{margin-bottom:var(--space-5)}.achievements-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1)}.achievements-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 40% 20%,var(--perfil-border) 0%,transparent 50%),radial-gradient(circle at 60% 80%,var(--retos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.2;animation:achievementsFloat 25s ease-in-out infinite}@keyframes achievementsFloat{0%,to{transform:translate(0) rotate(0);opacity:.2}50%{transform:translate(-3px,2px) rotate(1deg);opacity:.4}}.achievements-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -10px #00000026,0 10px 20px -5px #00000014,inset 0 1px 0 var(--white);border-color:var(--perfil-primary)}.achievements-card>*{position:relative;z-index:1}.achievements-title{margin-bottom:var(--space-5);color:var(--gray-900);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.achievements-title i{background:var(--perfil-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--perfil-border));animation:trophyShine 4s ease-in-out infinite}@keyframes trophyShine{0%,to{filter:drop-shadow(0 2px 4px var(--perfil-border));transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 4px 8px var(--perfil-primary));transform:scale(1.1) rotate(-5deg)}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.achievement-item{text-align:center;padding:var(--space-4);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-lg);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.achievement-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--white),transparent);opacity:.5;transition:left .6s ease}.achievement-item:hover:before{left:100%}.achievement-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 30px #0000001a,inset 0 1px 0 var(--white)}.achievement-item.unlocked{background:linear-gradient(135deg,#f2c4a71a,#f2c4a70d);border-color:var(--perfil-border)}.achievement-item.unlocked:hover{background:linear-gradient(135deg,var(--perfil-bg) 0%,var(--white) 100%);border-color:var(--perfil-primary)}.achievement-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2);display:block;transition:transform .3s ease;filter:grayscale(70%)}.achievement-item.unlocked .achievement-icon{filter:grayscale(0%)}.achievement-item:hover .achievement-icon{transform:scale(1.2) rotate(10deg)}.achievement-name{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-1);color:var(--gray-900);font-family:var(--font-family-heading)}.achievement-description{font-size:var(--text-xs);color:var(--gray-600);line-height:1.3;margin:0;font-weight:var(--font-medium)}.achievement-item.unlocked .achievement-name{color:var(--perfil-primary)}.floor-intro{text-align:center;padding:var(--space-12) var(--space-6);background:var(--white);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);box-shadow:var(--shadow-card);border:1px solid var(--gray-200);transition:var(--transition-normal)}.floor-intro:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.epic-intro{border:1px solid var(--gray-200)}.intro-icon-epic{margin-bottom:var(--space-6)}.icon-container{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-2xl);background:var(--gradient-sage);color:var(--white);font-size:var(--text-4xl);box-shadow:var(--shadow-sage);transition:var(--transition-bounce)}.floor-intro:hover .icon-container{transform:scale(1.05) rotate(5deg)}.epic-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:var(--space-3);font-family:var(--font-family-heading);letter-spacing:-.025em}.epic-subtitle{font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--space-6);line-height:1.6;font-weight:var(--font-medium)}.stats-banner{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.stat-pill{background:var(--gradient-bg-card);color:var(--gray-800);padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.stat-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.feed-container{max-width:100%;margin:0 auto;min-height:100vh;padding-bottom:var(--space-16)}.main-feed-content{min-height:120vh}.posts-container{min-height:60vh}@media (max-width: 1400px){.main-layout{grid-template-columns:260px 1fr 320px;gap:var(--space-4);padding:var(--space-4)}}@media (max-width: 1200px){.main-layout{grid-template-columns:240px 1fr 300px;gap:var(--space-3)}.building-sidebar{width:240px}.right-sidebar{width:300px}}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr;gap:var(--space-4)}.building-sidebar,.right-sidebar{width:100%;position:static;max-height:none}.building-sidebar{order:1}.main-feed{order:2}.right-sidebar{order:3}}@media (max-width: 768px){.main-layout{padding:var(--space-3)}}@media (max-width: 768px){.epic-header-container{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.search-section-epic{width:100%;max-width:none}}@media (max-width: 768px){.floor-item{padding:var(--space-2) var(--space-3)}.floor-icon{width:36px;height:36px;font-size:var(--text-base)}}@media (max-width: 768px){.stats-widget,.events-widget,.wellness-widget{padding:var(--space-4);margin-bottom:var(--space-4)}.stat-item{padding:var(--space-3)}.stat-icon{width:40px;height:40px;font-size:var(--text-base)}.event-date{width:48px;height:48px}.wellness-resources{flex-direction:column;gap:var(--space-2)}}@media (max-width: 768px){.stress-levels{flex-wrap:wrap}.stress-btn{min-width:70px}}@media (max-width: 768px){.action-buttons{gap:var(--space-2)}.action-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (max-width: 768px){.epic-title{font-size:var(--text-3xl)}.epic-subtitle{font-size:var(--text-base)}.floor-intro{padding:var(--space-8) var(--space-4)}.icon-container{width:80px;height:80px;font-size:var(--text-3xl)}}@media (max-width: 768px){.notifications-dropdown-epic,.messages-dropdown-epic{width:100vw;max-width:400px;right:-20px}.user-dropdown-epic{width:100vw;max-width:320px;right:-20px}.search-results-epic{margin-top:var(--space-1);border-radius:var(--radius-xl)}}@media (max-width: 768px){.recent-activity-card,.quick-tips-card,.ecosystem-news-card,.community-stats-card,.achievements-card,.cta-card{padding:var(--space-4);margin-bottom:var(--space-4)}.recent-activity-title,.quick-tips-title,.ecosystem-news-title,.community-stats-title,.achievements-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.tips-grid{grid-template-columns:1fr;gap:var(--space-3)}.stats-grid,.achievements-grid{grid-template-columns:1fr;gap:var(--space-4)}.activity-item,.tip-card,.news-item,.stat-card,.achievement-item{padding:var(--space-3)}.stat-number{font-size:var(--text-3xl)}.activity-item:hover,.tip-card:hover,.news-item:hover,.stat-card:hover,.achievement-item:hover{transform:translateY(-2px) scale(1.01)}.activity-item:hover{transform:translateY(-2px) translate(2px)}.cta-title{font-size:var(--text-xl)}.cta-description{font-size:var(--text-sm)}.cta-button{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.achievements-grid{grid-template-columns:repeat(2,1fr)}.achievement-icon{font-size:var(--text-2xl)}}[data-theme=dark] .recent-activity-card:before,[data-theme=dark] .quick-tips-card:before,[data-theme=dark] .ecosystem-news-card:before,[data-theme=dark] .community-stats-card:before,[data-theme=dark] .achievements-card:before{opacity:.15}[data-theme=dark] .activity-item:before,[data-theme=dark] .tip-card:before,[data-theme=dark] .news-item:before,[data-theme=dark] .stat-card:before,[data-theme=dark] .achievement-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}[data-theme=dark] .activity-item:hover,[data-theme=dark] .tip-card:hover,[data-theme=dark] .news-item:hover,[data-theme=dark] .stat-card:hover,[data-theme=dark] .achievement-item:hover{box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff1a}[data-theme=dark] .cta-card{background:linear-gradient(135deg,var(--primary-sage) 0%,var(--circulos-primary) 100%)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0 30%,#cbd5e1);overflow:hidden;font-family:Poppins,sans-serif}.login-logo{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#059669,#047857);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-1px}.login-input-container{position:relative}.login-input:focus+.login-input-icon{color:#22c55e}.login-glass-card{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #0000001a,0 0 0 1px #22c55e1a;width:100%;max-width:420px;padding:40px;z-index:10;animation:cardSlideIn .8s ease}.login-loading-spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top:3px solid #22c55e;border-radius:50%;animation:cleanSpin 1s linear infinite}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#059669,#047857);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoShimmer 3s ease-in-out infinite;margin-bottom:16px;letter-spacing:-1px}@keyframes logoShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-title{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:-.5px}.login-subtitle{font-family:Poppins,sans-serif;color:#64748b;font-size:1rem;font-weight:400}.login-input-group{position:relative;margin-bottom:24px}.login-input-label{display:block;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e2e8f0;border-radius:16px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;background:#fff;color:#1e293b;transition:all .3s ease;outline:none}.login-input::placeholder{color:#94a3b8;font-weight:400}.login-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a,0 4px 12px #22c55e26;transform:translateY(-1px)}.login-input.error{border-color:#ef4444;background:#fef2f2;animation:inputShake .5s ease}.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;transition:all .3s ease}.login-input:focus~.login-input-icon{color:#22c55e}.login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px;font-size:1rem}.login-password-toggle:hover{color:#22c55e;background:#22c55e1a}.login-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#22c55e,#059669);border:none;border-radius:16px;color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #22c55e4d;margin:32px 0 24px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66;background:linear-gradient(135deg,#059669,#047857)}.login-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.login-loading-spinner-btn{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:cleanSpin 1s linear infinite;margin-right:8px}.login-link{color:#22c55e;text-decoration:none;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s ease;position:relative}.login-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#22c55e;transition:width .3s ease}.login-link:hover{color:#059669}.login-link:hover:after{width:100%}.login-notification{position:fixed;top:24px;right:24px;z-index:10000;padding:16px 24px;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0000001a;transform:translate(400px);opacity:0;transition:all .4s ease;cursor:pointer;min-width:300px;font-family:Poppins,sans-serif}.login-notification.show{transform:translate(0);opacity:1}.login-notification.success{background:#22c55ef2;color:#fff;border-left:4px solid #22c55e}.login-notification.error{background:#ef4444f2;color:#fff;border-left:4px solid #ef4444}.login-notification i{margin-right:8px;font-size:1.1rem}.login-checkbox{width:18px;height:18px;margin-right:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #e2e8f0;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .3s ease}.login-checkbox:checked{background:#22c55e;border-color:#22c55e}.login-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.password-strength-container{margin-top:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.password-strength-bars{display:flex;gap:4px;margin-bottom:8px}.strength-bar{height:4px;flex:1;border-radius:2px;background:#e2e8f0;transition:all .3s ease}.strength-bar.active.weak{background:#ef4444}.strength-bar.active.fair{background:#f59e0b}.strength-bar.active.good{background:#3b82f6}.strength-bar.active.strong{background:#22c55e}.strength-text{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.login-container{padding:20px}.login-glass-card{padding:32px 24px}.login-notification{right:12px;left:12px;min-width:auto}.login-logo{font-size:2.2rem}.login-title{font-size:1.5rem}}.login-success-pulse{animation:successGlow 1s ease}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#f8fafc,#e2e8f0 30%,#cbd5e1);overflow:hidden;font-family:Poppins,sans-serif;padding:20px}.register-glass-card{position:relative;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px #0000001a,0 0 0 1px #22c55e1a;width:100%;max-width:480px;padding:40px;z-index:10;animation:cardSlideIn .8s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-loading-spinner{width:50px;height:50px;border:3px solid #e2e8f0;border-top:3px solid #22c55e;border-radius:50%;animation:cleanSpin 1s linear infinite}@keyframes cleanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-header{text-align:center;margin-bottom:32px}.register-logo{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:900;color:#22c55e;margin-bottom:16px;letter-spacing:-1px;display:flex;align-items:center;justify-content:center;gap:12px}.register-logo i{color:#22c55e}.register-title{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:-.5px}.register-subtitle{font-family:Poppins,sans-serif;color:#64748b;font-size:1rem;font-weight:400}.register-input-group{position:relative;margin-bottom:24px}.register-input-label{display:block;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.register-input-container{position:relative}.register-input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e2e8f0;border-radius:16px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;background:#fff;color:#1e293b;transition:all .3s ease;outline:none}.register-input::placeholder{color:#94a3b8;font-weight:400}.register-input:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a,0 4px 12px #22c55e26;transform:translateY(-1px)}.register-input.error{border-color:#ef4444;background:#fef2f2;animation:inputShake .5s ease}.register-input.success{border-color:#22c55e;background:#f0fdf4}@keyframes inputShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.register-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;transition:all .3s ease}.register-input:focus+.register-input-icon{color:#22c55e}.register-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px;font-size:1rem}.register-password-toggle:hover{color:#22c55e;background:#22c55e1a}.password-strength-container{margin-top:12px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.password-strength-bars{display:flex;gap:6px;margin-bottom:8px}.strength-bar{height:6px;flex:1;border-radius:3px;background:#e2e8f0;transition:all .4s ease;position:relative;overflow:hidden}.strength-bar.active{animation:barFill .4s ease}@keyframes barFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.strength-bar.active.weak{background:#ef4444;box-shadow:0 0 8px #ef44444d}.strength-bar.active.fair{background:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.strength-bar.active.good{background:#3b82f6;box-shadow:0 0 8px #3b82f64d}.strength-bar.active.strong{background:#22c55e;box-shadow:0 0 8px #22c55e4d}.strength-text{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.strength-text.weak{color:#ef4444}.strength-text.fair{color:#f59e0b}.strength-text.good{color:#3b82f6}.strength-text.strong{color:#22c55e}.register-button{width:100%;padding:18px 32px;background:linear-gradient(135deg,#22c55e,#059669);border:none;border-radius:16px;color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #22c55e4d;margin:32px 0 24px}.register-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66;background:linear-gradient(135deg,#059669,#047857)}.register-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.register-loading-spinner-btn{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:cleanSpin 1s linear infinite;margin-right:8px}.register-link{color:#22c55e;text-decoration:none;font-family:Poppins,sans-serif;font-weight:600;transition:all .3s ease;position:relative}.register-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#22c55e;transition:width .3s ease}.register-link:hover{color:#059669}.register-link:hover:after{width:100%}.register-notification{position:fixed;top:24px;right:24px;z-index:10000;padding:16px 24px;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px #0000001a;transform:translate(400px);opacity:0;transition:all .4s ease;cursor:pointer;min-width:320px;font-family:Poppins,sans-serif}.register-notification.show{transform:translate(0);opacity:1}.register-notification.success{background:#22c55ef2;color:#fff;border-left:4px solid #22c55e}.register-notification.error{background:#ef4444f2;color:#fff;border-left:4px solid #ef4444}.register-notification i{margin-right:8px;font-size:1.1rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.space-y-6>*+*{margin-top:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-center{text-align:center}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-red-500{color:#ef4444}.text-green-600{color:#16a34a}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.font-medium{font-weight:500}.font-semibold{font-weight:600}.w-full{width:100%}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-gray-200{border-color:#e5e7eb}.border-green-500{border-color:#22c55e}.rounded-xl{border-radius:.75rem}.transition-all{transition-property:all}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke}.duration-200{transition-duration:.2s}.hover\:bg-green-50:hover{background-color:#f0fdf4}.hover\:text-gray-700:hover{color:#374151}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.bg-white{background-color:#fff}.min-h-screen{min-height:100vh}@media (max-width: 768px){.register-container{padding:20px}.register-glass-card{padding:32px 24px;max-width:95%}.register-notification{right:12px;left:12px;min-width:auto}.register-logo{font-size:2.2rem}.register-title{font-size:1.5rem}.grid{gap:1rem}.md\:grid-cols-2{grid-template-columns:1fr}}.register-success-pulse{animation:successGlow 1s ease}@keyframes successGlow{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}.password-strength-container.strong{border-color:#22c55e;background:#f0fdf4}.password-strength-container.good{border-color:#3b82f6;background:#eff6ff}.password-strength-container.fair{border-color:#f59e0b;background:#fffbeb}.password-strength-container.weak{border-color:#ef4444;background:#fef2f2}.strength-bar.active:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:barShine 1s ease}@keyframes barShine{0%{left:-100%}to{left:100%}}.strength-text{animation:textPulse .3s ease}@keyframes textPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.register-input-container:hover .register-input{border-color:#cbd5e1}.register-input-container:hover .register-input-icon{color:#64748b}.register-input.success:after{content:"✓";position:absolute;right:45px;top:50%;transform:translateY(-50%);color:#22c55e;font-weight:700;font-size:18px;animation:checkmarkAppear .3s ease}@keyframes checkmarkAppear{0%{opacity:0;transform:translateY(-50%) scale(.5)}to{opacity:1;transform:translateY(-50%) scale(1)}}.comment-section{margin-top:1rem;border-top:1px solid #e1e8ed;padding-top:1rem}@media (prefers-reduced-motion: reduce){.comment-card,.comment-content,.replies-list,.toggle-icon,.reaction-btn,.reply-btn{animation:none;transition:none}.comment-card.new-reply{animation:none}}.reaction-btn:focus,.reply-btn:focus,.toggle-replies-btn:focus,.delete-comment-btn:focus{outline:2px solid #1da1f2;outline-offset:2px}[data-theme=dark] .comment-section{border-top-color:#475569}[data-theme=dark] .comment-card{background:#0f172a!important;border-color:#475569;color:#f8fafc}[data-theme=dark] .comment-card.level-0,[data-theme=dark] .comment-card.level-1,[data-theme=dark] .comment-card.level-2,[data-theme=dark] .comment-card.level-3,[data-theme=dark] .comment-card.level-4,[data-theme=dark] .comment-card.level-5{background:#0f172a!important}[data-theme=dark] .comment-form{background:#0f172a;border-color:#475569}[data-theme=dark] .comment-form.reply-form{background:#0f172a;border-left-color:#0ea5e9}[data-theme=dark] .comment-textarea{background:#0f172a;border-color:#475569;color:#f8fafc}[data-theme=dark] .comment-textarea:focus{border-color:#0ea5e9;background:#0f172a}[data-theme=dark] .comment-textarea::placeholder{color:#94a3b8}[data-theme=dark] .cancel-button{background:#0f172a;color:#cbd5e1;border:1px solid #475569}[data-theme=dark] .cancel-button:hover{background:#1e293b;color:#f8fafc}[data-theme=dark] .submit-button{background:#0ea5e9;color:#fff}[data-theme=dark] .submit-button:hover:not(:disabled){background:#0284c7}[data-theme=dark] .submit-button:disabled{background:#475569;color:#94a3b8}[data-theme=dark] .comment-content p,[data-theme=dark] .comment-author-name{color:#f8fafc}[data-theme=dark] .comment-time,[data-theme=dark] .nested-indicator,[data-theme=dark] .reply-btn,[data-theme=dark] .reaction-btn{color:#cbd5e1}[data-theme=dark] .reply-btn:hover,[data-theme=dark] .reaction-btn:hover{background:#1e293b;color:#f8fafc}[data-theme=dark] .anonymous-badge{background:#64748b;color:#f8fafc}[data-theme=dark] .level-indicator{background:linear-gradient(135deg,#0ea5e9,#0284c7)}[data-theme=dark] .max-depth-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fcd34d;border-color:#d97706}[data-theme=dark] .load-more-comments,[data-theme=dark] .load-more-replies-btn{background:#0f172a;border-color:#475569;color:#cbd5e1}[data-theme=dark] .load-more-comments:hover,[data-theme=dark] .load-more-replies-btn:hover{background:#1e293b;color:#f8fafc}[data-theme=dark] .empty-comments,[data-theme=dark] .login-required{background:#0f172a;color:#cbd5e1}[data-theme=dark] .toggle-replies-btn{color:#cbd5e1}[data-theme=dark] .toggle-replies-btn:hover{background:#1e293b;color:#0ea5e9}[data-theme=dark] .replies-preview-btn:hover{background:#1e293b}[data-theme=dark] .replies-preview-text{color:#cbd5e1}[data-theme=dark] .delete-comment-btn:hover{background:#ef444433;color:#f87171}[data-theme=dark] .comment-toggle{color:#cbd5e1}[data-theme=dark] .comment-toggle:hover{background:#1e293b;color:#0ea5e9}[data-theme=dark] .comment-sort select{background:#0f172a;border-color:#475569;color:#cbd5e1}[data-theme=dark] .comment-sort select:focus{border-color:#0ea5e9}[data-theme=dark] .emoji-picker{background:#0f172a;border-color:#475569}[data-theme=dark] .emoji-option:hover,[data-theme=dark] .emoji-button:hover{background:#1e293b}[data-theme=dark] .char-counter{background:#0f172ae6;color:#cbd5e1}[data-theme=dark] .toggle-slider{background:#475569}[data-theme=dark] .toggle-text{color:#cbd5e1}[data-theme=dark] .keyboard-tip{color:#94a3b8}[data-theme=dark] .comment-preview{background:#0ea5e91a;border-left-color:#0ea5e9}[data-theme=dark] .comment-preview small,[data-theme=dark] .loading-comments,[data-theme=dark] .error-comments{color:#cbd5e1}[data-theme=dark] .error-comments button{background:#0ea5e9;color:#fff}.comment-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}[data-theme=dark] .comment-card:hover{box-shadow:0 4px 12px #0000004d}.comment-card.level-1:hover{box-shadow:0 4px 12px #10b98133}.comment-card.level-2:hover{box-shadow:0 4px 12px #f59e0b33}.comment-card.level-3:hover{box-shadow:0 4px 12px #ef444433}.comment-card.level-4:hover{box-shadow:0 4px 12px #8b5cf633}.comment-card.level-5:hover{box-shadow:0 4px 12px #6b728033}[data-theme=dark] .comment-card.level-1:hover,[data-theme=dark] .comment-card.level-2:hover,[data-theme=dark] .comment-card.level-3:hover,[data-theme=dark] .comment-card.level-4:hover,[data-theme=dark] .comment-card.level-5:hover{box-shadow:0 4px 12px #0006}.comment-card,.reaction-btn,.reply-btn,.delete-comment-btn,.toggle-replies-btn,.load-more-replies-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.comment-avatar{transition:transform .2s ease,box-shadow .2s ease}.comment-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}[data-theme=dark] .comment-avatar:hover{box-shadow:0 2px 8px #00000080}.comment-card.loading{opacity:.7;pointer-events:none}.comment-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e1e8ed;border-top:2px solid #1da1f2;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .comment-card.loading:after{border:2px solid #475569;border-top:2px solid #0EA5E9}.comment-content p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.comment-author-name{letter-spacing:-.025em}.level-indicator{font-family:Segoe UI,system-ui,sans-serif;font-feature-settings:"tnum"}.comment-card.error{border-left-color:#ef4444;background:#fef2f2}[data-theme=dark] .comment-card.error{background:#ef44441a;border-left-color:#ef4444}.comment-card.error .comment-content{opacity:.7}.comment-card.error:after{content:"⚠️ Error al cargar";position:absolute;top:.5rem;right:.5rem;font-size:.7rem;color:#ef4444;background:#fff;padding:.2rem .4rem;border-radius:4px;border:1px solid #fecaca}[data-theme=dark] .comment-card.error:after{background:#1e293b;border-color:#ef44444d;color:#f87171}.comment-card{contain:layout style;will-change:transform}.replies-list{contain:layout}@media print{.comment-section{break-inside:avoid}.comment-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.reaction-btn,.reply-btn,.delete-comment-btn,.toggle-replies-btn,.comment-actions,.comment-form{display:none}}.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}.comment-card[data-highlight=true]{animation:highlightComment 3s ease-out}@keyframes highlightComment{0%{background-color:#1da1f233;transform:scale(1.02)}50%{background-color:#1da1f21a}to{background-color:transparent;transform:scale(1)}}[data-theme=dark] .comment-card[data-highlight=true]{animation:highlightCommentDark 3s ease-out}@keyframes highlightCommentDark{0%{background-color:#0ea5e94d;transform:scale(1.02)}50%{background-color:#0ea5e933}to{background-color:transparent;transform:scale(1)}}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.comment-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#657786;font-size:.9rem;cursor:pointer;padding:.5rem;border-radius:20px;transition:all .2s ease}.comment-toggle:hover{background-color:#f7f9fa;color:#1da1f2}.comment-toggle.expanded{color:#1da1f2;font-weight:500}.toggle-icon{font-size:.8rem;transition:transform .2s ease}.comment-toggle.expanded .toggle-icon{transform:rotate(180deg)}.comment-sort{position:relative}.comment-sort select{background:#f7f9fa;border:1px solid #e1e8ed;border-radius:16px;padding:.4rem .8rem;font-size:.8rem;color:#657786;cursor:pointer;outline:none}.comment-sort select:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f21a}.comment-content{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-form{background:#f7f9fa;border-radius:16px;padding:1rem;margin-bottom:1rem}.comment-form.reply-form{background:#f0f8ff;border-left:3px solid #1da1f2;margin-top:.75rem;margin-left:2rem}.comment-input-container{display:flex;flex-direction:column;gap:.75rem}.comment-author{display:flex;align-items:center;gap:.5rem}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #e1e8ed}.comment-author-name{font-weight:500;color:#14171a;font-size:.9rem}.comment-textarea-container{position:relative}.comment-textarea{width:100%;border:1px solid #e1e8ed;border-radius:12px;padding:.75rem;font-family:inherit;font-size:.9rem;line-height:1.4;resize:vertical;min-height:60px;background:#fff;transition:border-color .2s ease}.comment-textarea:focus{outline:none;border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f21a}.comment-textarea::placeholder{color:#9ca3af}.char-counter{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#9ca3af;background:#ffffffe6;padding:.2rem .4rem;border-radius:4px}.char-counter.warning{color:#f59e0b}.char-counter.error{color:#ef4444;font-weight:500}.comment-tools{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;flex-wrap:wrap;gap:.5rem}.comment-options{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.anonymous-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.8rem}.anonymous-toggle input{display:none}.toggle-slider{width:32px;height:16px;background:#e1e8ed;border-radius:8px;position:relative;transition:background-color .2s ease}.toggle-slider:before{content:"";position:absolute;width:12px;height:12px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.anonymous-toggle input:checked+.toggle-slider{background:#1da1f2}.anonymous-toggle input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-text{color:#657786;font-weight:500}.emoji-picker-container{position:relative}.emoji-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .2s ease}.emoji-button:hover{background-color:#e1e8ed}.emoji-picker{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:.5rem;display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;box-shadow:0 4px 12px #0000001a;z-index:10}.emoji-option{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background-color .2s ease}.emoji-option:hover{background-color:#f7f9fa}.keyboard-tip{font-size:.75rem;color:#9ca3af;font-style:italic}.comment-actions{display:flex;gap:.5rem;align-items:center}.cancel-button,.submit-button{padding:.5rem 1rem;border-radius:20px;border:none;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem;font-size:.8rem}.cancel-button{background:#f7f9fa;color:#657786}.cancel-button:hover{background:#e1e8ed}.submit-button{background:#1da1f2;color:#fff}.submit-button:hover:not(:disabled){background:#1991da}.submit-button:disabled{background:#e1e8ed;color:#9ca3af;cursor:not-allowed}.comment-preview{margin-top:.5rem;padding:.5rem;background:#1da1f20d;border-radius:8px;border-left:3px solid #1da1f2}.comment-preview small{color:#657786}.comments-list{display:flex;flex-direction:column;gap:1rem}.loading-comments,.error-comments{display:flex;align-items:center;gap:.5rem;padding:1rem;justify-content:center;color:#657786}.error-comments button{background:#1da1f2;color:#fff;border:none;padding:.25rem .5rem;border-radius:16px;cursor:pointer;font-size:.8rem}.load-more-comments{background:#f7f9fa;border:1px solid #e1e8ed;color:#657786;padding:.75rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:.5rem}.load-more-comments:hover:not(:disabled){background:#e1e8ed;color:#14171a}.load-more-comments:disabled{cursor:not-allowed;opacity:.7}.empty-comments{text-align:center;padding:2rem;color:#9ca3af}.empty-icon{font-size:2rem;margin-bottom:.5rem}.login-required{text-align:center;padding:1.5rem;color:#9ca3af;background:#f7f9fa;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.comment-card{background:#fff;border-radius:12px;padding:1rem;border:1px solid #e1e8ed;transition:all .2s ease;position:relative}.comment-card:hover{box-shadow:0 2px 8px #0000000d}.comment-card.main-comment{margin-bottom:.5rem}.comment-card.reply-comment{margin-top:.75rem}.comment-card.level-0{border-left:4px solid #1da1f2;background:#fff}.comment-card.level-1{margin-left:2rem;border-left:3px solid #10b981;background:#fafbfc;border-radius:0 12px 12px 0}.comment-card.level-2{margin-left:1.5rem;border-left:3px solid #f59e0b;background:#f8f9fa;padding:.875rem}.comment-card.level-3{margin-left:1rem;border-left:2px solid #ef4444;background:#f6f7f8;padding:.75rem}.comment-card.level-4{margin-left:.75rem;border-left:2px solid #8b5cf6;background:#f5f6f7;padding:.625rem;border-radius:8px}.comment-card.level-5{margin-left:.5rem;border-left:1px solid #6b7280;background:#f4f5f6;padding:.5rem;border-radius:6px}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.comment-avatar{border-radius:50%;object-fit:cover;border:2px solid #e1e8ed;margin-right:.75rem;transition:all .2s ease}.comment-avatar.anonymous{border-color:#9ca3af;opacity:.8}.comment-author-info{flex:1}.comment-author-name{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#14171a;font-size:.9rem;margin-bottom:.1rem}.anonymous-badge{background:#9ca3af;color:#fff;font-size:.65rem;padding:.1rem .3rem;border-radius:6px;font-weight:500}.level-indicator{background:linear-gradient(135deg,#1da1f2,#0d8bd9);color:#fff;font-size:.6rem;padding:.1rem .25rem;border-radius:4px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.comment-time{color:#9ca3af;font-size:.75rem;margin-top:.1rem}.delete-comment-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;opacity:0;font-size:.8rem}.comment-card:hover .delete-comment-btn{opacity:1}.delete-comment-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.delete-comment-btn.deleting{opacity:1;cursor:not-allowed;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comment-content{margin-bottom:.75rem}.comment-content p{color:#14171a;line-height:1.4;margin:0;font-size:.9rem;word-wrap:break-word}.comment-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.comment-reactions{display:flex;gap:.25rem;flex-wrap:wrap}.reaction-btn{background:none;border:none;padding:.2rem .4rem;border-radius:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.2rem;font-size:.75rem;min-width:auto}.reaction-btn:hover:not(:disabled){background:#f7f9fa;transform:scale(1.05)}.reaction-btn.reacted{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.reaction-btn:disabled{cursor:not-allowed;opacity:.5}.reaction-emoji{font-size:.9rem}.reaction-count{font-weight:500;min-width:12px;text-align:center;font-size:.7rem}.reply-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.2rem .4rem;border-radius:14px;transition:all .2s ease;display:flex;align-items:center;gap:.2rem;font-size:.75rem}.reply-btn:hover{background:#f7f9fa;color:#1da1f2;transform:scale(1.05)}.reply-btn.active{color:#1da1f2;background:#e3f2fd;border:1px solid #bbdefb}.max-depth-indicator{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#92400e;font-size:.65rem;padding:.15rem .3rem;border-radius:10px;font-weight:600;border:1px solid #f59e0b;text-shadow:0 1px 1px rgba(255,255,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.reply-form-container{margin-top:.75rem;animation:slideDown .2s ease-out}.comment-replies{margin-top:.75rem}.replies-header{margin-bottom:.5rem}.toggle-replies-btn{background:none;border:none;color:#657786;cursor:pointer;padding:.25rem .5rem;border-radius:14px;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;font-size:.75rem}.toggle-replies-btn:hover{background:#f7f9fa;color:#1da1f2;transform:scale(1.02)}.replies-list{animation:slideDown .3s ease-out}.load-more-replies-btn{background:#f7f9fa;border:1px solid #e1e8ed;color:#657786;padding:.4rem .6rem;border-radius:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;margin-top:.5rem;margin-left:1rem;font-size:.75rem}.load-more-replies-btn:hover{background:#e1e8ed;color:#14171a;transform:translateY(-1px)}.replies-preview{margin-top:.5rem;margin-left:1rem}.replies-preview-btn{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:14px;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.replies-preview-btn:hover{background:#f7f9fa;transform:scale(1.02)}.replies-avatars{display:flex;margin-right:.4rem}.reply-avatar-mini{border-radius:50%;border:2px solid white;margin-left:-6px;position:relative;transition:transform .2s ease}.reply-avatar-mini:hover{transform:scale(1.1);z-index:10}.replies-preview-text{color:#657786;font-size:.75rem;font-weight:500}.nested-indicator{color:#9ca3af;font-size:.7rem;font-style:italic;font-weight:400}@media (max-width: 768px){.comment-form.reply-form,.comment-card.level-1{margin-left:1rem}.comment-card.level-2{margin-left:.75rem}.comment-card.level-3{margin-left:.5rem}.comment-card.level-4,.comment-card.level-5{margin-left:.25rem}.replies-preview,.load-more-replies-btn{margin-left:.5rem}.comment-tools{flex-direction:column;align-items:stretch;gap:.75rem}.comment-actions,.comment-options{justify-content:center}}@media (max-width: 480px){.comment-form,.comment-card{padding:.75rem}.comment-card.level-2,.comment-card.level-3,.comment-card.level-4,.comment-card.level-5{padding:.5rem}.comment-reactions{flex-wrap:wrap;gap:.2rem}.reaction-btn,.reply-btn{font-size:.7rem;padding:.15rem .3rem}.emoji-picker{grid-template-columns:repeat(4,1fr)}.comment-author-name{font-size:.8rem}.comment-time{font-size:.7rem}.level-indicator{font-size:.55rem;padding:.05rem .2rem}}@keyframes levelHighlight{0%{background-color:#1da1f21a;transform:scale(1)}50%{background-color:#1da1f233;transform:scale(1.02)}to{background-color:transparent;transform:scale(1)}}.comment-card.new-reply{animation:levelHighlight 2s ease-out}.comment-card{animation:fadeInUp .3s ease-out}.comment-card.level-0:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#1da1f2,#0d8bd9);border-radius:0 2px 2px 0}.comment-card.level-1:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#10b981,#047857);border-radius:0 2px 2px 0}.comment-card.level-2:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:0 2px 2px 0}.comment-card.level-3:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ef4444,#dc2626);border-radius:0 2px 2px 0}.comment-card.level-4:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-radius:0 2px 2px 0}.comment-card.level-5:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#6b7280,#4b5563);border-radius:0 1px 1px 0}.feed-container.lamentos-theme{font-family:var(--font-family);background:var(--gradient-bg-primary);min-height:100vh;padding:20px;position:relative;color:var(--gray-800)}.feed-container.lamentos-theme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--lamentos-border) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--chismes-border) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--circulos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.3}.feed-container.lamentos-theme>*{position:relative;z-index:1}.floor-intro.lamentos-intro{text-align:center;margin-bottom:40px;padding:40px;background:var(--white);border-radius:24px;box-shadow:var(--shadow-card);border:1px solid var(--lamentos-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.lamentos-intro-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--lamentos-gradient);border-radius:20px;box-shadow:var(--shadow-rose);margin-bottom:24px;transition:var(--transition-bounce)}.lamentos-intro-icon:hover{transform:scale(1.05) rotate(5deg)}.lamentos-intro-icon i{font-size:2.5rem;color:var(--white)}.lamentos-title{font-family:var(--font-family-heading);font-size:2.5rem;font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:12px;letter-spacing:-1px}.lamentos-subtitle{font-family:var(--font-family);font-size:1.1rem;color:var(--gray-600);margin-bottom:24px;font-weight:var(--font-normal)}.wellness-banner{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.wellness-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--lamentos-bg);border:1px solid var(--lamentos-border);border-radius:50px;color:var(--lamentos-primary);font-weight:var(--font-semibold);font-size:.9rem;transition:var(--transition-normal)}.wellness-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.lamentos-welcome-message{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--lamentos-border);text-align:center}.lamentos-welcome-title{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--lamentos-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}.lamentos-welcome-text{color:var(--gray-600);line-height:1.7;font-size:1.1rem;font-weight:var(--font-medium)}.lamentos-quick-support{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200)}.lamentos-support-title{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.lamentos-support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.lamentos-support-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden}.lamentos-support-card: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 .6s ease}.lamentos-support-card:hover:before{left:100%}.lamentos-support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-rose);border-color:var(--lamentos-primary);background:var(--lamentos-bg)}.lamentos-support-icon{width:64px;height:64px;border-radius:16px;background:var(--lamentos-gradient);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 16px;box-shadow:var(--shadow-rose);transition:var(--transition-bounce)}.lamentos-support-card:hover .lamentos-support-icon{transform:scale(1.1) rotate(10deg);box-shadow:var(--shadow-card-hover)}.lamentos-support-card-title{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:8px}.lamentos-support-card-text{color:var(--gray-600);font-size:.95rem;line-height:1.6;font-weight:var(--font-medium)}.lamentos-posts-container{margin:32px 0}.lamentos-posts-container h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;text-align:center}.lamentos-posts-container .post-card{border:1px solid var(--lamentos-border);background:var(--white);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);transition:var(--transition-normal);position:relative;margin-bottom:24px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}.lamentos-posts-container .post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--lamentos-gradient);border-radius:20px 20px 0 0}.lamentos-posts-container .post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-rose);border-color:var(--lamentos-primary)}.lamentos-crisis-line{background:linear-gradient(135deg,var(--error-light) 0%,var(--white) 50%,var(--error-light) 100%);border:2px solid var(--error);border-radius:16px;padding:24px;text-align:center;margin:32px 0;position:relative;box-shadow:var(--shadow-card)}.lamentos-crisis-title{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-bold);color:var(--error);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.lamentos-crisis-text{color:var(--gray-600);margin-bottom:20px;font-size:1rem;font-weight:var(--font-medium);line-height:1.6}.lamentos-crisis-btn{background:var(--gradient-rose);color:var(--white);border:none;padding:12px 24px;border-radius:12px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:8px;font-size:1rem;box-shadow:var(--shadow-rose)}.lamentos-crisis-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card-hover)}.lamentos-footer{background:var(--white);border-radius:20px;padding:40px;margin-top:32px;box-shadow:var(--shadow-card);border:1px solid var(--lamentos-border);text-align:center}.lamentos-support-message-title{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--lamentos-primary);margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px}.lamentos-support-message-text{color:var(--gray-600);line-height:1.7;margin-bottom:24px;font-size:1.1rem;font-weight:var(--font-medium)}.lamentos-support-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.lamentos-support-btn{padding:12px 24px;border-radius:12px;border:none;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:8px;font-size:.95rem;box-shadow:var(--shadow-sm)}.lamentos-support-btn-primary{background:var(--lamentos-gradient);color:var(--white)}.lamentos-support-btn-secondary{background:var(--gradient-sage);color:var(--white)}.lamentos-support-btn-tertiary{background:var(--gradient-peach);color:var(--white)}.lamentos-support-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg)}.wellness-tools{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200)}.wellness-tools h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;text-align:center}.wellness-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.wellness-tool-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:24px;text-align:center;transition:var(--transition-bounce);position:relative;overflow:hidden}.wellness-tool-card: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 ease}.wellness-tool-card:hover:before{left:100%}.wellness-tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--lamentos-primary)}.wellness-tool-card i{font-size:2.5rem;color:var(--lamentos-primary);margin-bottom:16px;transition:var(--transition-bounce)}.wellness-tool-card:hover i{transform:scale(1.1) rotate(5deg)}.wellness-tool-card h4{font-family:var(--font-family-heading);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:12px}.wellness-tool-card p{color:var(--gray-600);margin-bottom:20px;line-height:1.5}.wellness-tool-card button{padding:10px 20px;background:var(--lamentos-gradient);color:var(--white);border:none;border-radius:8px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm)}.wellness-tool-card button:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-rose)}@media (max-width: 768px){.feed-container.lamentos-theme{padding:16px}.floor-intro.lamentos-intro{padding:24px}.lamentos-title{font-size:2rem}.wellness-banner{flex-direction:column;align-items:center}.lamentos-support-grid,.wellness-tools-grid{grid-template-columns:1fr}.lamentos-support-actions{flex-direction:column;align-items:center}.lamentos-support-btn{justify-content:center;width:100%;max-width:280px}.action-buttons{gap:12px}.action-btn{padding:10px 16px;min-width:80px}}.lamentos-support-card,.wellness-tool-card{animation:fadeInUp .6s ease forwards}.lamentos-support-card:nth-child(1){animation-delay:.1s}.lamentos-support-card:nth-child(2){animation-delay:.2s}.lamentos-support-card:nth-child(3){animation-delay:.3s}.lamentos-support-card:nth-child(4){animation-delay:.4s}.chismes-theme{background:var(--gradient-bg-primary);min-height:100vh;position:relative;overflow:hidden;color:var(--gray-800)}.chismes-theme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,var(--chismes-border) 0%,transparent 50%),radial-gradient(circle at 85% 75%,var(--lamentos-border) 0%,transparent 50%),radial-gradient(circle at 50% 10%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 30% 80%,var(--insights-border) 0%,transparent 50%);pointer-events:none;z-index:0;animation:floating-orbs 20s ease-in-out infinite;opacity:.4}@keyframes floating-orbs{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}.chismes-theme>*{position:relative;z-index:1}.hot-news-section{background:var(--white);border:1px solid var(--chismes-border);border-radius:28px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hot-news-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--chismes-border),transparent,var(--lamentos-border),transparent);animation:news-rotate 25s linear infinite;pointer-events:none;opacity:.3}@keyframes news-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hot-news-section h3{color:var(--gray-900);font-size:28px;font-weight:var(--font-extrabold);margin-bottom:24px;display:flex;align-items:center;gap:12px;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.1);background:var(--chismes-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.hot-news-section h3:before{content:"🔥";font-size:32px;animation:fire-flicker 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}@keyframes fire-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.1) rotate(2deg)}}.hot-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;position:relative;z-index:2}.hot-news-card{background:var(--white);border:2px solid var(--gray-200);border-radius:20px;padding:24px;position:relative;transition:var(--transition-bounce);overflow:hidden;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);cursor:pointer;box-shadow:var(--shadow-sm)}.hot-news-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--chismes-gradient);background-size:200% 100%;animation:news-gradient 3s ease-in-out infinite}@keyframes news-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hot-news-card.breaking:before{background:linear-gradient(90deg,var(--error),#ff6b6b,var(--error));background-size:200% 100%;animation:breaking-pulse 1s ease-in-out infinite;height:6px}@keyframes breaking-pulse{0%,to{background-position:0% 50%;box-shadow:0 0 20px #ef444499}50%{background-position:100% 50%;box-shadow:0 0 30px #ef4444cc}}.hot-news-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.hot-news-card:hover:after{left:100%}.hot-news-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--chismes-primary)}.breaking-badge{position:absolute;top:16px;right:16px;background:var(--gradient-rose);color:var(--white);padding:8px 16px;border-radius:20px;font-size:11px;font-weight:var(--font-extrabold);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-rose);animation:breaking-flash 2s ease-in-out infinite;z-index:10}@keyframes breaking-flash{0%,to{opacity:1;transform:scale(1);box-shadow:var(--shadow-rose)}50%{opacity:.8;transform:scale(1.05);box-shadow:var(--shadow-card-hover)}}.breaking-badge i{animation:lightning 1.5s ease-in-out infinite}@keyframes lightning{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.hot-news-card h4{font-size:18px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:12px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1);padding-right:80px;font-family:var(--font-family-heading)}.hot-news-card p{font-size:15px;color:var(--gray-600);line-height:1.6;margin-bottom:20px;font-weight:var(--font-medium)}.news-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-200)}.news-time{font-size:13px;color:var(--gray-500);font-weight:var(--font-semibold)}.news-actions{display:flex;gap:8px}.news-reaction-btn,.news-share-btn{background:var(--white);border:2px solid var(--gray-200);border-radius:25px;padding:8px 16px;cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--font-semibold);color:var(--gray-600);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.news-reaction-btn:before,.news-share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .4s ease}.news-reaction-btn:hover:before,.news-share-btn:hover:before{left:100%}.news-reaction-btn:hover{transform:translateY(-2px) scale(1.05);border-color:var(--error);color:var(--error);background:var(--error-light);box-shadow:var(--shadow-rose)}.news-share-btn:hover{transform:translateY(-2px) scale(1.05);border-color:var(--circulos-primary);color:var(--circulos-primary);background:var(--circulos-bg);box-shadow:var(--shadow-sage)}.trending-topics{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;padding:28px;margin-bottom:28px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.trending-topics:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,var(--chismes-border) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,var(--lamentos-border) 50%,transparent 70%);animation:trending-shimmer 4s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes trending-shimmer{0%,to{opacity:.1}50%{opacity:.3}}.trending-topics h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-extrabold);margin-bottom:20px;position:relative;z-index:2;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1);font-family:var(--font-family-heading)}.trending-topics h3:before{content:"📈";font-size:28px;animation:chart-grow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}@keyframes chart-grow{0%,to{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}}.trending-list{display:flex;flex-direction:column;gap:12px;position:relative;z-index:2}.trending-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:16px;cursor:pointer;transition:var(--transition-bounce);border:2px solid var(--gray-200);background:var(--white);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.trending-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.trending-item:hover:before{left:100%}.trending-item:hover{transform:translate(8px) translateY(-2px);background:var(--gray-50);border-color:var(--chismes-primary);box-shadow:var(--shadow-card)}.trending-item.hot{background:var(--chismes-bg);border-color:var(--chismes-primary);animation:hot-pulse 3s ease-in-out infinite;position:relative}@keyframes hot-pulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.trending-item.hot:after{content:"🔥";position:absolute;top:8px;right:8px;font-size:16px;animation:fire-dance 2s ease-in-out infinite}@keyframes fire-dance{0%,to{transform:rotate(-5deg) scale(1)}25%{transform:rotate(5deg) scale(1.1)}75%{transform:rotate(-3deg) scale(1.05)}}.trending-content{display:flex;justify-content:space-between;align-items:center;width:100%}.hashtag{font-weight:var(--font-bold);color:var(--chismes-primary);font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.1);background:var(--chismes-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.count{font-size:13px;color:var(--gray-500);font-weight:var(--font-semibold);background:var(--white);padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-xs)}.trending-indicator{color:var(--error);font-size:14px;margin-left:12px;animation:trending-arrow 1.5s ease-in-out infinite}@keyframes trending-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.chisme-post-wrapper{position:relative;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.hot-post-badge{position:absolute;top:-10px;right:20px;background:var(--gradient-rose);color:var(--white);padding:6px 16px;border-radius:20px;font-size:11px;font-weight:var(--font-extrabold);z-index:10;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-rose);animation:hot-bounce 2s ease-in-out infinite}@keyframes hot-bounce{0%,20%,50%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-6px) scale(1.05)}60%{transform:translateY(-3px) scale(1.02)}}.hot-post-badge:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient-rose);border-radius:22px;z-index:-1;animation:hot-glow 1.5s ease-in-out infinite}@keyframes hot-glow{0%,to{opacity:.6}50%{opacity:1}}.chismes-disclaimer{background:linear-gradient(135deg,var(--warning-light) 0%,var(--white) 50%,var(--warning-light) 100%);border:3px solid var(--warning);border-radius:24px;padding:32px;margin-top:40px;position:relative;overflow:hidden;box-shadow:var(--shadow-card)}.chismes-disclaimer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--warning-border) 10px,var(--warning-border) 20px);animation:warning-stripes 10s linear infinite;pointer-events:none;opacity:.1}@keyframes warning-stripes{0%{transform:translate(0)}to{transform:translate(20px)}}.disclaimer-content{position:relative;z-index:2}.disclaimer-content h4{color:var(--warning);font-size:22px;font-weight:var(--font-extrabold);margin-bottom:16px;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(251,191,36,.3);font-family:var(--font-family-heading)}.disclaimer-content h4:before{content:"⚠️";font-size:28px;animation:warning-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}@keyframes warning-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}}.disclaimer-content p{color:var(--gray-700);line-height:1.7;margin-bottom:24px;font-size:16px;font-weight:var(--font-medium)}.disclaimer-actions{display:flex;gap:16px;flex-wrap:wrap}.disclaimer-btn{background:var(--gradient-sage);color:var(--white);border:none;padding:14px 28px;border-radius:25px;font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:10px;font-size:14px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sage);position:relative;overflow:hidden;font-family:var(--font-family)}.disclaimer-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 .6s ease}.disclaimer-btn:hover:before{left:100%}.disclaimer-btn.report{background:var(--gradient-peach);box-shadow:var(--shadow-peach)}.disclaimer-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}.chismes-theme .floor-intro,.chismes-theme .hot-news-section,.chismes-theme .trending-topics,.chismes-theme .chisme-post-wrapper{animation:gossip-fadeIn .8s ease-out forwards}.chismes-theme .hot-news-section{animation-delay:.1s}.chismes-theme .trending-topics{animation-delay:.2s}.chismes-theme .chisme-post-wrapper:nth-child(1){animation-delay:.3s}.chismes-theme .chisme-post-wrapper:nth-child(2){animation-delay:.4s}@keyframes gossip-fadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.hot-news-grid{grid-template-columns:1fr;gap:16px}.hot-news-card h4{padding-right:60px;font-size:16px}.breaking-badge{padding:6px 12px;font-size:10px}.trending-item{padding:12px 16px}.trending-item:hover{transform:translate(4px) translateY(-1px)}.disclaimer-actions{flex-direction:column}.disclaimer-btn{justify-content:center}.action-buttons{gap:12px}.action-btn{padding:10px 16px;min-width:80px}}.post-header{display:flex;align-items:center;position:relative;padding:1rem;border-bottom:1px solid var(--gray-200)}.post-author-info{flex:1;margin-left:.75rem}.post-actions-menu{position:absolute!important;top:12px!important;right:12px!important;display:flex!important;gap:8px!important;opacity:1!important;z-index:100!important}.delete-post-btn{background:#dc3545!important;color:#fff!important;border:2px solid #dc3545!important;width:40px!important;height:40px!important;padding:.6rem!important;border-radius:8px!important;box-shadow:0 4px 12px #dc354580!important;transition:all .2s ease!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;z-index:100!important;min-width:unset!important;font-size:1rem!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.delete-post-btn:hover{background:#c82333!important;border-color:#c82333!important;transform:scale(1.1)!important;box-shadow:0 6px 20px #dc354599!important;color:#fff!important}.delete-post-btn:active{transform:scale(.95)!important;box-shadow:0 2px 8px #dc3545b3!important}.delete-post-btn i{font-size:1.1rem!important;color:#fff!important}.delete-post-btn.deleting{background:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed!important;animation:pulseDelete 1s infinite!important}@keyframes pulseDelete{0%{background:#6c757d;transform:scale(1)}50%{background:#5a6268;transform:scale(1.05)}to{background:#6c757d;transform:scale(1)}}[data-theme=dark] .delete-post-btn{background:#f56565!important;border-color:#f56565!important}[data-theme=dark] .delete-post-btn:hover{background:#e53e3e!important;border-color:#e53e3e!important}@media (max-width: 768px){.delete-post-btn{width:36px!important;height:36px!important;padding:.5rem!important}.delete-post-btn i{font-size:1rem!important}}@media (max-width: 480px){.delete-post-btn{width:32px!important;height:32px!important;padding:.4rem!important}.delete-post-btn i{font-size:.9rem!important}}.delete-post-btn:before{content:"Eliminar"!important;position:absolute!important;top:-35px!important;left:50%!important;transform:translate(-50%)!important;background:#2c3e50!important;color:#fff!important;padding:.4rem .6rem!important;border-radius:6px!important;font-size:.75rem!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important;z-index:1000!important;box-shadow:0 2px 8px #0003!important}.delete-post-btn:hover:before{opacity:1!important}.delete-post-btn:focus{outline:2px solid #dc3545!important;outline-offset:2px!important}.circulos-theme{background:var(--gradient-bg-primary);min-height:100vh;position:relative;overflow:hidden;color:var(--gray-800)}.circulos-theme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--lamentos-border) 0%,transparent 50%),radial-gradient(circle at 50% 10%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 10% 80%,var(--retos-border) 0%,transparent 50%);pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite;opacity:.3}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(120deg)}66%{transform:translateY(4px) rotate(240deg)}}.circulos-theme>*{position:relative;z-index:1}.circulos-support-circles{background:var(--white);border:1px solid var(--circulos-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.circulos-support-circles:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:conic-gradient(from 0deg,transparent,var(--circulos-border),transparent,var(--lamentos-border),transparent);animation:prismRotate 30s linear infinite;pointer-events:none;opacity:.2}@keyframes prismRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.circulos-section-title{color:var(--gray-900);font-size:32px;font-weight:var(--font-extrabold);margin-bottom:var(--space-xl);text-align:center;position:relative;z-index:2;text-shadow:0 2px 4px rgba(143,185,150,.3);background:var(--circulos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.circulos-section-title:before{content:"🌿";margin-right:var(--space-md);font-size:36px;animation:swing 3s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(34,197,94,.6))}@keyframes swing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.circulos-circles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);position:relative;z-index:2}.circulos-circle-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;overflow:hidden;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm)}.circulos-circle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--circulos-gradient);opacity:0;transition:var(--transition-normal)}.circulos-circle-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .8s ease}.circulos-circle-card:hover:before{opacity:1;height:6px;background:var(--gradient-sage);background-size:200% 100%;animation:rainbowGradient 2s ease-in-out infinite}@keyframes rainbowGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.circulos-circle-card:hover:after{left:100%}.circulos-circle-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--circulos-primary)}.circulos-circle-card.joined{background:var(--circulos-bg);border-color:var(--circulos-primary);box-shadow:var(--shadow-sage)}.circulos-circle-card.joined:before{opacity:1;height:6px;background:var(--circulos-gradient)}.circulos-joined-badge{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--gradient-success);color:var(--white);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-extrabold);display:flex;align-items:center;gap:var(--space-xs);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sage);animation:scaleInBounce .6s ease-out;z-index:10}@keyframes scaleInBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.circulos-circle-icon{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--white);margin-bottom:var(--space-lg);box-shadow:var(--shadow-lg);transition:var(--transition-bounce);position:relative;background:var(--circulos-gradient)}.circulos-circle-icon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-md);background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);opacity:0;transition:var(--transition-normal)}.circulos-circle-card:hover .circulos-circle-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-card-hover)}.circulos-circle-card:hover .circulos-circle-icon:after{opacity:1;animation:shimmer 1.5s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.circulos-circle-title{font-size:20px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-sm);text-shadow:0 1px 2px rgba(0,0,0,.1);font-family:var(--font-family-heading)}.circulos-circle-description{font-size:15px;color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-lg);font-weight:var(--font-medium)}.circulos-circle-benefits{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.circulos-benefit-tag{background:var(--circulos-bg);color:var(--circulos-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-semibold);border:1px solid var(--circulos-border);transition:var(--transition-normal);box-shadow:var(--shadow-xs)}.circulos-benefit-tag:hover{background:var(--circulos-primary);color:var(--white);transform:scale(1.05);box-shadow:var(--shadow-sm)}.circulos-circle-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--gray-200)}.circulos-circle-stats span{font-size:13px;font-weight:var(--font-semibold);color:var(--gray-700)}.circulos-status-active{color:var(--success)!important;display:flex;align-items:center;gap:var(--space-xs)}.circulos-status-active:before{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--success);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.circulos-join-btn{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-full);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:15px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;font-family:var(--font-family-heading);box-shadow:var(--shadow-sm)}.circulos-join-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 .6s ease}.circulos-join-btn:hover:before{left:100%}.circulos-join-btn:not(.joined){background:var(--circulos-gradient);color:var(--white);box-shadow:var(--shadow-sage)}.circulos-join-btn:not(.joined):hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card-hover)}.circulos-join-btn.joined{background:var(--gradient-success);color:var(--white);box-shadow:var(--shadow-sage);cursor:default}.circulos-join-btn.joined:hover{transform:none}.circulos-success-stories{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-2xl);margin:var(--space-2xl) 0;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.circulos-success-stories:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,var(--circulos-border) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--lamentos-border) 50%,transparent 60%);animation:shimmer 6s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes shimmer{0%,to{opacity:.1}50%{opacity:.3}}.circulos-success-title{color:var(--gray-900);font-size:28px;font-weight:var(--font-extrabold);margin-bottom:var(--space-xl);text-align:center;position:relative;z-index:2;text-shadow:0 2px 4px rgba(143,185,150,.3);font-family:var(--font-family-heading)}.circulos-success-title:before{content:"✨";margin-right:var(--space-md);font-size:32px;animation:twinkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}@keyframes twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.circulos-success-stories .post-card{position:relative;z-index:2;background:var(--white);border:2px solid var(--circulos-border);transition:var(--transition-bounce);margin-bottom:var(--space-lg);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.circulos-success-stories .post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-success);border-radius:var(--radius-md) var(--radius-md) 0 0}.circulos-success-stories .post-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-sage);border-color:var(--circulos-primary)}.circulos-support-resources{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-2xl);margin-top:var(--space-2xl);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.circulos-resources-title{color:var(--gray-900);font-size:24px;font-weight:var(--font-extrabold);margin-bottom:var(--space-xl);text-align:center;font-family:var(--font-family-heading);text-shadow:0 1px 2px rgba(0,0,0,.1)}.circulos-resources-title:before{content:"📚";margin-right:var(--space-md);font-size:28px;animation:float 3s ease-in-out infinite}.circulos-resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.circulos-resource-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.circulos-resource-card: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 ease}.circulos-resource-card:hover:before{left:100%}.circulos-resource-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-sage);border-color:var(--circulos-primary)}.circulos-resource-card i{font-size:36px;color:var(--circulos-primary);margin-bottom:var(--space-md);transition:var(--transition-bounce)}.circulos-resource-card:hover i{transform:scale(1.2) rotate(10deg);color:var(--circulos-secondary)}.circulos-resource-card h4{font-size:18px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-sm);font-family:var(--font-family-heading)}.circulos-resource-card p{font-size:14px;color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-md)}.circulos-resource-card button{background:var(--circulos-gradient);color:var(--white);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);font-size:13px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.circulos-resource-card button:hover{transform:scale(1.05);box-shadow:var(--shadow-sage)}.circulos-theme .floor-intro,.circulos-theme .circulos-support-circles,.circulos-theme .circulos-success-stories,.circulos-theme .circulos-support-resources{animation:fadeInUp .8s ease-out forwards}.circulos-theme .circulos-support-circles{animation-delay:.1s}.circulos-theme .circulos-success-stories{animation-delay:.2s}.circulos-theme .circulos-support-resources{animation-delay:.3s}.circulos-circle-card:nth-child(1){animation:fadeInUp .6s ease-out .1s forwards;opacity:0}.circulos-circle-card:nth-child(2){animation:fadeInUp .6s ease-out .2s forwards;opacity:0}.circulos-circle-card:nth-child(3){animation:fadeInUp .6s ease-out .3s forwards;opacity:0}.circulos-circle-card:nth-child(4){animation:fadeInUp .6s ease-out .4s forwards;opacity:0}.circulos-circle-card:nth-child(5){animation:fadeInUp .6s ease-out .5s forwards;opacity:0}.circulos-circle-card:nth-child(6){animation:fadeInUp .6s ease-out .6s forwards;opacity:0}@media (max-width: 768px){.circulos-circles-grid{grid-template-columns:1fr;gap:var(--space-lg)}.circulos-circle-card{padding:var(--space-lg)}.circulos-circle-icon{width:56px;height:56px;font-size:24px}.circulos-resources-grid{grid-template-columns:1fr;gap:var(--space-md)}.circulos-section-title,.circulos-success-title{font-size:24px}.circulos-resources-title{font-size:20px}.circulos-benefit-tag{font-size:11px}.action-buttons{gap:12px}.action-btn{padding:10px 16px;min-width:80px}}.evidence-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000d9!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:20px!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);visibility:visible!important;opacity:1!important}.evidence-modal{background:#fff!important;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0006;animation:modalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.2);position:relative!important;z-index:1000000!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.evidence-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.evidence-header h3{margin:0;font-size:1.4rem;font-weight:600;position:relative;z-index:1}.close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;position:relative;z-index:1}.close-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.challenge-info{padding:20px;background:linear-gradient(135deg,#f8f9ff,#e9ecff);border-left:4px solid #667eea;margin:0;position:relative}.challenge-info h4{margin:0 0 8px;color:#333;font-size:1.1rem;font-weight:600}.challenge-info p{margin:0;color:#666;font-size:.9rem;line-height:1.4}.evidence-content{padding:20px}.capture-step{display:flex;flex-direction:column;gap:24px}.camera-section,.location-section{border:1px solid #e1e5e9;border-radius:12px;padding:20px;background:#fafafa}.camera-section h5,.location-section h5{margin:0 0 16px;color:#333;font-size:1.1rem;display:flex;align-items:center;gap:8px}.camera-preview{position:relative;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:16/9;max-height:300px}.video-preview{width:100%;height:100%;object-fit:cover}.camera-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.capture-btn{width:70px;height:70px;border-radius:50%;background:#fff;border:4px solid #667eea;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#667eea;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.capture-btn:hover{transform:scale(1.05);background:#667eea;color:#fff}.capture-btn:disabled{opacity:.7;cursor:not-allowed}.error-state,.loading-camera{text-align:center;padding:40px 20px;color:#666}.error-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}.retry-btn,.upload-btn{padding:10px 20px;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.retry-btn:hover,.upload-btn:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.upload-section{margin-top:20px;padding:20px;border:2px dashed #ccc;border-radius:12px;text-align:center;background:#fff}.upload-section h5{margin:0 0 12px;color:#666}.location-success{color:#28a745;display:flex;flex-direction:column;gap:4px}.location-success small{color:#666;font-family:monospace}.location-error{color:#dc3545;display:flex;flex-direction:column;gap:12px}.location-loading{color:#666;display:flex;align-items:center;gap:12px}.preview-step{display:flex;flex-direction:column;gap:24px}.preview-step h5{margin:0;color:#333;font-size:1.2rem;text-align:center}.image-preview{border-radius:12px;overflow:hidden;max-height:400px;display:flex;justify-content:center;background:#f5f5f5}.image-preview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.notes-section{display:flex;flex-direction:column;gap:8px}.notes-section label{font-weight:500;color:#333}.notes-section textarea{min-height:80px;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s ease}.notes-section textarea:focus{outline:none;border-color:#667eea}.notes-section small{color:#666;text-align:right}.preview-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.submit-btn{padding:12px 24px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:160px;justify-content:center}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.status-indicators{display:flex;justify-content:center;gap:20px;padding:20px;background:#f8f9fa;border-top:1px solid #eee;border-radius:0 0 16px 16px}.status-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;transition:all .2s ease}.status-item i{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ddd;background:#fff;color:#999;transition:all .3s ease}.status-item.success i{background:#28a745;border-color:#28a745;color:#fff;animation:statusSuccess .5s ease}.status-item.error i{background:#dc3545;border-color:#dc3545;color:#fff}.status-item.pending i{border-color:#ffc107;animation:statusPending 1.5s ease-in-out infinite}@keyframes statusSuccess{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes statusPending{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.evidence-modal-overlay{padding:10px!important}.evidence-modal{max-height:95vh}.evidence-content,.camera-section,.location-section{padding:16px}.error-actions,.preview-actions{flex-direction:column;align-items:center}.status-indicators{gap:12px}.capture-btn{width:60px;height:60px;font-size:20px}}.evidence-modal-overlay[data-debug=true]{background:red!important;opacity:1!important;z-index:999999!important}.evidence-modal-overlay[data-debug=true] .evidence-modal{background:#ff0!important;border:5px solid blue!important}.retos-theme{background:var(--gradient-bg-primary);min-height:100vh;position:relative;overflow:hidden;color:var(--gray-800)}.retos-theme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--retos-border) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--warning-light) 0%,transparent 50%),radial-gradient(circle at 50% 10%,var(--circulos-border) 0%,transparent 50%),radial-gradient(circle at 30% 80%,var(--insights-border) 0%,transparent 50%);pointer-events:none;z-index:0;animation:floating-achievement-orbs 22s ease-in-out infinite;opacity:.3}@keyframes floating-achievement-orbs{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(120deg)}66%{transform:translateY(8px) rotate(240deg)}}.retos-theme>*{position:relative;z-index:1}.daily-challenges{background:var(--white);border:1px solid var(--retos-border);border-radius:32px;padding:36px;margin-bottom:36px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.daily-challenges:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 45deg,transparent,var(--retos-border),transparent,var(--warning-light),transparent,var(--circulos-border),transparent);animation:achievement-rotate 30s linear infinite;pointer-events:none;opacity:.2}@keyframes achievement-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daily-challenges h3{color:var(--gray-900);font-size:32px;font-weight:var(--font-extrabold);margin-bottom:28px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative;z-index:2;text-shadow:0 2px 4px rgba(234,88,12,.3);background:var(--retos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.daily-challenges h3:before{content:"🎯";font-size:36px;animation:target-spin 3s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(251,191,36,.8))}@keyframes target-spin{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(1.05) rotate(270deg)}}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;position:relative;z-index:2}.challenge-card{background:var(--white);border:2px solid var(--gray-200);border-radius:24px;padding:28px;position:relative;transition:var(--transition-bounce);overflow:hidden;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);cursor:pointer;box-shadow:var(--shadow-sm)}.challenge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--retos-gradient);background-size:200% 100%;animation:challenge-gradient 3s ease-in-out infinite;border-radius:24px 24px 0 0}@keyframes challenge-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.challenge-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);transition:left .7s ease}.challenge-card:hover:after{left:100%}.challenge-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-card-hover);border-color:var(--retos-primary)}.challenge-card.completed{background:var(--success-light);border-color:var(--success);animation:completed-glow 3s ease-in-out infinite}@keyframes completed-glow{0%,to{box-shadow:var(--shadow-sage)}50%{box-shadow:var(--shadow-card-hover)}}.challenge-card.completed:before{background:var(--gradient-success);background-size:200% 100%;animation:success-gradient 2s ease-in-out infinite}@keyframes success-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.challenge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.challenge-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--white);box-shadow:var(--shadow-lg);transition:var(--transition-bounce);position:relative;overflow:hidden;border:2px solid var(--gray-200)}.challenge-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);opacity:0;transition:var(--transition-normal)}.challenge-card:hover .challenge-icon{transform:scale(1.15) rotate(15deg);box-shadow:var(--shadow-card-hover);border-color:var(--retos-primary)}.challenge-card:hover .challenge-icon:before{opacity:1;animation:icon-shimmer 1.5s ease-in-out}@keyframes icon-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.challenge-difficulty{display:flex;align-items:center}.difficulty-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;border:2px solid var(--gray-200);background:var(--white);color:var(--gray-700)}.difficulty-badge: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 ease}.challenge-card:hover .difficulty-badge:before{left:100%}.challenge-card h4{font-size:22px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:12px;text-shadow:0 1px 2px rgba(0,0,0,.1);font-family:var(--font-family-heading)}.challenge-card p{font-size:16px;color:var(--gray-600);line-height:1.6;margin-bottom:20px;font-weight:var(--font-medium)}.challenge-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200)}.challenge-meta span{font-size:14px;font-weight:var(--font-semibold);color:var(--gray-700);display:flex;align-items:center;gap:8px}.time-estimate{color:var(--gray-600)}.points-reward{color:var(--retos-primary);background:var(--retos-bg);padding:6px 12px;border-radius:12px;border:1px solid var(--retos-border)}.progress-container{margin-bottom:20px}.progress-bar{width:100%;height:14px;background:var(--gray-100);border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;border-radius:20px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.progress-fill:not(.completed){background:var(--retos-gradient);animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:.8}50%{opacity:1}}.progress-fill.completed{background:var(--gradient-success);animation:completed-shine 2s ease-in-out infinite}@keyframes completed-shine{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progress-shimmer 2.5s infinite}.progress-text{font-size:14px;font-weight:var(--font-semibold);color:var(--gray-600);margin-top:8px;text-align:center}.challenge-btn{width:100%;padding:16px 24px;border:none;border-radius:20px;font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;font-family:var(--font-family-heading);box-shadow:var(--shadow-sm)}.challenge-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 .6s ease}.challenge-btn:hover:before{left:100%}.challenge-btn:not(.completed):not(:disabled){background:var(--retos-gradient);color:var(--white);box-shadow:var(--shadow-peach)}.challenge-btn:not(.completed):not(:disabled):hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-card-hover)}.challenge-btn.completed{background:var(--gradient-success);color:var(--white);box-shadow:var(--shadow-sage);cursor:default}.challenge-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;opacity:.6}.success-stories{background:var(--white);border:1px solid var(--gray-200);border-radius:28px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.success-stories:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,var(--retos-border) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,var(--success-light) 50%,transparent 70%);animation:success-shimmer 6s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes success-shimmer{0%,to{opacity:.1}50%{opacity:.3}}.success-stories h3{color:var(--gray-900);font-size:28px;font-weight:var(--font-extrabold);margin-bottom:24px;text-align:center;position:relative;z-index:2;text-shadow:0 2px 4px rgba(234,88,12,.3);background:var(--retos-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.success-stories h3:before{content:"🌟";font-size:32px;margin-right:12px;animation:star-twinkle 2.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}@keyframes star-twinkle{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(180deg)}50%{transform:scale(1) rotate(360deg)}75%{transform:scale(1.1) rotate(540deg)}}.success-stories .post-card{position:relative;z-index:2;background:var(--white);border:2px solid var(--gray-200);transition:var(--transition-bounce);margin-bottom:20px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.success-stories .post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--retos-gradient);background-size:200% 100%;animation:success-border 3s ease-in-out infinite}@keyframes success-border{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.success-stories .post-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--retos-primary)}.weekly-leaderboard{background:var(--white);border:1px solid var(--gray-200);border-radius:28px;padding:32px;margin:32px 0;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.weekly-leaderboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,var(--warning-light) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--success-light) 0%,transparent 50%);animation:leaderboard-float 18s ease-in-out infinite;pointer-events:none;opacity:.2}@keyframes leaderboard-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.weekly-leaderboard h3{color:var(--gray-900);font-size:28px;font-weight:var(--font-extrabold);margin-bottom:24px;text-align:center;position:relative;z-index:2;text-shadow:0 2px 4px rgba(251,191,36,.3);background:var(--gradient-peach);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family-heading)}.weekly-leaderboard h3:before{content:"🏅";font-size:32px;margin-right:12px;animation:medal-swing 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(251,191,36,.8))}@keyframes medal-swing{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}.leaderboard-list{position:relative;z-index:2}.leaderboard-item{display:flex;align-items:center;gap:20px;padding:20px 24px;background:var(--white);border:2px solid var(--gray-200);border-radius:20px;margin-bottom:16px;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.leaderboard-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.3),transparent);transition:left .6s ease}.leaderboard-item:hover:before{left:100%}.leaderboard-item:hover{transform:translate(12px) scale(1.02);box-shadow:var(--shadow-card);border-color:var(--warning)}.leaderboard-item:first-child{background:var(--warning-light);border-color:var(--warning);box-shadow:var(--shadow-peach);animation:champion-glow 3s ease-in-out infinite}@keyframes champion-glow{0%,to{box-shadow:var(--shadow-peach)}50%{box-shadow:var(--shadow-card-hover)}}.leaderboard-item:nth-child(2){background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.leaderboard-item:nth-child(3){background:var(--retos-bg);border-color:var(--retos-primary);box-shadow:var(--shadow-sm)}.rank-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--font-extrabold);background:var(--gradient-peach);color:var(--white);box-shadow:var(--shadow-peach);flex-shrink:0;position:relative;overflow:hidden}.rank-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);opacity:0;transition:var(--transition-normal)}.leaderboard-item:hover .rank-badge:before{opacity:1;animation:badge-shimmer 1.5s ease-in-out}@keyframes badge-shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-name{font-size:18px;font-weight:var(--font-bold);color:var(--gray-900);flex:1;margin-left:8px;font-family:var(--font-family-heading)}.user-points{font-size:16px;font-weight:var(--font-extrabold);color:var(--warning);background:var(--warning-light);padding:8px 16px;border-radius:20px;border:1px solid var(--warning-border);text-shadow:0 1px 2px rgba(245,158,11,.3)}.leaderboard-cta{margin-top:24px;text-align:center;position:relative;z-index:2}.join-leaderboard-btn{padding:16px 32px;background:var(--gradient-peach);color:var(--white);border:none;border-radius:25px;font-weight:var(--font-bold);font-size:16px;cursor:pointer;transition:var(--transition-bounce);display:inline-flex;align-items:center;gap:12px;box-shadow:var(--shadow-peach);text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-family-heading);position:relative;overflow:hidden}.join-leaderboard-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 .6s ease}.join-leaderboard-btn:hover:before{left:100%}.join-leaderboard-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-card-hover)}[data-theme=dark] .retos-theme{background:var(--gradient-bg-dark);color:var(--dark-text-primary)}[data-theme=dark] .retos-theme:before{background:radial-gradient(circle at 20% 30%,rgba(234,88,12,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(245,158,11,.12) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(34,197,94,.15) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(14,165,233,.12) 0%,transparent 50%);opacity:.4}[data-theme=dark] .daily-challenges,[data-theme=dark] .success-stories,[data-theme=dark] .weekly-leaderboard{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .daily-challenges:before,[data-theme=dark] .success-stories:before,[data-theme=dark] .weekly-leaderboard:before{opacity:.1}[data-theme=dark] .daily-challenges h3,[data-theme=dark] .success-stories h3,[data-theme=dark] .weekly-leaderboard h3{color:var(--dark-text-primary);text-shadow:0 2px 4px rgba(234,88,12,.5)}[data-theme=dark] .challenge-card{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .challenge-card:hover{background:var(--dark-card-hover);border-color:var(--retos-primary);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .challenge-card.completed{background:var(--dark-success);border-color:var(--success)}[data-theme=dark] .challenge-icon{background:var(--dark-card);border-color:var(--dark-border);box-shadow:var(--shadow-dark-sm)}[data-theme=dark] .challenge-card:hover .challenge-icon{background:var(--dark-card-hover);border-color:var(--retos-primary);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .challenge-card h4{color:var(--dark-text-primary)}[data-theme=dark] .challenge-card p{color:var(--dark-text-secondary)}[data-theme=dark] .challenge-meta{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] .challenge-meta span{color:var(--dark-text-secondary)}[data-theme=dark] .time-estimate{color:var(--dark-text-muted)}[data-theme=dark] .points-reward{background:var(--dark-retos-bg);border-color:var(--dark-border);color:var(--retos-primary)}[data-theme=dark] .progress-bar{background:var(--dark-progress-bg);box-shadow:inset 0 2px 4px #0000004d}[data-theme=dark] .progress-text{color:var(--dark-text-secondary)}[data-theme=dark] .challenge-btn:disabled{background:var(--dark-disabled);color:var(--dark-text-disabled)}[data-theme=dark] .difficulty-badge{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .post-actions{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] .action-btn{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .action-btn:hover{background:var(--dark-card-hover);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .action-btn.heart{background:var(--dark-lamentos-bg);border-color:var(--dark-border);color:var(--lamentos-primary)}[data-theme=dark] .action-btn.heart:hover{background:var(--dark-lamentos-hover);border-color:var(--lamentos-primary)}[data-theme=dark] .action-btn.coffee{background:var(--dark-retos-bg);border-color:var(--dark-border);color:var(--retos-primary)}[data-theme=dark] .action-btn.coffee:hover{background:var(--dark-retos-hover);border-color:var(--retos-primary)}[data-theme=dark] .action-btn.comment{background:var(--dark-insights-bg);border-color:var(--dark-border);color:var(--insights-primary)}[data-theme=dark] .action-btn.comment:hover{background:var(--dark-insights-hover);border-color:var(--insights-primary)}[data-theme=dark] .action-btn.share{background:var(--dark-circulos-bg);border-color:var(--dark-border);color:var(--circulos-primary)}[data-theme=dark] .action-btn.share:hover{background:var(--dark-circulos-hover);border-color:var(--circulos-primary)}[data-theme=dark] .action-count{background:#ffffff1a;color:var(--dark-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .action-btn:hover .action-count{background:#ffffff26}[data-theme=dark] .leaderboard-item{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .leaderboard-item:hover{background:var(--dark-card-hover);border-color:var(--warning);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .leaderboard-item:first-child{background:var(--dark-warning-bg);border-color:var(--warning)}[data-theme=dark] .leaderboard-item:nth-child(2){background:var(--dark-card);border-color:var(--dark-border-strong)}[data-theme=dark] .leaderboard-item:nth-child(3){background:var(--dark-retos-bg);border-color:var(--retos-primary)}[data-theme=dark] .user-name{color:var(--dark-text-primary)}[data-theme=dark] .user-points{background:var(--dark-warning-bg);border-color:var(--dark-border);color:var(--warning)}[data-theme=dark] .success-stories .post-card{background:var(--dark-card);border-color:var(--dark-border)}[data-theme=dark] .success-stories .post-card:hover{background:var(--dark-card-hover);border-color:var(--retos-primary);box-shadow:var(--shadow-dark-card)}@media (max-width: 768px){.challenges-grid{grid-template-columns:1fr;gap:20px}.challenge-card{padding:24px 20px}.daily-challenges,.success-stories,.weekly-leaderboard{padding:24px 20px;margin-bottom:24px}.daily-challenges h3,.success-stories h3,.weekly-leaderboard h3{font-size:24px}.challenge-icon{width:60px;height:60px;font-size:28px}.action-buttons{gap:12px}.action-btn{padding:10px 16px;font-size:13px;min-width:80px}.leaderboard-item{padding:16px 20px;gap:16px}.rank-badge{width:48px;height:48px;font-size:20px}}.daily-questions-system{width:100%;max-width:800px;margin:0 auto}.inline-questions-section{margin-bottom:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;padding:1.5rem;border:2px solid #dee2e6;box-shadow:0 4px 20px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #dee2e6}.section-header h3{color:#495057;font-size:1.4rem;font-weight:700;margin:0}.questions-badge{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #007bff4d}.inline-questions-grid{display:grid;gap:1.5rem;margin-bottom:1.5rem}.inline-question-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 16px #0000001a;border:1px solid #e9ecef;transition:all .3s ease;position:relative;overflow:hidden}.inline-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#28a745,#ffc107)}.inline-question-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-category{display:flex;align-items:center;gap:.5rem}.category-icon{font-size:1.25rem}.category-name{font-size:.875rem;color:#6c757d;font-weight:600}.question-progress{background:#e9ecef;color:#495057;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.question-content h4{color:#212529;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;line-height:1.5}.response-scale{margin-bottom:1.5rem}.scale-labels{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.75rem;color:#6c757d;font-weight:600}.scale-options{display:flex;gap:.75rem;justify-content:center}.scale-option{width:50px;height:50px;border:2px solid #dee2e6;border-radius:50%;background:#fff;color:#495057;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:relative}.scale-option:hover{border-color:#007bff;transform:scale(1.1);background:#f8f9fa}.scale-option.selected{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#0056b3;color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #007bff66}.scale-option:disabled{opacity:.6;cursor:not-allowed;transform:none}.question-actions{display:flex;justify-content:center;margin-bottom:1rem}.submit-response-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.submit-response-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.submit-response-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.question-meta{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e9ecef;font-size:.75rem;color:#6c757d}.weight-indicator{font-weight:600}.inverted-indicator{background:#fff3cd;color:#856404;padding:.25rem .5rem;border-radius:8px;font-weight:600}.complete-evaluation-prompt{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:12px;border:2px solid #ffc107}.complete-evaluation-prompt p{margin-bottom:1rem;color:#856404;font-weight:600}.complete-btn{background:linear-gradient(135deg,#ffc107,#f39c12);color:#212529;border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:700;cursor:pointer;transition:all .3s ease}.complete-btn:hover{background:linear-gradient(135deg,#f39c12,#e67e22);transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}.completed-state{margin-bottom:2rem}.completed-card{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;border-radius:16px;padding:2rem;text-align:center}.completed-icon{font-size:3rem;margin-bottom:1rem}.completed-card h3{color:#155724;margin-bottom:1rem;font-size:1.5rem}.completed-card p{color:#155724;margin-bottom:1.5rem;opacity:.8}.completed-stats{display:flex;justify-content:center;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;color:#155724}.stat-label{font-size:.875rem;color:#155724;opacity:.7;font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.questions-modal{background:#fff;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.modal-progress{padding:1rem 2rem;background:#f8f9fa;border-bottom:1px solid #dee2e6}.progress-bar{background:#e9ecef;height:6px;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#007bff,#28a745);height:100%;transition:width .3s ease;border-radius:3px}.progress-text{font-size:.875rem;color:#6c757d;font-weight:600}.modal-content{padding:2rem;max-height:50vh;overflow-y:auto}.question-container{animation:questionSlide .3s ease}@keyframes questionSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.question-category-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e9ecef,#f8f9fa);color:#495057;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid #dee2e6}.modal-question-text{font-size:1.25rem;color:#212529;font-weight:600;line-height:1.5;margin-bottom:2rem;text-align:center}.modal-response-scale{margin-bottom:2rem}.modal-response-scale .scale-labels{margin-bottom:1.5rem;font-size:.875rem}.modal-response-scale .scale-options{gap:1rem;justify-content:center}.modal-response-scale .scale-option{width:70px;height:70px;flex-direction:column;gap:.25rem}.scale-emoji{font-size:1.2rem}.question-weight{text-align:center;font-size:.875rem;color:#6c757d;font-weight:600}.modal-actions{padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.prev-btn,.next-btn,.submit-all-btn{padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.prev-btn{background:#6c757d;color:#fff}.prev-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff66}.submit-all-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.submit-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 12px #28a74566}.prev-btn:disabled,.next-btn:disabled,.submit-all-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.response-indicators{display:flex;gap:.5rem;align-items:center}.response-dot{width:12px;height:12px;border-radius:50%;background:#dee2e6;transition:all .3s ease}.response-dot.current{background:#007bff;transform:scale(1.2);box-shadow:0 0 0 3px #007bff4d}.response-dot.answered{background:#28a745}.response-dot.answered.current{background:#17a2b8}.modal-trigger-section{margin:2rem 0;text-align:center}.open-modal-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:1rem 2rem;border-radius:30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 16px #007bff4d}.open-modal-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-3px);box-shadow:0 8px 24px #007bff66}.open-modal-btn.insights-btn{background:linear-gradient(135deg,#6f42c1,#5a3599)}.open-modal-btn.insights-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a3599,#4c2a85)}.questions-count{background:#fff3;padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:600}.loading-questions{text-align:center;padding:3rem 2rem;background:#f8f9fa;border-radius:16px;border:2px dashed #dee2e6}.loading-spinner{font-size:2rem;color:#007bff;margin-bottom:1rem}.loading-questions p{color:#6c757d;font-weight:600;margin:0}.error-questions{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545;border-radius:16px}.error-icon{font-size:3rem;margin-bottom:1rem}.error-questions h3{color:#721c24;margin-bottom:1rem}.error-questions p{color:#721c24;margin-bottom:1.5rem;opacity:.8}.retry-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-2px);box-shadow:0 4px 12px #dc354566}@media (max-width: 768px){.daily-questions-system{padding:0 1rem}.inline-questions-section{margin-bottom:1.5rem;padding:1rem}.section-header{flex-direction:column;gap:1rem;align-items:flex-start}.section-header h3{font-size:1.2rem}.inline-question-card{padding:1rem}.question-content h4{font-size:1rem}.scale-options{gap:.5rem}.scale-option{width:40px;height:40px;font-size:.9rem}.questions-modal{width:95%;margin:1rem}.modal-header,.modal-content{padding:1rem}.modal-question-text{font-size:1.1rem}.modal-response-scale .scale-option{width:60px;height:60px}.modal-actions{padding:1rem;flex-direction:column;gap:1rem}.prev-btn,.next-btn,.submit-all-btn{width:100%;justify-content:center}.response-indicators{order:-1}.question-meta{flex-direction:column;gap:.5rem;align-items:flex-start}.complete-evaluation-prompt{padding:1rem}.completed-stats{flex-direction:column;gap:1rem}}@media (max-width: 480px){.scale-labels{font-size:.7rem}.scale-option{width:35px;height:35px;font-size:.8rem}.modal-response-scale .scale-option{width:50px;height:50px}.open-modal-btn{padding:.75rem 1.5rem;font-size:1rem}}.inline-question-card{animation:cardAppear .5s ease forwards}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scale-option{animation:scaleAppear .3s ease forwards}@keyframes scaleAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.completed-card{animation:celebrationBounce .6s ease forwards}@keyframes celebrationBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.question-container.submitting{pointer-events:none;opacity:.7}.scale-option.pulse{animation:pulse .5s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.submit-response-btn.success{background:linear-gradient(135deg,#28a745,#20c997)!important;animation:successPulse .6s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.questions-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#007bff,#28a745,#ffc107,#dc3545,#6f42c1);z-index:1}.inline-question-card:hover:before{background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);transition:background .3s ease}.modal-header{position:relative;overflow:hidden}.modal-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.feed-container.insights-theme{font-family:var(--font-family);background:var(--gradient-bg-primary);min-height:100vh;padding:20px;color:var(--gray-800)}.floor-intro.epic-intro{text-align:center;margin-bottom:40px;padding:40px;background:var(--white);border-radius:24px;box-shadow:var(--shadow-card);border:1px solid var(--insights-border);position:relative;overflow:hidden}.floor-intro.epic-intro:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--circulos-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.1}.intro-icon-epic{margin-bottom:20px;position:relative;z-index:2}.icon-container.data-glow{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--insights-gradient);border-radius:20px;box-shadow:var(--shadow-sky);transition:var(--transition-bounce)}.icon-container.data-glow:hover{transform:scale(1.05) rotate(5deg)}.icon-container.data-glow i{font-size:2.5rem;color:var(--white)}.epic-title{font-family:var(--font-family-heading);font-size:2.5rem;font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:12px;letter-spacing:-1px;position:relative;z-index:2}.epic-subtitle{font-family:var(--font-family);font-size:1.1rem;color:var(--gray-600);margin-bottom:24px;font-weight:var(--font-normal);position:relative;z-index:2}.stats-banner{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;z-index:2}.stat-pill{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--insights-bg);border:1px solid var(--insights-border);border-radius:50px;color:var(--insights-primary);font-weight:var(--font-semibold);font-size:.9rem;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.stat-pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-sky)}.insights-dashboard{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.insights-dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,var(--insights-border) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--circulos-border) 50%,transparent 60%);animation:shimmer 8s ease-in-out infinite;pointer-events:none;opacity:.05}@keyframes shimmer{0%,to{opacity:.05}50%{opacity:.15}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px;position:relative;z-index:2}.dashboard-header h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin:0}.dashboard-controls{display:flex;gap:12px;align-items:center}.timeframe-selector{padding:10px 16px;border:2px solid var(--gray-200);border-radius:12px;background:var(--white);font-family:var(--font-family);font-weight:var(--font-medium);color:var(--gray-700);cursor:pointer;transition:var(--transition-normal)}.timeframe-selector:focus{outline:none;border-color:var(--insights-primary);box-shadow:0 0 0 3px var(--insights-bg)}.generate-report-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--insights-gradient);color:var(--white);border:none;border-radius:12px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sky);position:relative;overflow:hidden}.generate-report-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 .6s ease}.generate-report-btn:hover:before{left:100%}.generate-report-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card-hover)}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative;z-index:2}.insight-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:16px;padding:24px;cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.insight-card: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 ease}.insight-card:hover:before{left:100%}.insight-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--insights-primary)}.insight-card.selected{background:var(--insights-bg);border-color:var(--insights-primary);box-shadow:var(--shadow-sky)}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.insight-header h4{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:var(--font-semibold);color:var(--gray-700);margin:0}.trend-indicator{font-weight:var(--font-bold);font-size:.9rem}.big-number{font-family:var(--font-family-heading);font-size:3rem;font-weight:var(--font-extrabold);color:var(--gray-900);line-height:1;margin-bottom:12px}.insight-description{color:var(--gray-600);font-size:.9rem;margin-bottom:16px;line-height:1.5}.mini-chart{background:var(--insights-bg);padding:8px 12px;border-radius:8px;font-size:.8rem;color:var(--insights-primary);font-weight:var(--font-semibold);border:1px solid var(--insights-border)}.industry-benchmarks{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.industry-benchmarks:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 70% 60%,var(--success-light) 0%,transparent 50%);animation:benchmark-float 12s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes benchmark-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.01)}}.industry-benchmarks h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;position:relative;z-index:2}.benchmarks-table{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}.benchmark-row{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:20px;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200);gap:20px;transition:var(--transition-normal);position:relative;overflow:hidden}.benchmark-row: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 .6s ease}.benchmark-row:hover:before{left:100%}.benchmark-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--insights-primary)}.benchmark-metric h4{font-family:var(--font-family-heading);font-weight:var(--font-semibold);color:var(--gray-700);margin:0}.benchmark-scores{display:flex;align-items:center;justify-content:center;gap:20px}.your-score,.industry-score{text-align:center}.score-label{display:block;font-size:.8rem;color:var(--gray-600);margin-bottom:4px;font-weight:var(--font-medium)}.score-value{display:block;font-family:var(--font-family-heading);font-size:1.4rem;font-weight:var(--font-bold)}.score-value.your{color:var(--insights-primary)}.score-value.industry{color:var(--gray-600)}.comparison-indicator{display:flex;flex-direction:column;align-items:center;gap:4px}.comparison-indicator i{font-size:1.2rem}.difference{font-size:.8rem;font-weight:var(--font-semibold)}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:var(--font-semibold)}.status-badge.above{background:var(--success-light);color:var(--success-dark)}.status-badge.below{background:var(--error-light);color:var(--error-dark)}.market-trends{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.market-trends:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 30%,var(--insights-border) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,var(--success-light) 50%,transparent 70%);animation:trend-wave 10s ease-in-out infinite;pointer-events:none;opacity:.08}@keyframes trend-wave{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px) rotate(180deg)}}.market-trends h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;position:relative;z-index:2}.trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;position:relative;z-index:2}.trend-item{background:var(--gray-50);padding:20px;border-radius:12px;transition:var(--transition-bounce);border:1px solid var(--gray-200);position:relative;overflow:hidden}.trend-item: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 ease}.trend-item:hover:before{left:100%}.trend-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--insights-primary)}.trend-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.trend-topic{font-family:var(--font-family-heading);font-weight:var(--font-semibold);color:var(--gray-700)}.trend-change{font-weight:var(--font-bold);font-size:1.1rem}.trend-description{color:var(--gray-600);font-size:.9rem}.recent-reports{background:var(--white);border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.recent-reports:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 25%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 85% 75%,var(--warning-light) 0%,transparent 50%);animation:report-pulse 15s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes report-pulse{0%,to{opacity:.1}50%{opacity:.2}}.recent-reports h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;position:relative;z-index:2}.reports-list{display:grid;gap:20px;position:relative;z-index:2}.report-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:24px;transition:var(--transition-bounce);position:relative;overflow:hidden}.report-card: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 .6s ease}.report-card:hover:before{left:100%}.report-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--insights-primary)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.report-header h4{font-family:var(--font-family-heading);font-weight:var(--font-semibold);color:var(--gray-700);margin:0}.report-date{color:var(--gray-600);font-size:.9rem}.report-score{display:flex;align-items:baseline;gap:4px}.report-score .score{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-extrabold);color:var(--insights-primary)}.report-score .score-label{color:var(--gray-600);font-size:.9rem}.report-highlights{margin-bottom:20px}.highlight-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.highlight-item i{color:var(--insights-primary);font-size:.9rem}.highlight-item span{color:var(--gray-700);font-size:.9rem}.report-actions{display:flex;gap:12px;flex-wrap:wrap}.view-report-btn,.export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-family:var(--font-family);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-bounce);font-size:.9rem;position:relative;overflow:hidden}.view-report-btn:before,.export-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 .4s ease}.view-report-btn:hover:before,.export-btn:hover:before{left:100%}.view-report-btn{background:var(--insights-gradient);color:var(--white);box-shadow:var(--shadow-sm)}.export-btn{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.view-report-btn:hover,.export-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sm)}.insights-community{margin-bottom:32px}.insights-community h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;text-align:center}.insights-community .post-card{border:1px solid var(--insights-border);background:var(--white);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);transition:var(--transition-normal);position:relative;margin-bottom:24px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card)}.insights-community .post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--insights-gradient);border-radius:20px 20px 0 0}.insights-community .post-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sky);border-color:var(--insights-primary)}.post-actions{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--gray-100);background:var(--gray-25)}.action-buttons{display:flex;gap:16px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--white);border:2px solid var(--gray-200);border-radius:25px;cursor:pointer;font-size:14px;font-weight:var(--font-semibold);transition:var(--transition-bounce);color:var(--gray-700);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);min-width:90px;justify-content:center}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .4s ease}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-lg)}.action-btn:active{transform:translateY(1px) scale(.98);transition:all .1s ease}.action-btn.heart{background:linear-gradient(135deg,#fff0f0f2,#fee2e2e6);border-color:var(--lamentos-border);color:var(--lamentos-primary)}.action-btn.heart .emoji{font-size:18px;transition:var(--transition-bounce);filter:drop-shadow(0 2px 4px rgba(236,72,153,.3))}.action-btn.heart:hover{background:var(--lamentos-bg);border-color:var(--lamentos-primary);box-shadow:var(--shadow-rose)}.action-btn.heart:hover .emoji{transform:scale(1.2) rotate(15deg);filter:drop-shadow(0 4px 8px rgba(236,72,153,.5))}.action-btn.coffee{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border-color:var(--retos-border);color:var(--retos-primary)}.action-btn.coffee .emoji{font-size:18px;transition:var(--transition-bounce);filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.action-btn.coffee:hover{background:var(--retos-bg);border-color:var(--retos-primary);box-shadow:var(--shadow-peach)}.action-btn.coffee:hover .emoji{transform:scale(1.2) rotate(-10deg);filter:drop-shadow(0 4px 8px rgba(245,158,11,.6))}.action-btn.comment{background:linear-gradient(135deg,#0ea5e91a,#3b82f614);border-color:var(--insights-border);color:var(--insights-primary)}.action-btn.comment .emoji{font-size:18px;transition:var(--transition-bounce);filter:drop-shadow(0 2px 4px rgba(14,165,233,.4))}.action-btn.comment:hover{background:var(--insights-bg);border-color:var(--insights-primary);box-shadow:var(--shadow-sky)}.action-btn.comment:hover .emoji{transform:scale(1.2) rotate(8deg);filter:drop-shadow(0 4px 8px rgba(14,165,233,.6))}.action-btn.share{background:linear-gradient(135deg,#22c55e1a,#10b98114);border-color:var(--circulos-border);color:var(--circulos-primary)}.action-btn.share .emoji{font-size:18px;transition:var(--transition-bounce);filter:drop-shadow(0 2px 4px rgba(34,197,94,.4))}.action-btn.share:hover{background:var(--circulos-bg);border-color:var(--circulos-primary);box-shadow:var(--shadow-sage)}.action-btn.share:hover .emoji{transform:scale(1.2) rotate(12deg);filter:drop-shadow(0 4px 8px rgba(34,197,94,.6))}.action-count{font-weight:var(--font-bold);font-size:13px;padding:2px 8px;background:#fffc;border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:var(--transition-normal)}.action-btn:hover .action-count{background:#fffffff2;transform:scale(1.1)}.insights-tools{background:var(--white);border-radius:20px;padding:32px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.insights-tools:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 90% 80%,var(--circulos-border) 0%,transparent 50%);animation:tools-float 14s ease-in-out infinite;pointer-events:none;opacity:.08}@keyframes tools-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(180deg)}}.insights-tools h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;position:relative;z-index:2}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;position:relative;z-index:2}.tool-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;padding:24px;text-align:center;transition:var(--transition-bounce);position:relative;overflow:hidden}.tool-card: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 ease}.tool-card:hover:before{left:100%}.tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--insights-primary)}.tool-card i{font-size:2.5rem;color:var(--insights-primary);margin-bottom:16px;transition:var(--transition-bounce)}.tool-card:hover i{transform:scale(1.1) rotate(5deg)}.tool-card h4{font-family:var(--font-family-heading);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:12px}.tool-card p{color:var(--gray-600);margin-bottom:20px;line-height:1.5}.tool-card button{padding:10px 20px;background:var(--insights-gradient);color:var(--white);border:none;border-radius:8px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.tool-card button: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 .4s ease}.tool-card button:hover:before{left:100%}.tool-card button:hover{transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-sky)}@media (max-width: 768px){.feed-container.insights-theme{padding:16px}.floor-intro.epic-intro{padding:24px}.epic-title{font-size:2rem}.stats-banner{flex-direction:column;align-items:center}.dashboard-header{flex-direction:column;align-items:stretch;text-align:center}.dashboard-controls{justify-content:center;flex-wrap:wrap}.insight-cards{grid-template-columns:1fr}.benchmark-row{grid-template-columns:1fr;text-align:center;gap:16px}.trends-grid,.tools-grid{grid-template-columns:1fr}.report-header{flex-direction:column;align-items:center;text-align:center}.report-actions{justify-content:center}.action-buttons{gap:12px}.action-btn{padding:10px 16px;min-width:80px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.insight-card,.benchmark-row,.trend-item,.report-card,.tool-card{animation:fadeInUp .6s ease forwards}.insight-card:nth-child(1){animation-delay:.1s}.insight-card:nth-child(2){animation-delay:.2s}.insight-card:nth-child(3){animation-delay:.3s}.insight-card:nth-child(4){animation-delay:.4s}.data-status-section{background:var(--white);border-radius:20px;padding:32px;margin:32px 0;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.data-status-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 35%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 75% 65%,var(--success-light) 0%,transparent 50%);animation:data-status-float 16s ease-in-out infinite;pointer-events:none;opacity:.08}@keyframes data-status-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(180deg)}}.data-status-section>*{position:relative;z-index:2}.data-status-section h3{font-family:var(--font-family-heading);font-size:1.8rem;font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 24px;display:flex;align-items:center;gap:12px}.data-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.status-card{background:var(--gray-50);border-radius:16px;padding:24px;border:1px solid var(--gray-200);transition:var(--transition-bounce);position:relative;overflow:hidden}.status-card: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 .6s ease}.status-card:hover:before{left:100%}.status-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--insights-primary)}.status-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.status-header i{font-size:1.2rem;color:var(--insights-primary);opacity:.9}.status-header h4{margin:0;font-family:var(--font-family-heading);font-size:1.1rem;font-weight:var(--font-semibold);color:var(--gray-700)}.status-content{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.status-label{font-size:.9rem;color:var(--gray-600);font-weight:var(--font-medium)}.status-value{font-size:.9rem;font-weight:var(--font-semibold);color:var(--gray-700);text-align:right;flex-shrink:0}.status-value.quality-high{color:var(--success-dark)}.status-value.quality-medium{color:var(--warning-dark)}.status-value.quality-low{color:var(--error-dark)}.status-value.risk-nulo{color:var(--success-dark)}.status-value.risk-bajo{color:var(--success-primary)}.status-value.risk-medio{color:var(--warning-dark)}.status-value.risk-alto{color:var(--error-primary)}.status-value.risk-muy_alto{color:var(--error-dark)}.status-value.risk-no_evaluado{color:var(--gray-500)}.metrics-list{display:flex;flex-direction:column;gap:10px}.metric-status{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--white);border-radius:12px;border:1px solid var(--gray-200);transition:var(--transition-normal)}.metric-status:hover{background:var(--insights-bg);border-color:var(--insights-border)}.metric-name{font-size:.9rem;color:var(--gray-700);font-weight:var(--font-medium)}.metric-status-indicator{font-size:.85rem;font-weight:var(--font-semibold);padding:4px 8px;border-radius:6px;background:var(--insights-bg);color:var(--insights-primary);border:1px solid var(--insights-border)}.real-data-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--success-light);color:var(--success-dark);border-radius:8px;font-size:.75rem;font-weight:var(--font-semibold);margin-left:8px}.insights-footer{background:var(--white);border-radius:20px;padding:32px;margin:32px 0;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);position:relative;overflow:hidden}.insights-footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 30%,var(--insights-border) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,var(--circulos-border) 50%,transparent 70%);animation:footer-wave 18s ease-in-out infinite;pointer-events:none;opacity:.06}@keyframes footer-wave{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px) rotate(180deg)}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;position:relative;z-index:2}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-section h4{font-family:var(--font-family-heading);font-size:1.2rem;font-weight:var(--font-semibold);color:var(--gray-800);margin:0;display:flex;align-items:center;gap:8px}.footer-section p{color:var(--gray-600);line-height:1.6;margin:0;font-size:.95rem}.support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--insights-gradient);color:var(--white);border:none;border-radius:12px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;align-self:flex-start}.support-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 .4s ease}.support-btn:hover:before{left:100%}.support-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sky)}.tool-card.blocked{background:var(--gray-100);border-color:var(--gray-300);opacity:.8}.tool-card.blocked i{color:var(--gray-400)}.tool-card.blocked h4,.tool-card.blocked p{color:var(--gray-500)}.tool-btn.blocked{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed;border:1px solid var(--gray-300)}.tool-btn.blocked:hover{transform:none;box-shadow:none}.tool-card.available .tool-btn.available{background:var(--insights-gradient);color:var(--white);box-shadow:var(--shadow-sm)}.tool-preview{margin-top:12px;padding:8px 12px;background:var(--insights-bg);border-radius:8px;border:1px solid var(--insights-border)}.tool-preview small{color:var(--insights-primary);font-size:.8rem;font-weight:var(--font-medium)}.benchmark-row.blocked{background:var(--gray-100);border-color:var(--gray-300);opacity:.7}.blocked-content{display:flex;flex-direction:column;gap:8px;text-align:center}.blocked-message{font-size:.9rem;color:var(--gray-500);font-weight:var(--font-medium)}.industry-reference{font-size:.8rem;color:var(--gray-600)}.status-badge.blocked{background:var(--gray-200);color:var(--gray-600)}.blocked-indicator{color:var(--gray-500);font-size:.9rem;font-weight:var(--font-medium)}.insight-card.blocked{background:var(--gray-100);border-color:var(--gray-300);opacity:.7;cursor:not-allowed}.insight-card.blocked:hover{transform:none;box-shadow:none;border-color:var(--gray-300)}.insight-card.blocked .big-number{color:var(--gray-500)}.insight-card.blocked .mini-chart{background:var(--gray-200);color:var(--gray-600);border-color:var(--gray-300)}.loading-dashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{margin-bottom:24px}.loading-spinner i{font-size:3rem;color:var(--insights-primary)}.loading-dashboard h3{font-family:var(--font-family-heading);font-size:1.5rem;font-weight:var(--font-semibold);color:var(--gray-800);margin-bottom:8px}.loading-dashboard p{color:var(--gray-600);font-size:1rem}@media (max-width: 768px){.data-status-section{margin:20px 0;padding:24px}.data-status-grid{grid-template-columns:1fr;gap:16px}.status-card{padding:20px}.status-header h4{font-size:1rem}.status-item{flex-direction:column;align-items:flex-start;gap:4px}.status-value{text-align:left}.insights-footer{padding:24px;margin:20px 0}.footer-content{grid-template-columns:1fr;gap:24px}.footer-section h4{font-size:1.1rem}.support-btn{align-self:stretch;justify-content:center}}.nom-035-tool{border:2px solid #007bff;background:linear-gradient(135deg,#f8f9ff,#e3f2fd)}.nom-035-tool:hover{transform:translateY(-4px);box-shadow:0 8px 25px #007bff40}:root{--font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading: "Poppins", sans-serif;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--white: #FFFFFF;--gray-25: #FCFCFD;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--primary-sage: #22C55E;--primary-lavender: #8B5CF6;--primary-peach: #F59E0B;--primary-sky: #0EA5E9;--primary-rose: #EC4899;--primary-mint: #10B981;--success: #22C55E;--success-light: #DCFCE7;--success-dark: #166534;--warning: #F59E0B;--warning-light: #FEF3C7;--warning-dark: #92400E;--error: #EF4444;--error-light: #FEE2E2;--error-dark: #991B1B;--info: #3B82F6;--info-light: #DBEAFE;--info-dark: #1E40AF;--gradient-sage: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);--gradient-lavender: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--gradient-peach: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-sky: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);--gradient-rose: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--gradient-mint: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-bg-primary: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);--gradient-bg-card: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);--gradient-bg-hover: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);--gradient-executive: linear-gradient(135deg, #1E293B 0%, #334155 100%);--gradient-premium: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-success: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-card: 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .12);--shadow-card-active: 0 16px 40px rgba(0, 0, 0, .16);--shadow-sage: 0 8px 25px rgba(34, 197, 94, .25);--shadow-lavender: 0 8px 25px rgba(139, 92, 246, .25);--shadow-peach: 0 8px 25px rgba(245, 158, 11, .25);--shadow-sky: 0 8px 25px rgba(14, 165, 233, .25);--shadow-rose: 0 8px 25px rgba(236, 72, 153, .25);--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--transition-elastic: .6s cubic-bezier(.68, -.55, .265, 1.55);--backdrop-blur: blur(20px);--backdrop-blur-sm: blur(8px);--backdrop-blur-lg: blur(40px);--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--lamentos-primary: #EC4899;--lamentos-secondary: #DB2777;--lamentos-bg: rgba(236, 72, 153, .03);--lamentos-border: rgba(236, 72, 153, .1);--lamentos-gradient: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);--chismes-primary: #8B5CF6;--chismes-secondary: #7C3AED;--chismes-bg: rgba(139, 92, 246, .03);--chismes-border: rgba(139, 92, 246, .1);--chismes-gradient: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--circulos-primary: #22C55E;--circulos-secondary: #16A34A;--circulos-bg: rgba(34, 197, 94, .03);--circulos-border: rgba(34, 197, 94, .1);--circulos-gradient: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);--retos-primary: #F59E0B;--retos-secondary: #D97706;--retos-bg: rgba(245, 158, 11, .03);--retos-border: rgba(245, 158, 11, .1);--retos-gradient: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--insights-primary: #0EA5E9;--insights-secondary: #0284C7;--insights-bg: rgba(14, 165, 233, .03);--insights-border: rgba(14, 165, 233, .1);--insights-gradient: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);--perfil-primary: #10B981;--perfil-secondary: #059669;--perfil-bg: rgba(16, 185, 129, .03);--perfil-border: rgba(16, 185, 129, .1);--perfil-gradient: linear-gradient(135deg, #10B981 0%, #059669 100%);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--white: #0F172A;--gray-25: #1E293B;--gray-50: #334155;--gray-100: #475569;--gray-200: #64748B;--gray-300: #94A3B8;--gray-400: #CBD5E1;--gray-500: #E2E8F0;--gray-600: #F1F5F9;--gray-700: #F8FAFC;--gray-800: #FCFCFD;--gray-900: #FFFFFF;--gradient-bg-primary: linear-gradient(135deg, #1E293B 0%, #334155 100%);--gradient-bg-card: linear-gradient(135deg, #334155 0%, #475569 100%);--glass-bg: rgba(30, 41, 59, .95);--glass-border: rgba(255, 255, 255, .1);--shadow-card: 0 8px 24px rgba(0, 0, 0, .4);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .5);--shadow-card-active: 0 16px 40px rgba(0, 0, 0, .6)}.perfil-theme{background:var(--gradient-bg-primary);min-height:100vh;position:relative;overflow:hidden;color:var(--gray-800)}.perfil-theme:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,var(--perfil-border) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--insights-border) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--circulos-border) 0%,transparent 50%);pointer-events:none;z-index:0;animation:floating-profile-orbs 20s ease-in-out infinite;opacity:.3}@keyframes floating-profile-orbs{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(120deg)}66%{transform:translateY(4px) rotate(240deg)}}.perfil-theme>*{position:relative;z-index:1}.perfil-theme .floor-intro{background:var(--white);border:1px solid var(--perfil-border);border-radius:32px;padding:36px;margin-bottom:36px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.perfil-theme .floor-intro:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 45deg,transparent,var(--perfil-border),transparent,var(--insights-border),transparent,var(--circulos-border),transparent);animation:profile-rotate 25s linear infinite;pointer-events:none;opacity:.2}@keyframes profile-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-container.profile-glow{background:var(--perfil-gradient);box-shadow:var(--shadow-sage);transition:var(--transition-bounce)}.icon-container.profile-glow:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-card-hover)}.profile-main-card{background:var(--white);border:1px solid var(--gray-200);border-radius:28px;margin-bottom:32px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:var(--transition-normal)}.profile-main-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.profile-banner{height:120px;background:var(--perfil-gradient);position:relative;display:flex;align-items:center;justify-content:flex-end;padding:24px}.profile-level-badge{background:#fffffff2;color:var(--perfil-primary);padding:12px 20px;border-radius:20px;font-weight:var(--font-bold);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);border:2px solid rgba(255,255,255,.3)}.profile-level-badge i{color:var(--warning);font-size:18px}.profile-info{padding:0 32px 32px;position:relative;margin-top:-40px}.avatar-section{position:relative;display:inline-block;margin-bottom:24px}.profile-avatar{width:120px;height:120px;border-radius:var(--radius-2xl);object-fit:cover;border:6px solid var(--white);box-shadow:var(--shadow-card);transition:var(--transition-bounce)}.profile-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-card-hover)}.avatar-edit-btn{position:absolute;bottom:8px;right:8px;width:40px;height:40px;background:var(--perfil-gradient);border:none;border-radius:var(--radius-full);color:var(--white);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sage);border:3px solid var(--white)}.avatar-edit-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-card-hover)}.profile-details h2{font-size:32px;font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:8px;font-family:var(--font-family-heading)}.job-title{display:block;font-size:18px;font-weight:var(--font-semibold);color:var(--perfil-primary);margin-bottom:4px}.company{display:block;font-size:16px;font-weight:var(--font-medium);color:var(--gray-600);margin-bottom:20px}.profile-badges{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:var(--font-semibold);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.badge:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.badge.verified{background:var(--gradient-sage);color:var(--white)}.badge.helper{background:var(--gradient-sky);color:var(--white)}.badge.streak{background:var(--gradient-peach);color:var(--white);animation:streak-pulse 2s ease-in-out infinite}.badge.social{background:var(--gradient-purple);color:var(--white)}@keyframes streak-pulse{0%,to{box-shadow:var(--shadow-sm);transform:scale(1)}50%{box-shadow:0 0 20px #fb923c99;transform:scale(1.02)}}.experience-bar{margin-top:24px}.xp-container{display:flex;flex-direction:column;gap:8px}.xp-label{font-size:14px;font-weight:var(--font-semibold);color:var(--gray-700)}.xp-bar{height:12px;background:var(--gray-100);border-radius:20px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.xp-fill{height:100%;background:var(--perfil-gradient);border-radius:20px;transition:width 1s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.xp-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:xp-shimmer 3s infinite ease-in-out}@keyframes xp-shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.xp-text{font-size:13px;font-weight:var(--font-semibold);color:var(--gray-600);text-align:right}.profile-tabs{display:flex;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:8px;margin-bottom:32px;box-shadow:var(--shadow-sm);gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:var(--transition-normal);font-size:14px;font-weight:var(--font-semibold);color:var(--gray-600);white-space:nowrap;min-width:fit-content;position:relative;overflow:hidden}.tab-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.tab-btn:hover:after{transform:translate(100%)}.tab-btn.active:after{display:none}.tab-btn:hover{background:var(--gray-50);color:var(--gray-800)}.tab-btn.active{background:var(--perfil-gradient);color:var(--white);box-shadow:var(--shadow-sage)}.tab-btn.active:hover{background:var(--perfil-gradient);color:var(--white)}.tab-btn i{font-size:16px}.tab-content{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;padding:32px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.tab-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,var(--perfil-border) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--insights-border) 50%,transparent 60%);animation:tab-shimmer 8s ease-in-out infinite;pointer-events:none;opacity:.05}@keyframes tab-shimmer{0%,to{opacity:.05}50%{opacity:.15}}.tab-content>*{position:relative;z-index:2}.profile-overview h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.overview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.overview-stat-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.overview-stat-card: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 .6s ease}.overview-stat-card:hover:before{left:100%}.overview-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--perfil-primary)}.stat-icon-large{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--white);box-shadow:var(--shadow-md);transition:var(--transition-bounce);flex-shrink:0;position:relative;overflow:hidden}.stat-icon-large: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 .8s ease}.overview-stat-card:hover .stat-icon-large:before{left:100%}.overview-stat-card:hover .stat-icon-large{transform:scale(1.1) rotate(5deg)}.overview-stat-card.level .stat-icon-large{background:var(--gradient-peach)}.overview-stat-card.posts .stat-icon-large{background:var(--gradient-sky)}.overview-stat-card.reactions .stat-icon-large{background:var(--gradient-rose)}.overview-stat-card.streak .stat-icon-large{background:var(--gradient-peach)}.stat-content h3{font-size:32px;font-weight:var(--font-extrabold);color:var(--gray-900);margin:0 0 4px;font-family:var(--font-family-heading)}.stat-content p{font-size:14px;color:var(--gray-600);font-weight:var(--font-semibold);margin:0}.xp-progress-bar{width:100%;height:8px;background:var(--gray-200);border-radius:20px;margin-top:12px;overflow:hidden}.xp-progress-fill{height:100%;background:var(--gradient-peach);border-radius:20px;transition:width .8s ease}.recent-achievements-section h3{color:var(--gray-900);font-size:20px;font-weight:var(--font-bold);margin-bottom:20px;font-family:var(--font-family-heading)}.achievements-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.achievement-mini{display:flex;align-items:center;gap:12px;padding:16px;background:var(--white);border:2px solid var(--gray-200);border-radius:16px;transition:var(--transition-bounce);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.achievement-mini: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 .6s ease}.achievement-mini:hover:before{left:100%}.achievement-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--perfil-primary)}.achievement-mini .achievement-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--perfil-bg);border-radius:12px;flex-shrink:0}.achievement-info{flex:1}.achievement-name{font-size:14px;font-weight:var(--font-semibold);color:var(--gray-900);display:block;margin-bottom:2px}.achievement-date{font-size:12px;color:var(--gray-600);font-weight:var(--font-medium)}.achievements-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200)}.achievements-stats{display:flex;align-items:center;gap:16px}.achievements-stats span{font-size:16px;font-weight:var(--font-semibold);color:var(--gray-700)}.progress-indicator{width:120px;height:8px;background:var(--gray-200);border-radius:20px;overflow:hidden;position:relative}.progress-indicator .progress-fill{height:100%;background:var(--perfil-gradient);border-radius:20px;transition:width 1s cubic-bezier(.25,.46,.45,.94);position:relative}.progress-indicator .progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.achievement-card{background:var(--white);border:2px solid var(--gray-200);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition-bounce);position:relative;overflow:visible;box-shadow:var(--shadow-sm)}.achievement-card: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 .6s ease}.achievement-card:hover:before{left:100%}.achievement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}.achievement-card.earned{background:var(--perfil-bg);border-color:var(--perfil-primary);box-shadow:var(--shadow-sage)}.achievement-card.earned:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--perfil-gradient);border-radius:22px;z-index:-1;opacity:.1}.achievement-card.earned:hover{border-color:var(--perfil-secondary)}.achievement-card.locked{opacity:.6}.achievement-card.earned.rarity-rare{border-color:var(--blue-400);background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,var(--perfil-bg) 100%)}.achievement-card.earned.rarity-epic{border-color:var(--purple-400);background:linear-gradient(135deg,rgba(147,51,234,.05) 0%,var(--perfil-bg) 100%)}.achievement-card.earned.rarity-legendary{border-color:var(--orange-400);background:linear-gradient(135deg,rgba(251,146,60,.05) 0%,var(--perfil-bg) 100%);box-shadow:0 0 20px #fb923c33}.achievement-card.earned.rarity-mythic{border-color:var(--emerald-400);background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,var(--perfil-bg) 100%);box-shadow:0 0 25px #10b9814d;animation:mythic-glow 3s ease-in-out infinite}@keyframes mythic-glow{0%,to{box-shadow:0 0 25px #10b9814d}50%{box-shadow:0 0 35px #10b98180}}.achievement-icon-display{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--gray-100);transition:var(--transition-bounce);flex-shrink:0}.achievement-card.earned .achievement-icon-display{background:var(--perfil-gradient);color:var(--white);box-shadow:var(--shadow-sage)}.achievement-card:hover .achievement-icon-display{transform:scale(1.1) rotate(5deg)}.achievement-content{flex:1}.achievement-content h4{font-size:16px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:8px;font-family:var(--font-family-heading)}.achievement-content p{font-size:14px;color:var(--gray-600);line-height:1.4;margin-bottom:8px;font-weight:var(--font-medium)}.earned-date{font-size:12px;color:var(--perfil-primary);font-weight:var(--font-semibold)}.locked-text{font-size:12px;color:var(--gray-500);font-weight:var(--font-semibold)}.rarity-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px}.rarity-badge.common{background:var(--gray-500);color:var(--white)}.rarity-badge.rare{background:var(--blue-500);color:var(--white)}.rarity-badge.epic{background:var(--purple-500);color:var(--white)}.rarity-badge.legendary{background:var(--gradient-peach);color:var(--white)}.rarity-badge.mythic{background:var(--gradient-sage);color:var(--white);box-shadow:0 0 10px #10b98180}.activity-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;transition:var(--transition-normal);position:relative;overflow:hidden}.activity-item: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 ease}.activity-item:hover:before{left:100%}.activity-item:hover{background:var(--white);transform:translate(4px);box-shadow:var(--shadow-sm);border-color:var(--perfil-primary)}.activity-icon{width:44px;height:44px;border-radius:12px;background:var(--perfil-gradient);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-sm);flex-shrink:0;transition:var(--transition-bounce)}.activity-item:hover .activity-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-sage)}.activity-content{flex:1}.activity-content p{font-size:15px;color:var(--gray-800);font-weight:var(--font-medium);margin-bottom:8px;line-height:1.4}.activity-meta{display:flex;gap:16px;align-items:center}.activity-time{font-size:13px;color:var(--gray-500);font-weight:var(--font-semibold)}.activity-floor{font-size:13px;color:var(--perfil-primary);font-weight:var(--font-semibold);background:var(--perfil-bg);padding:2px 8px;border-radius:8px}.posts-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.posts-stats{display:flex;gap:24px;margin-bottom:32px;padding:20px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200)}.posts-stat{text-align:center;flex:1}.posts-stat .stat-number{display:block;font-size:28px;font-weight:var(--font-extrabold);color:var(--perfil-primary);margin-bottom:4px;font-family:var(--font-family-heading)}.posts-stat .stat-label{font-size:14px;color:var(--gray-600);font-weight:var(--font-semibold)}.my-posts-list{display:flex;flex-direction:column;gap:20px}.connections-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.connections-stats{display:flex;gap:32px;margin-bottom:32px;padding:20px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200)}.connection-stat{text-align:center;flex:1}.connection-stat .stat-number{display:block;font-size:24px;font-weight:var(--font-extrabold);color:var(--perfil-primary);margin-bottom:4px;font-family:var(--font-family-heading)}.connection-stat .stat-label{font-size:14px;color:var(--gray-600);font-weight:var(--font-semibold)}.connections-list{display:flex;flex-direction:column;gap:16px}.connection-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--white);border:2px solid var(--gray-200);border-radius:16px;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.connection-item: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 .6s ease}.connection-item:hover:before{left:100%}.connection-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--perfil-primary)}.connection-avatar{width:50px;height:50px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--gray-100);box-shadow:var(--shadow-sm);flex-shrink:0;transition:var(--transition-bounce);position:relative}.connection-item:hover .connection-avatar{transform:scale(1.1);box-shadow:var(--shadow-md)}.connection-info{flex:1}.connection-info h4{font-size:16px;font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:4px;font-family:var(--font-family-heading)}.connection-info p{font-size:14px;color:var(--gray-600);margin-bottom:4px;font-weight:var(--font-medium)}.mutual-connections{font-size:12px;color:var(--perfil-primary);font-weight:var(--font-semibold)}.connection-status{display:flex;align-items:center;font-size:16px}.connection-status span{font-size:12px;display:inline-block;animation:status-pulse 3s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.6}}.connection-status.online{color:var(--success)}.connection-status.offline{color:var(--gray-400)}.analytics-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px}.day-analytics{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;padding:20px;text-align:center;transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.day-analytics: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 ease}.day-analytics:hover:before{left:100%}.day-analytics:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-card-hover);border-color:var(--perfil-primary)}.day-analytics h4{font-size:16px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:16px;font-family:var(--font-family-heading)}.metric{margin-bottom:12px}.metric span:first-child{display:block;font-size:12px;color:var(--gray-600);font-weight:var(--font-semibold);margin-bottom:4px}.metric span:last-child{font-size:11px;color:var(--gray-500);font-weight:var(--font-semibold)}.metric-bar{width:100%;height:6px;background:var(--gray-200);border-radius:20px;overflow:hidden;margin:4px 0}.metric-fill{height:100%;border-radius:20px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.metric-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:metric-shine 2s infinite ease-in-out}@keyframes metric-shine{0%{left:-100%}to{left:100%}}.metric-fill.stress{background:var(--gradient-rose)}.metric-fill.productivity{background:var(--gradient-sage)}.metric-fill.happiness{background:var(--gradient-peach)}.metric-fill.posts{background:var(--gradient-sky)}.settings-section h3{color:var(--gray-900);font-size:24px;font-weight:var(--font-bold);margin-bottom:24px;font-family:var(--font-family-heading)}.settings-categories{display:flex;flex-direction:column;gap:32px}.settings-category h4{color:var(--gray-900);font-size:18px;font-weight:var(--font-bold);margin-bottom:16px;font-family:var(--font-family-heading);display:flex;align-items:center;gap:8px}.settings-category h4:before{content:"⚙️";font-size:20px}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:16px;transition:var(--transition-normal);position:relative;overflow:hidden}.setting-item: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 ease}.setting-item:hover:before{left:100%}.setting-item:hover{background:var(--white);transform:translate(4px);box-shadow:var(--shadow-sm);border-color:var(--perfil-primary)}.setting-info{flex:1}.setting-info h5{font-size:16px;font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:4px;font-family:var(--font-family-heading)}.setting-info p{font-size:14px;color:var(--gray-600);margin:0;font-weight:var(--font-medium)}.setting-btn{background:var(--perfil-gradient);color:var(--white);border:none;padding:10px 20px;border-radius:12px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);font-size:14px;box-shadow:var(--shadow-sm)}.setting-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sage)}.no-achievements,.no-activity-message,.no-posts-message,.no-connections-message,.no-analytics-message,.no-achievements-message{text-align:center;padding:40px 20px;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:16px;color:var(--gray-600);margin:20px 0}.no-achievements p,.no-activity-message p,.no-posts-message p,.no-connections-message p,.no-analytics-message p,.no-achievements-message p{margin:8px 0 0;font-size:14px;font-weight:var(--font-medium)}.no-achievements h4,.no-activity-message h4,.no-posts-message h4,.no-connections-message h4,.no-analytics-message h4,.no-achievements-message h4{margin:0 0 8px;color:var(--gray-700);font-size:18px;font-weight:var(--font-semibold)}.guest-cta-section{display:flex;flex-direction:column;gap:32px}.guest-cta-card{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;padding:40px;box-shadow:var(--shadow-card);text-align:center;position:relative;overflow:hidden}.guest-cta-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 40%,var(--perfil-border) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--insights-border) 50%,transparent 60%);animation:guest-shimmer 6s ease-in-out infinite;pointer-events:none;opacity:.1}@keyframes guest-shimmer{0%,to{opacity:.1}50%{opacity:.3}}.guest-cta-card>*{position:relative;z-index:2}.guest-cta-card h3{font-size:28px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:32px;font-family:var(--font-family-heading)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.feature-item{text-align:center;padding:24px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200);transition:var(--transition-bounce)}.feature-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--perfil-primary)}.feature-icon{font-size:48px;margin-bottom:16px;display:block}.feature-item h4{font-size:18px;font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:12px;font-family:var(--font-family-heading)}.feature-item p{font-size:14px;color:var(--gray-600);line-height:1.5;margin:0;font-weight:var(--font-medium)}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-btn{display:flex;align-items:center;gap:8px;padding:16px 32px;border-radius:16px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);font-size:16px;text-transform:none;letter-spacing:normal;border:2px solid transparent;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.cta-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 .6s ease}.cta-btn:hover:before{left:100%}.cta-btn.primary{background:var(--perfil-gradient);color:var(--white);box-shadow:var(--shadow-sage)}.cta-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-card-hover)}.cta-btn.secondary{background:var(--white);color:var(--perfil-primary);border-color:var(--perfil-primary)}.cta-btn.secondary:hover{background:var(--perfil-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.testimonials-section{background:var(--white);border:1px solid var(--gray-200);border-radius:24px;padding:32px;box-shadow:var(--shadow-card)}.testimonials-section h3{font-size:24px;font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:24px;text-align:center;font-family:var(--font-family-heading)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.testimonial-card{padding:24px;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200);transition:var(--transition-bounce);position:relative;overflow:hidden}.testimonial-card: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 ease}.testimonial-card:hover:before{left:100%}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--perfil-primary)}.stars{color:var(--warning);font-size:20px;margin-bottom:16px}.testimonial-card p{font-style:italic;margin-bottom:16px;color:var(--gray-700);line-height:1.6;font-weight:var(--font-medium)}.testimonial-author{font-weight:var(--font-semibold);color:var(--gray-600);font-size:14px}[data-theme=dark] .perfil-theme{background:var(--gradient-bg-dark);color:var(--dark-text-primary)}[data-theme=dark] .perfil-theme:before{background:radial-gradient(circle at 25% 25%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(14,165,233,.12) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(34,197,94,.15) 0%,transparent 50%);opacity:.4}[data-theme=dark] .perfil-theme .floor-intro,[data-theme=dark] .profile-main-card,[data-theme=dark] .profile-tabs,[data-theme=dark] .tab-content,[data-theme=dark] .guest-cta-card,[data-theme=dark] .testimonials-section{background:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .perfil-theme .floor-intro:before,[data-theme=dark] .tab-content:before,[data-theme=dark] .guest-cta-card:before{opacity:.1}[data-theme=dark] .perfil-theme h1,[data-theme=dark] .perfil-theme h2,[data-theme=dark] .perfil-theme h3,[data-theme=dark] .perfil-theme h4,[data-theme=dark] .perfil-theme h5{color:var(--dark-text-primary)}[data-theme=dark] .job-title{color:var(--perfil-primary)}[data-theme=dark] .company{color:var(--dark-text-secondary)}[data-theme=dark] .profile-level-badge{background:var(--dark-card);border-color:var(--dark-border)}[data-theme=dark] .profile-avatar,[data-theme=dark] .avatar-edit-btn{border-color:var(--dark-surface)}[data-theme=dark] .tab-btn{color:var(--dark-text-secondary)}[data-theme=dark] .tab-btn:hover{background:var(--dark-bg);color:var(--dark-text-primary)}[data-theme=dark] .tab-btn.active{background:var(--perfil-gradient);color:var(--white)}[data-theme=dark] .overview-stat-card,[data-theme=dark] .achievement-card,[data-theme=dark] .activity-item,[data-theme=dark] .connection-item,[data-theme=dark] .day-analytics,[data-theme=dark] .setting-item,[data-theme=dark] .feature-item,[data-theme=dark] .testimonial-card{background:var(--dark-card);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .overview-stat-card:hover,[data-theme=dark] .achievement-card:hover,[data-theme=dark] .activity-item:hover,[data-theme=dark] .connection-item:hover,[data-theme=dark] .day-analytics:hover,[data-theme=dark] .setting-item:hover,[data-theme=dark] .feature-item:hover,[data-theme=dark] .testimonial-card:hover{background:var(--dark-card-hover);border-color:var(--perfil-primary);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .achievement-card.earned{background:var(--dark-perfil-bg);border-color:var(--perfil-primary)}[data-theme=dark] .achievement-card.earned:before{background:var(--perfil-gradient);opacity:.15}[data-theme=dark] .achievements-header,[data-theme=dark] .posts-stats,[data-theme=dark] .connections-stats{background:var(--dark-bg);border-color:var(--dark-border)}[data-theme=dark] .xp-bar,[data-theme=dark] .xp-progress-bar,[data-theme=dark] .metric-bar,[data-theme=dark] .progress-indicator{background:var(--dark-progress-bg)}[data-theme=dark] .xp-label,[data-theme=dark] .xp-text,[data-theme=dark] .achievement-date,[data-theme=dark] .activity-time,[data-theme=dark] .stat-label,[data-theme=dark] .testimonial-author{color:var(--dark-text-secondary)}[data-theme=dark] .activity-floor,[data-theme=dark] .mutual-connections,[data-theme=dark] .earned-date{color:var(--perfil-primary);background:var(--dark-perfil-bg)}[data-theme=dark] .locked-text{color:var(--dark-text-muted)}[data-theme=dark] .connection-avatar{border-color:var(--dark-border-strong)}[data-theme=dark] .cta-btn.secondary{background:var(--dark-card);border-color:var(--perfil-primary);color:var(--perfil-primary)}[data-theme=dark] .cta-btn.secondary:hover{background:var(--dark-perfil-bg)}[data-theme=dark] .no-achievements,[data-theme=dark] .no-activity-message,[data-theme=dark] .no-posts-message,[data-theme=dark] .no-connections-message,[data-theme=dark] .no-analytics-message,[data-theme=dark] .no-achievements-message{background:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .no-achievements h4,[data-theme=dark] .no-activity-message h4,[data-theme=dark] .no-posts-message h4,[data-theme=dark] .no-connections-message h4,[data-theme=dark] .no-analytics-message h4,[data-theme=dark] .no-achievements-message h4{color:var(--dark-text-primary)}[data-theme=dark] .badge.social{background:var(--gradient-purple)}[data-theme=dark] .badge.helper{background:var(--gradient-sky)}[data-theme=dark] .badge.streak{background:var(--gradient-peach)}@media (max-width: 768px){.perfil-theme .floor-intro,.profile-main-card,.tab-content,.guest-cta-card{padding:24px 20px;margin-bottom:24px}.profile-info{padding:0 20px 24px}.profile-avatar{width:100px;height:100px}.profile-details h2{font-size:24px}.profile-badges{flex-direction:column;align-items:flex-start}.profile-tabs{padding:6px;gap:2px;overflow-x:auto}.tab-btn{padding:10px 16px;font-size:13px;min-width:120px}.overview-stats-grid{grid-template-columns:1fr;gap:16px}.achievements-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.features-grid{grid-template-columns:1fr;gap:20px}.testimonials-grid{grid-template-columns:1fr}.cta-actions{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:280px;justify-content:center}.achievements-header{flex-direction:column;align-items:stretch;text-align:center;gap:16px}.posts-stats,.connections-stats{flex-direction:column;gap:16px}.connection-item{padding:16px}.settings-categories{gap:24px}.setting-item{flex-direction:column;align-items:stretch;gap:16px;text-align:center}.no-achievements,.no-activity-message,.no-posts-message,.no-connections-message,.no-analytics-message,.no-achievements-message{padding:24px 16px;margin:16px 0}.rarity-badge{font-size:9px;padding:2px 6px}.badge{font-size:11px;padding:6px 12px}.xp-text{font-size:12px}.metric span:first-child{font-size:11px}.metric span:last-child{font-size:10px}}.loading-message{text-align:center;padding:60px 20px;background:var(--white);border-radius:24px;box-shadow:var(--shadow-card);margin:20px 0}.loading-message h3{font-size:24px;color:var(--gray-900);margin-bottom:12px;font-family:var(--font-family-heading)}.loading-message p{color:var(--gray-600);margin-bottom:20px}.loading-spinner{font-size:32px;color:var(--perfil-primary)}.loading-posts{text-align:center;padding:40px 20px;color:var(--gray-600)}.messenger-overlay,.messenger-container,.messenger-container *{--white: #ffffff;--gray-25: #fcfcfd;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--chat-primary: #22c55e;--chat-secondary: #16a34a;--chat-bg: rgba(34, 197, 94, .05);--chat-border: rgba(34, 197, 94, .2);--chat-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--success: #22c55e;--success-light: #dcfce7;--warning: #f59e0b;--error: #ef4444;--error-light: #fee2e2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--shadow-card: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card-hover: 0 12px 32px rgba(0, 0, 0, .16);--shadow-green: 0 8px 25px rgba(34, 197, 94, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-heading: "Poppins", sans-serif;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem}[data-theme=dark] .messenger-overlay,[data-theme=dark] .messenger-container,[data-theme=dark] .messenger-container *{--white: #0f172a;--gray-25: #1e293b;--gray-50: #334155;--gray-100: #475569;--gray-200: #64748b;--gray-300: #94a3b8;--gray-400: #cbd5e1;--gray-500: #e2e8f0;--gray-600: #f1f5f9;--gray-700: #f8fafc;--gray-800: #fcfcfd;--gray-900: #ffffff;--chat-bg: rgba(34, 197, 94, .1);--success-light: rgba(34, 197, 94, .2);--error-light: rgba(239, 68, 68, .2)}.messenger-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-5);font-family:var(--font-family);animation:messenger-fade-in .3s ease-out}@keyframes messenger-fade-in{0%{opacity:0}to{opacity:1}}.messenger-container{width:100%;max-width:1200px;height:85vh;max-height:800px;background:var(--white);border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px #0006,0 0 0 1px var(--gray-200);display:flex;flex-direction:column;overflow:hidden;position:relative;animation:messenger-slide-up .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes messenger-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.messenger-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,var(--chat-border) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.3;animation:messenger-pattern-float 20s ease-in-out infinite}@keyframes messenger-pattern-float{0%,to{transform:translate(0) rotate(0);opacity:.3}50%{transform:translate(-2px,-3px) rotate(1deg);opacity:.5}}.messenger-container>*{position:relative;z-index:1}.messenger-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);border-bottom:1px solid var(--gray-200);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.messenger-title{display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-bold);color:var(--gray-900);font-size:var(--text-xl);font-family:var(--font-family-heading);margin:0}.messenger-title i{color:var(--chat-primary);font-size:var(--text-2xl);filter:drop-shadow(0 2px 4px var(--chat-border));animation:messenger-chat-pulse 3s ease-in-out infinite}@keyframes messenger-chat-pulse{0%,to{filter:drop-shadow(0 2px 4px var(--chat-border));transform:scale(1)}50%{filter:drop-shadow(0 4px 8px var(--chat-primary));transform:scale(1.05)}}.online-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium);background:var(--success-light);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--success)}.online-dot{width:8px;height:8px;background:var(--success);border-radius:var(--radius-full);animation:messenger-pulse 2s infinite;box-shadow:0 0 0 0 var(--success)}@keyframes messenger-pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 var(--success)}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.messenger-actions{display:flex;gap:var(--space-2)}.messenger-action-btn,.messenger-close-btn{width:44px;height:44px;border:none;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:var(--transition-bounce);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);font-family:var(--font-family)}.messenger-action-btn:before,.messenger-close-btn: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 .6s ease}.messenger-action-btn:hover:before,.messenger-close-btn:hover:before{left:100%}.messenger-action-btn:hover,.messenger-close-btn:hover{background:var(--chat-bg);border-color:var(--chat-primary);color:var(--chat-primary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-green)}.messenger-close-btn:hover{background:var(--error-light);border-color:var(--error);color:var(--error);box-shadow:var(--shadow-md)}.messenger-body{display:flex;flex:1;overflow:hidden}.conversations-sidebar{width:320px;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);position:relative;overflow:hidden}.conversations-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,var(--chat-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.1}.conversations-sidebar>*{position:relative;z-index:1}.conversations-search{padding:var(--space-4);border-bottom:1px solid var(--gray-200);background:var(--white)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper i{position:absolute;left:var(--space-3);color:var(--chat-primary);z-index:2;font-size:var(--text-base)}.search-input-wrapper input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-10));border:2px solid var(--gray-200);border-radius:var(--radius-2xl);background:var(--gray-50);font-size:var(--text-sm);outline:none;transition:var(--transition-normal);color:var(--gray-900);font-weight:var(--font-medium);font-family:var(--font-family)}.search-input-wrapper input:focus{border-color:var(--chat-primary);background:var(--white);transform:translateY(-1px);box-shadow:0 0 0 3px var(--chat-bg)}.search-input-wrapper input::placeholder{color:var(--gray-500);font-weight:var(--font-normal)}.conversations-list{flex:1;overflow-y:auto;padding:var(--space-2) 0}.conversation-item{display:flex;align-items:center;padding:var(--space-4);cursor:pointer;border-bottom:1px solid var(--gray-100);transition:var(--transition-bounce);position:relative;margin:0 var(--space-2);border-radius:var(--radius-lg);overflow:hidden}.conversation-item: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 ease}.conversation-item:hover:before{left:100%}.conversation-item:hover{background:var(--gray-50);transform:translate(4px) translateY(-1px);box-shadow:var(--shadow-sm)}.conversation-item.active{background:var(--chat-bg);border-left:4px solid var(--chat-primary);margin-left:0;padding-left:var(--space-3);box-shadow:var(--shadow-green)}.conversation-item.active:hover{background:var(--chat-bg);transform:translate(2px) translateY(-1px)}.conversation-avatar{position:relative;margin-right:var(--space-3);flex-shrink:0}.conversation-avatar img{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--white);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.conversation-item:hover .conversation-avatar img{transform:scale(1.05);box-shadow:var(--shadow-md)}.status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border:2px solid var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.status-dot.online{background:var(--success);animation:messenger-status-pulse 2s infinite}@keyframes messenger-status-pulse{0%,to{background:var(--success);transform:scale(1)}50%{background:var(--success);transform:scale(1.1)}}.status-dot.offline{background:var(--gray-400)}.status-dot.away{background:var(--warning)}.unread-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ec4899,#db2777);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center;border:2px solid var(--white);box-shadow:var(--shadow-md);animation:messenger-badge-pulse 2s infinite;font-family:var(--font-family)}@keyframes messenger-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-family:var(--font-family-heading)}.group-icon{color:var(--chat-primary);font-size:var(--text-sm)}.last-message{font-size:var(--text-sm);color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-medium);line-height:1.3}.sender{font-weight:var(--font-semibold);color:var(--gray-800)}.no-messages{font-style:italic;color:var(--gray-500)}.conversation-meta{text-align:right;flex-shrink:0;margin-left:var(--space-2)}.time{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium)}.loading-conversations,.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-5);text-align:center;color:var(--gray-600)}.loading-conversations i,.no-conversations i{font-size:4rem;margin-bottom:var(--space-4);color:var(--chat-primary);animation:messenger-icon-float 3s ease-in-out infinite}@keyframes messenger-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loading-conversations h3,.no-conversations h3{color:var(--gray-900);margin-bottom:var(--space-2);font-family:var(--font-family-heading);font-weight:var(--font-bold)}.start-chat-btn{margin-top:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--chat-gradient);color:var(--white);border:none;border-radius:var(--radius-2xl);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:var(--transition-bounce);box-shadow:var(--shadow-green);display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family)}.start-chat-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card-hover)}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--white);position:relative;overflow:hidden}.chat-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 20%,var(--chat-border) 0%,transparent 50%);pointer-events:none;z-index:0;opacity:.03}.chat-main>*{position:relative;z-index:1}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center}.welcome-chat{text-align:center;color:var(--gray-600);padding:var(--space-8)}.welcome-chat i{color:var(--chat-primary);margin-bottom:var(--space-5);font-size:5rem;animation:messenger-welcome-pulse 4s ease-in-out infinite}@keyframes messenger-welcome-pulse{0%,to{color:var(--chat-primary);transform:scale(1)}50%{color:var(--chat-secondary);transform:scale(1.05)}}.welcome-chat h3{color:var(--gray-900);margin-bottom:var(--space-3);font-size:var(--text-2xl);font-family:var(--font-family-heading);font-weight:var(--font-bold)}.welcome-chat p{color:var(--gray-600);margin-bottom:var(--space-6);font-weight:var(--font-medium)}.start-new-chat-btn{padding:var(--space-4) var(--space-6);background:var(--chat-gradient);color:var(--white);border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-2);transition:var(--transition-bounce);box-shadow:var(--shadow-green);font-family:var(--font-family-heading)}.start-new-chat-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-card-hover)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-user-info{display:flex;align-items:center;gap:var(--space-3)}.chat-user-info img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--white);box-shadow:var(--shadow-sm)}.user-name{font-weight:var(--font-semibold);color:var(--gray-900);font-size:var(--text-base);font-family:var(--font-family-heading);margin:0}.user-status{font-size:var(--text-sm);color:var(--success);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-1)}.user-status:before{content:"";width:6px;height:6px;background:var(--success);border-radius:var(--radius-full);animation:messenger-pulse 2s infinite}.chat-actions{display:flex;gap:var(--space-2)}.chat-action-btn{width:40px;height:40px;border:none;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:var(--transition-bounce);box-shadow:var(--shadow-sm);font-family:var(--font-family)}.chat-action-btn:hover{background:var(--chat-bg);border-color:var(--chat-primary);color:var(--chat-primary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-green)}.messages-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-list{flex:1;overflow-y:auto;padding:var(--space-4);scroll-behavior:smooth}.message{display:flex;margin-bottom:var(--space-4);align-items:flex-end;animation:messenger-message-slide-in .3s ease-out}@keyframes messenger-message-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.own{justify-content:flex-end}.message-avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover;margin-right:var(--space-2);border:2px solid var(--white);box-shadow:var(--shadow-sm);flex-shrink:0}.message.own .message-avatar{display:none}.message-content{max-width:70%}.message-sender{font-size:var(--text-xs);color:var(--gray-600);margin-bottom:var(--space-1);margin-left:var(--space-3);font-weight:var(--font-semibold)}.message.own .message-sender{display:none}.message-bubble{background:var(--gray-50);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);position:relative;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-normal)}.message-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.message.own .message-bubble{background:var(--chat-gradient);color:var(--white);border-color:var(--chat-primary);box-shadow:var(--shadow-green)}.message.own .message-bubble:hover{box-shadow:var(--shadow-card)}.message-text{word-wrap:break-word;line-height:1.4;font-weight:var(--font-medium);font-size:var(--text-sm);margin:0}.message-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-1)}.message-time{font-size:var(--text-xs);opacity:.7;font-weight:var(--font-medium)}.message.own .message-time{color:#fffc}.message-status{display:flex;align-items:center;gap:var(--space-1)}.message-status i{font-size:var(--text-xs)}.message-status i.read{color:var(--success);animation:messenger-message-read .3s ease-out}@keyframes messenger-message-read{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.message-status i.sent{color:var(--gray-500)}.typing-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--gray-600);font-size:var(--text-sm);font-style:italic;font-weight:var(--font-medium);background:var(--gray-50);border-radius:var(--radius-lg);margin:0 var(--space-4) var(--space-3);border:1px solid var(--gray-200);animation:messenger-typing-slide-in .3s ease-out}@keyframes messenger-typing-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-dots{display:flex;gap:2px}.typing-dots span{width:4px;height:4px;background:var(--chat-primary);border-radius:var(--radius-full);animation:messenger-typing-bounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes messenger-typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.message-input-area{padding:var(--space-4) var(--space-5);border-top:1px solid var(--gray-200);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.message-input-wrapper{display:flex;align-items:center;gap:var(--space-2);background:var(--white);border-radius:var(--radius-3xl);padding:var(--space-2);border:2px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.message-input-wrapper:focus-within{border-color:var(--chat-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--chat-bg)}.attachment-btn,.emoji-btn{width:40px;height:40px;border:1px solid var(--gray-200);background:var(--gray-100);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:var(--transition-normal);position:relative;box-shadow:var(--shadow-sm);font-family:var(--font-family)}.attachment-btn:before,.emoji-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.3),transparent);transition:left .5s ease}.attachment-btn:hover:before,.emoji-btn:hover:before{left:100%}.attachment-btn:hover,.emoji-btn:hover{background:var(--gray-200);color:var(--gray-800);transform:scale(1.1)}.message-input{flex:1;border:none;outline:none;background:transparent;padding:var(--space-3) var(--space-2);font-size:var(--text-base);color:var(--gray-900);font-weight:var(--font-medium);line-height:1.4;resize:none;max-height:120px;font-family:var(--font-family)}.message-input::placeholder{color:var(--gray-500);font-weight:var(--font-normal)}.send-btn{width:40px;height:40px;border:none;background:var(--chat-gradient);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white);transition:var(--transition-bounce);box-shadow:var(--shadow-green);position:relative;overflow:hidden;font-family:var(--font-family)}.send-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 .6s ease}.send-btn:hover:before{left:100%}.send-btn:hover:not(:disabled){background:var(--chat-secondary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-card-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--gray-400)}.send-btn:active:not(:disabled){transform:translateY(0) scale(.95)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:messenger-fade-in .3s ease-out;font-family:var(--font-family)}.modal{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d,0 0 0 1px var(--gray-200);animation:messenger-modal-slide-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes messenger-modal-slide-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--white) 0%,var(--gray-25) 100%)}.modal-header h3{margin:0;color:var(--gray-900);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-family-heading)}.modal-header button{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-600);transition:var(--transition-bounce);font-family:var(--font-family)}.modal-header button:hover{background:var(--error-light);color:var(--error);transform:scale(1.1)}.modal-body{padding:var(--space-5);max-height:60vh;overflow-y:auto}.group-name-input input,.search-users input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-base);outline:none;margin-bottom:var(--space-4);background:var(--white);color:var(--gray-900);font-weight:var(--font-medium);transition:var(--transition-normal);font-family:var(--font-family);box-sizing:border-box}.group-name-input input:focus,.search-users input:focus{border-color:var(--chat-primary);transform:translateY(-1px);box-shadow:0 0 0 3px var(--chat-bg)}.group-name-input input::placeholder,.search-users input::placeholder{color:var(--gray-500);font-weight:var(--font-normal)}.selected-users{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.selected-user{display:flex;align-items:center;gap:var(--space-2);background:var(--chat-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--chat-primary);border:2px solid var(--chat-primary);animation:messenger-chip-slide-in .3s ease-out;font-family:var(--font-family)}@keyframes messenger-chip-slide-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.selected-user img{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover}.selected-user button{width:16px;height:16px;border:none;background:transparent;cursor:pointer;color:var(--error);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:var(--transition-normal);font-family:var(--font-family)}.selected-user button:hover{background:var(--error);color:var(--white);transform:scale(1.2)}.users-list{max-height:300px;overflow-y:auto}.user-item{display:flex;align-items:center;padding:var(--space-3);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-bounce);position:relative;overflow:hidden}.user-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);transition:left .5s ease}.user-item:hover:before{left:100%}.user-item:hover{background:var(--gray-50);transform:translate(4px)}.user-item img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;margin-right:var(--space-3);border:2px solid var(--white);box-shadow:var(--shadow-sm)}.user-info{flex:1}.user-name{font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:2px;font-size:var(--text-base);font-family:var(--font-family-heading)}.user-role{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.online-status{width:8px;height:8px;border-radius:var(--radius-full);margin-left:var(--space-2);flex-shrink:0}.online-status.online{background:var(--success);animation:messenger-pulse 2s infinite}.online-status.offline{background:var(--gray-400)}.add-user-btn{width:36px;height:36px;border:none;background:var(--chat-gradient);color:var(--white);border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce);box-shadow:var(--shadow-green);font-family:var(--font-family)}.add-user-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-card)}.modal-footer{padding:var(--space-5);border-top:1px solid var(--gray-200);background:var(--gray-25)}.create-group-btn{width:100%;padding:var(--space-4);background:var(--chat-gradient);color:var(--white);border:none;border-radius:var(--radius-xl);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-bounce);box-shadow:var(--shadow-green);font-family:var(--font-family-heading)}.create-group-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:var(--gray-400)}.create-group-btn:hover:not(:disabled){background:var(--chat-secondary);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card-hover)}@media (max-width: 1024px){.messenger-container{max-width:95vw;height:90vh}.conversations-sidebar{width:280px}.message-content{max-width:80%}}@media (max-width: 768px){.messenger-overlay{padding:var(--space-2)}.messenger-container{width:100vw;height:100vh;max-height:100vh;border-radius:0}.conversations-sidebar{width:100%;position:absolute;top:0;left:0;height:100%;z-index:2;transform:translate(-100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-xl)}.conversations-sidebar.open{transform:translate(0)}.message-content{max-width:85%}.messenger-header{padding:var(--space-3) var(--space-4)}.messenger-title{font-size:var(--text-lg)}.chat-header,.message-input-area{padding:var(--space-3) var(--space-4)}.modal{max-width:95vw}}@media (max-width: 480px){.messenger-overlay{padding:0}.conversation-item{padding:var(--space-3)}.conversation-avatar img{width:40px;height:40px}.chat-user-info img{width:36px;height:36px}.message-avatar{width:28px;height:28px}.message-bubble{padding:var(--space-2) var(--space-3)}.send-btn{width:36px;height:36px}}@keyframes messenger-new-message{0%{background:var(--success-light);transform:scale(1.02)}to{background:transparent;transform:scale(1)}}.conversation-item.new-message{animation:messenger-new-message 1s ease-out}.conversations-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.users-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.users-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.conversations-list::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.users-list::-webkit-scrollbar-thumb{background:var(--chat-primary);border-radius:var(--radius-full)}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.users-list::-webkit-scrollbar-thumb:hover{background:var(--chat-secondary)}.messenger-hidden{display:none!important}.messenger-fade-out{animation:messenger-fade-out .3s ease-out forwards}@keyframes messenger-fade-out{0%{opacity:1}to{opacity:0}}.attachment-btn i,.emoji-btn i,.send-btn i{display:none}.attachment-btn:before,.emoji-btn:before,.send-btn:before{font-size:var(--text-lg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .2s ease}.attachment-btn:hover:before,.emoji-btn:hover:before{transform:translate(-50%,-50%) scale(1.1)}.attachment-btn:before{content:"📎"}.emoji-btn:before{content:"😊"}.send-btn:before{content:"➤";font-size:var(--text-xl)}.onboarding-wizard{width:100%;max-width:900px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.onboarding-wizard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;z-index:1}.wizard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:2rem;position:relative;z-index:2}.loading-spinner{font-size:4rem;margin-bottom:2rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.wizard-loading h3{font-size:2rem;margin-bottom:1rem;font-weight:700}.wizard-loading p{font-size:1.2rem;opacity:.9;margin:0}.wizard-intro{padding:2rem;color:#fff;position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.intro-header{text-align:center;margin-bottom:3rem}.intro-icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.intro-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-subtitle{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.intro-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;min-width:120px}.stat-card:hover{transform:translateY(-5px);background:#fff3}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-number{display:block;font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.9rem;opacity:.9;font-weight:600}.intro-categories{margin-bottom:3rem}.intro-categories h3{text-align:center;font-size:1.5rem;margin-bottom:2rem;font-weight:700}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-width:800px;margin:0 auto}.category-preview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;display:flex;align-items:center;gap:1rem}.category-preview:hover{transform:translateY(-3px);background:#ffffff26}.category-preview .category-icon{font-size:2rem;flex-shrink:0}.category-details h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.category-details p{margin:0;font-size:.9rem;opacity:.9;line-height:1.4}.intro-benefits{margin-bottom:3rem}.intro-benefits h3{text-align:center;font-size:1.5rem;margin-bottom:2rem;font-weight:700}.benefits-list{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.benefit-item{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.benefit-item:hover{background:#ffffff26;transform:translate(5px)}.benefit-item i{font-size:1.25rem;color:#4facfe;flex-shrink:0}.benefit-item span{font-weight:500}.intro-actions{text-align:center}.start-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:1.25rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px #4facfe4d;margin-bottom:1.5rem}.start-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4facfe66;background:linear-gradient(135deg,#00f2fe,#4facfe)}.privacy-note{font-size:.9rem;opacity:.8;margin:0}.wizard-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-bottom:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.progress-section{margin-bottom:1.5rem}.progress-bar{background:#667eea33;height:8px;border-radius:4px;overflow:hidden;margin-bottom:1rem}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .5s ease;border-radius:4px}.progress-info{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#4a5568}.progress-text{font-size:.9rem}.progress-percentage{font-size:1.1rem;color:#667eea}.category-indicator{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 20px #667eea4d}.category-indicator .category-icon{font-size:2rem}.category-info{display:flex;flex-direction:column}.category-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.category-description{font-size:.9rem;opacity:.9}.wizard-content{padding:2rem;position:relative;z-index:2;display:flex;justify-content:center;min-height:400px;align-items:center}.question-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem;max-width:700px;width:100%;box-shadow:0 20px 60px #0000001a;border:1px solid rgba(255,255,255,.3);animation:questionSlide .5s ease}@keyframes questionSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.question-number{font-size:1.5rem;font-weight:800;color:#667eea}.question-category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.question-text{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem;line-height:1.4;text-align:center}.question-description{font-size:1rem;color:#718096;margin-bottom:2rem;text-align:center;line-height:1.6}.response-section{margin-bottom:2rem}.scale-labels{display:flex;justify-content:space-between;margin-bottom:2rem;font-size:.9rem;color:#718096;font-weight:600}.scale-options{display:flex;justify-content:space-between;gap:1rem;max-width:500px;margin:0 auto}.scale-option{width:80px;height:80px;border:3px solid #e2e8f0;border-radius:50%;background:#fff;color:#4a5568;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative;overflow:hidden}.scale-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease;z-index:1}.scale-option:hover{border-color:#667eea;transform:scale(1.1);box-shadow:0 8px 25px #667eea4d}.scale-option:hover:before{opacity:.1}.scale-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a67d8;color:#fff;transform:scale(1.15);box-shadow:0 10px 30px #667eea66}.scale-option.selected:before{opacity:0}.scale-number{font-size:1.5rem;font-weight:800;position:relative;z-index:2}.scale-emoji{font-size:1.2rem;position:relative;z-index:2}.question-weight{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#f6ad55;font-weight:600;background:#f6ad551a;padding:.75rem;border-radius:12px}.wizard-actions{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.nav-btn,.submit-btn{padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none;font-size:1rem}.prev-btn{background:#718096;color:#fff}.prev-btn:hover:not(:disabled){background:#4a5568;transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.submit-btn{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-3px);box-shadow:0 10px 30px #48bb7866}.nav-btn:disabled,.submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.response-indicators{display:flex;gap:.5rem;align-items:center;max-width:300px;overflow-x:auto;padding:.5rem}.response-dot{width:12px;height:12px;border-radius:50%;background:#e2e8f0;transition:all .3s ease;cursor:pointer;flex-shrink:0}.response-dot:hover{transform:scale(1.2)}.response-dot.current{background:#667eea;transform:scale(1.4);box-shadow:0 0 0 3px #667eea4d}.response-dot.answered{background:#48bb78}.response-dot.answered.current{background:#38a169}.completion-summary{background:#ffffffe6;padding:1rem 2rem;text-align:center;position:relative;z-index:2}.answered-count{font-weight:600;color:#4a5568;margin-bottom:.5rem;display:block}.completion-bar{background:#e2e8f0;height:6px;border-radius:3px;overflow:hidden;max-width:300px;margin:0 auto}.completion-fill{background:linear-gradient(90deg,#48bb78,#38a169);height:100%;transition:width .3s ease;border-radius:3px}.wizard-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:2rem;position:relative;z-index:2}.processing-animation{position:relative;margin-bottom:3rem}.magic-circle{width:120px;height:120px;border:4px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 20px #fff0}}.sparkles{position:absolute;top:0;left:0;right:0;bottom:0}.sparkle{position:absolute;font-size:1.5rem;animation:sparkleFloat 3s infinite ease-in-out}.sparkle-1{top:10%;left:20%;animation-delay:0s}.sparkle-2{top:20%;right:15%;animation-delay:.5s}.sparkle-3{bottom:25%;left:15%;animation-delay:1s}.sparkle-4{bottom:15%;right:20%;animation-delay:1.5s}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-15px) rotate(180deg);opacity:1}}.wizard-processing h2{font-size:2rem;margin-bottom:2rem;font-weight:700}.processing-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:400px}.step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:12px;transition:all .3s ease;opacity:.6}.step.active{opacity:1;background:#fff3;transform:translate(10px)}.step i{font-size:1.25rem;width:24px;text-align:center}.step span{font-weight:600}.processing-description{font-size:1.1rem;opacity:.9;max-width:500px;line-height:1.6}.wizard-completed{padding:2rem;color:#fff;position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.completed-animation{position:relative;margin-bottom:3rem}.success-icon{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#48bb78,#38a169);display:flex;align-items:center;justify-content:center;font-size:4rem;margin:0 auto;box-shadow:0 20px 60px #48bb784d;animation:successBounce 1s ease}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.celebration-sparkles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.celebration-sparkles .sparkle{position:absolute;font-size:2rem;animation:celebrationFloat 2s infinite ease-in-out}@keyframes celebrationFloat{0%,to{transform:translateY(0) scale(1) rotate(0);opacity:.8}50%{transform:translateY(-30px) scale(1.2) rotate(180deg);opacity:1}}.wizard-completed h1{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(45deg,#fff,#48bb78);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-subtitle{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto 3rem;line-height:1.6}.baseline-preview{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;margin-bottom:3rem;border:1px solid rgba(255,255,255,.2)}.baseline-preview h3{font-size:1.5rem;margin-bottom:2rem;font-weight:700}.baseline-metrics{display:flex;justify-content:space-around;gap:1.5rem;flex-wrap:wrap}.metric-card{background:#ffffff1a;border-radius:16px;padding:1.5rem;min-width:150px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.metric-card:hover{transform:translateY(-5px);background:#ffffff26}.metric-icon{font-size:2.5rem;margin-bottom:1rem}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:.9rem;opacity:.9;margin-bottom:.5rem;font-weight:600}.metric-value{font-size:2rem;font-weight:800;color:#48bb78}.completion-benefits{margin-bottom:3rem}.completion-benefits h3{font-size:1.5rem;margin-bottom:2rem;font-weight:700}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:800px;margin:0 auto}.benefit-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-align:center}.benefit-card:hover{transform:translateY(-5px);background:#ffffff26}.benefit-card i{font-size:2.5rem;margin-bottom:1rem;color:#4facfe}.benefit-card h4{font-size:1.2rem;margin-bottom:1rem;font-weight:700}.benefit-card p{font-size:.9rem;opacity:.9;line-height:1.5;margin:0}.completion-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.continue-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;padding:1.25rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 30px #4facfe4d}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4facfe66;background:linear-gradient(135deg,#00f2fe,#4facfe)}.secondary-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-btn:hover{background:#ffffff4d;transform:translateY(-2px);border-color:#ffffff80}.completion-note{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);max-width:600px;margin:0 auto}.completion-note p{margin:0;font-size:1rem;line-height:1.6;opacity:.9}@media (max-width: 768px){.onboarding-wizard{max-width:100%}.wizard-intro,.wizard-completed{padding:1rem}.intro-header h1,.wizard-completed h1{font-size:2rem}.intro-subtitle,.completion-subtitle{font-size:1.1rem}.intro-stats{flex-direction:column;align-items:center;gap:1rem}.stat-card{min-width:200px}.categories-grid{grid-template-columns:1fr;gap:1rem}.category-preview{flex-direction:column;text-align:center;gap:.75rem}.benefits-list{gap:.75rem}.benefit-item{padding:.75rem 1rem}.wizard-header{padding:1rem}.wizard-content{padding:1rem;min-height:300px}.question-card{padding:2rem 1.5rem}.question-text{font-size:1.25rem}.scale-options{gap:.5rem;flex-wrap:wrap;justify-content:center}.scale-option{width:60px;height:60px}.wizard-actions{padding:1rem;flex-direction:column;gap:1rem}.response-indicators{order:-1;justify-content:center;max-width:100%}.nav-btn,.submit-btn{width:100%;justify-content:center}.baseline-metrics{flex-direction:column;align-items:center}.benefits-grid{grid-template-columns:1fr;gap:1rem}.completion-actions{flex-direction:column;align-items:center}.continue-btn,.secondary-btn{width:100%;justify-content:center}}@media (max-width: 480px){.intro-icon{font-size:3.5rem}.question-header{flex-direction:column;gap:.5rem;align-items:flex-start}.scale-option{width:50px;height:50px}.scale-number{font-size:1.25rem}.scale-emoji{font-size:1rem}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.wizard-intro{animation:slideInFromLeft .8s ease}.wizard-completed{animation:slideInFromRight .8s ease}.onboarding-wizard:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="stars" patternUnits="userSpaceOnUse" width="100" height="100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23stars)"/></svg>') repeat;opacity:.3;pointer-events:none;z-index:1}.notifications-page-container{max-width:800px;margin:40px auto;padding:30px;background-color:var(--white);border-radius:20px;box-shadow:var(--shadow-card);border:1px solid var(--gray-200);font-family:var(--font-family);color:var(--gray-800)}.notifications-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--gray-100);flex-wrap:wrap;gap:15px}.notifications-page-title{font-size:2rem;font-weight:var(--font-extrabold);color:var(--gray-900);margin:0;display:flex;align-items:center;gap:12px;font-family:var(--font-family-heading)}.notifications-page-title i{color:var(--insights-primary);font-size:2.2rem}.unread-count-badge{background-color:var(--error);color:#fff;padding:8px 15px;border-radius:20px;font-weight:var(--font-semibold);font-size:.9rem;box-shadow:var(--shadow-rose)}.mark-all-read-page-btn{background-color:var(--circulos-primary);color:#fff;padding:12px 20px;border:none;border-radius:12px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:8px;font-size:.95rem;box-shadow:var(--shadow-sage)}.mark-all-read-page-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.mark-all-read-page-btn:disabled{background-color:var(--gray-300);cursor:not-allowed;opacity:.7;box-shadow:none}.notifications-list{display:flex;flex-direction:column;gap:15px}.notification-item{display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:15px;background-color:var(--gray-50);border:1px solid var(--gray-200);transition:all .3s ease-in-out;position:relative;overflow:hidden}.notification-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--insights-primary)}.notification-item.unread{background-color:var(--insights-bg);border-color:var(--insights-border);box-shadow:0 0 15px #007bff1a}.notification-item.unread:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%;background-color:var(--insights-primary);border-radius:15px 0 0 15px}.notification-icon{flex-shrink:0;width:45px;height:45px;border-radius:10px;background-color:var(--insights-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:var(--shadow-sm)}.notification-content{flex-grow:1}.notification-title{font-size:1.1rem;font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:5px}.notification-message{font-size:.95rem;color:var(--gray-700);line-height:1.5;margin-bottom:10px}.notification-time{font-size:.85rem;color:var(--gray-500);font-weight:var(--font-medium)}.notification-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.mark-read-btn,.delete-notif-btn{padding:8px 15px;border-radius:8px;font-size:.85rem;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-normal);border:1px solid var(--gray-300);background-color:var(--white);color:var(--gray-700)}.mark-read-btn{background-color:var(--circulos-bg);border-color:var(--circulos-border);color:var(--circulos-primary)}.mark-read-btn:hover{background-color:var(--circulos-primary);color:#fff;box-shadow:var(--shadow-xs)}.delete-notif-btn{background-color:var(--error-light);border-color:var(--error);color:var(--error)}.delete-notif-btn:hover{background-color:var(--error);color:#fff;box-shadow:var(--shadow-xs)}.load-more-btn{width:100%;padding:15px;background-color:var(--insights-primary);color:#fff;border:none;border-radius:12px;font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bounce);margin-top:20px;box-shadow:var(--shadow-md)}.load-more-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.load-more-btn:disabled{background-color:var(--gray-300);cursor:not-allowed;opacity:.7;box-shadow:none}.notifications-loading,.notifications-error,.notifications-empty{text-align:center;padding:50px 20px;background-color:var(--gray-50);border-radius:15px;border:1px dashed var(--gray-300);color:var(--gray-600);margin-top:30px}.notifications-loading i,.notifications-error i,.notifications-empty i{font-size:3rem;color:var(--insights-primary);margin-bottom:20px}.notifications-error i{color:var(--error)}.notifications-empty i{color:var(--gray-400)}.notifications-loading p,.notifications-error p,.notifications-empty p{font-size:1.1rem;margin-bottom:15px}.notifications-error button{background-color:var(--insights-primary);color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:var(--transition-normal)}.notifications-error button:hover{opacity:.9}[data-theme=dark] .notifications-page-container{background-color:var(--dark-surface);border-color:var(--dark-border);color:var(--dark-text-primary)}[data-theme=dark] .notifications-header{border-color:var(--dark-border)}[data-theme=dark] .notifications-page-title{color:var(--dark-text-primary)}[data-theme=dark] .mark-all-read-page-btn{background-color:var(--dark-circulos-bg);box-shadow:var(--shadow-dark-card)}[data-theme=dark] .mark-all-read-page-btn:hover{box-shadow:var(--shadow-dark-card-hover)}[data-theme=dark] .notification-item{background-color:var(--dark-card);border-color:var(--dark-border)}[data-theme=dark] .notification-item.unread{background-color:var(--dark-insights-bg);border-color:var(--insights-primary)}[data-theme=dark] .notification-item.unread:before{background-color:var(--insights-primary)}[data-theme=dark] .notification-icon{background-color:var(--insights-primary);box-shadow:var(--shadow-dark-sm)}[data-theme=dark] .notification-title{color:var(--dark-text-primary)}[data-theme=dark] .notification-message{color:var(--dark-text-secondary)}[data-theme=dark] .notification-time{color:var(--dark-text-muted)}[data-theme=dark] .mark-read-btn,[data-theme=dark] .delete-notif-btn{background-color:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .mark-read-btn{background-color:var(--dark-circulos-bg);border-color:var(--circulos-primary);color:var(--circulos-primary)}[data-theme=dark] .mark-read-btn:hover{background-color:var(--circulos-primary);color:#fff}[data-theme=dark] .delete-notif-btn{background-color:var(--dark-error-bg);border-color:var(--error);color:var(--error)}[data-theme=dark] .delete-notif-btn:hover{background-color:var(--error);color:#fff}[data-theme=dark] .load-more-btn{background-color:var(--dark-insights-bg);box-shadow:var(--shadow-dark-md)}[data-theme=dark] .load-more-btn:hover{box-shadow:var(--shadow-dark-lg)}[data-theme=dark] .notifications-loading,[data-theme=dark] .notifications-error,[data-theme=dark] .notifications-empty{background-color:var(--dark-bg);border-color:var(--dark-border);color:var(--dark-text-secondary)}[data-theme=dark] .notifications-loading i,[data-theme=dark] .notifications-error i,[data-theme=dark] .notifications-empty i{color:var(--insights-primary)}[data-theme=dark] .notifications-error i{color:var(--error)}[data-theme=dark] .notifications-empty i{color:var(--dark-text-muted)}[data-theme=dark] .notifications-error button{background-color:var(--dark-insights-bg);color:var(--insights-primary)}[data-theme=dark] .notifications-error button:hover{background-color:var(--insights-primary);color:#fff}@media (max-width: 768px){.notifications-page-container{margin:20px auto;padding:20px}.notifications-header{flex-direction:column;align-items:center;text-align:center}.notifications-page-title{font-size:1.8rem}.unread-count-badge,.mark-all-read-page-btn{width:100%;justify-content:center}.notification-item{flex-direction:column;align-items:center;text-align:center}.notification-icon{margin-bottom:10px}.notification-actions{justify-content:center;width:100%}.mark-read-btn,.delete-notif-btn{flex-grow:1}}