*{box-sizing:border-box;margin:0;padding:0}:root{--primary-blue-dark:#0691e0;--primary-blue-light:#3db5fd;--black:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.btn-primary{background-color:#08a4fc;background-color:var(--primary-blue);color:var(--white);font-weight:600;transition:all .2s ease}.btn-primary:hover{background-color:#0691e0;background-color:var(--primary-blue-dark)}.btn-secondary{background-color:#fff;background-color:var(--white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-700);font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--gray-50);border-color:var(--gray-400)}.card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:24px}.text-primary{color:#08a4fc;color:var(--primary-blue)}.text-secondary{color:#4b5563;color:var(--gray-600)}.text-muted{color:#6b7280;color:var(--gray-500)}.bg-primary{background-color:#08a4fc;background-color:var(--primary-blue)}.bg-secondary{background-color:#f3f4f6;background-color:var(--gray-100)}.fade-in{animation:fadeIn .3s ease}.login-container{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-background{inset:0;overflow:hidden;position:absolute;z-index:1}.background-shapes{height:100%;position:relative;width:100%}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.shape-2{animation-delay:2s;height:200px;right:15%;top:60%;width:200px}.shape-3{animation-delay:4s;bottom:20%;height:150px;left:20%;width:150px}.login-content{max-width:420px;position:relative;width:100%;z-index:2}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.login-header{margin-bottom:32px;text-align:center}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border-radius:12px;color:var(--white);display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.login-title{color:var(--gray-900);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.login-subtitle{color:var(--gray-600);font-size:16px;line-height:1.5;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.error-message{animation:slideDown .3s ease;background:#ef44441a;border:1px solid #ef444433;font-weight:500;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--gray-700);font-size:14px;font-weight:600}.input-container{align-items:center;display:flex;position:relative}.input-icon{color:var(--gray-400);left:16px;pointer-events:none;position:absolute;z-index:2}.form-input{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;color:var(--gray-900);font-size:16px;padding:16px 16px 16px 56px;transition:all .2s ease;width:100%}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #08a4fc1a;outline:none}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-input::placeholder,.password-toggle{color:var(--gray-400)}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;position:absolute;right:16px;transition:color .2s ease}.password-toggle:hover{color:var(--gray-600)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-actions{margin-top:8px}.login-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border:none;border-radius:12px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .2s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 10px 20px #08a4fc4d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.button-content{gap:8px}.button-content,.button-loading{align-items:center;display:flex;justify-content:center}.button-loading{gap:12px}.spinner{border:2px solid #ffffff4d;border-top:2px solid var(--white);height:18px;width:18px}.form-footer{margin-top:24px;text-align:center}.register-link{color:var(--gray-600);font-size:14px;margin:0}.link{color:var(--primary-blue);font-weight:600;text-decoration:none;transition:color .2s ease}.link:hover{color:var(--primary-blue-dark);text-decoration:underline}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:32px 24px}.login-title{font-size:24px}.login-subtitle{font-size:14px}.form-input{font-size:16px;padding:14px 14px 14px 52px}.login-button{font-size:16px;padding:14px}}.register-container{align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.register-background{inset:0;overflow:hidden;position:absolute;z-index:1}.register-content{max-width:480px;position:relative;width:100%;z-index:2}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white);border:1px solid var(--gray-200);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px}.register-header{margin-bottom:32px;text-align:center}.register-title{color:var(--gray-900);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.register-subtitle{color:var(--gray-600);font-size:16px;line-height:1.5;margin:0}.register-form{display:flex;flex-direction:column;gap:20px}.form-select{-webkit-appearance:none;appearance:none;background:var(--white);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;border:2px solid var(--gray-200);border-radius:12px;color:var(--gray-900);cursor:pointer;font-size:16px;padding:16px 48px 16px 56px;transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #08a4fc1a;outline:none}.form-select:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.level-description{color:var(--gray-500);font-size:13px;font-style:italic;margin:8px 0 0;padding-left:52px}.register-button{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));border:none;border-radius:12px;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .2s ease;width:100%}.register-button:hover:not(:disabled){box-shadow:0 10px 20px #08a4fc4d;transform:translateY(-1px)}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{cursor:not-allowed;opacity:.7}.login-link{color:var(--gray-600);font-size:14px;margin:0}.form-input[name=confirmPassword]:invalid{border-color:#ef4444}.form-input[name=confirmPassword]:valid{border-color:#10b981}.password-strength{margin-top:8px;padding-left:52px}.strength-bar{background:var(--gray-200);border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.strength-fill.weak{background:#ef4444;width:33%}.strength-fill.medium{background:#f59e0b;width:66%}.strength-fill.strong{background:#10b981;width:100%}.strength-text{font-size:12px;font-weight:500}.strength-text.weak{color:#ef4444}.strength-text.medium{color:#f59e0b}.strength-text.strong{color:#10b981}@media (max-width:480px){.register-container{padding:16px}.register-card{padding:32px 24px}.register-title{font-size:24px}.register-subtitle{font-size:14px}.form-input,.form-select{font-size:16px;padding:14px 14px 14px 52px}.form-select{padding-right:44px}.register-button{font-size:16px;padding:14px}.level-description{padding-left:48px}}.logo{gap:12px;margin-bottom:24px}.logo-image{border-radius:8px;height:48px;width:48px}.logo-text{color:var(--gray-900);font-size:18px;font-weight:700;letter-spacing:.5px}.sidebar{background-color:#fff;border-right:1px solid #e5e7eb;box-shadow:0 0 15px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:100}.sidebar-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #f3f4f6;padding:28px 28px 24px}.top-actions{margin-bottom:12px}.top-action-btn{align-items:center;background:#08a4fc1a;border:2px solid #08a4fc33;border-radius:50%;color:#08a4fc;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.top-action-btn:hover{background:#08a4fc33;border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-2px) scale(1.05)}.top-action-btn:active{transform:translateY(0) scale(1.02)}.chat-btn{background:linear-gradient(135deg,#38bdf826,#0ea5e91a);border:2px solid #38bdf84d;box-shadow:0 2px 8px #38bdf833;color:#38bdf8}.chat-btn:hover{background:linear-gradient(135deg,#38bdf840,#0ea5e933);border-color:#38bdf8;box-shadow:0 6px 16px #38bdf866;color:#0ea5e9;transform:translateY(-3px) scale(1.1)}.chat-btn:active{box-shadow:0 3px 12px #38bdf84d;transform:translateY(-1px) scale(1.05)}.notifications-btn{animation:pulse-notification 3s infinite;background:linear-gradient(135deg,#38bdf826,#0ea5e91a);border:2px solid #38bdf84d;box-shadow:0 2px 8px #38bdf833;color:#38bdf8}.notifications-btn:hover{animation:none;background:linear-gradient(135deg,#38bdf840,#0ea5e933);border-color:#38bdf8;box-shadow:0 6px 16px #38bdf866;color:#0ea5e9;transform:translateY(-3px) scale(1.1)}.notifications-btn:active{box-shadow:0 3px 12px #38bdf84d;transform:translateY(-1px) scale(1.05)}@keyframes pulse-notification{0%,to{box-shadow:0 2px 8px #38bdf833}50%{box-shadow:0 4px 12px #38bdf84d}}.top-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.top-action-btn:active:before{height:100%;width:100%}.logo{align-items:center;display:flex;justify-content:center;margin-bottom:32px;margin-top:32px}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:auto;max-height:90px;max-width:220px;object-fit:contain}.top-actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08a4fc0d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:32px;padding:12px 16px}.membership-info{margin-top:20px}.membership-loading{align-items:center;background:#08a4fc0d;border-radius:12px;color:#6b7280;display:flex;font-size:12px;gap:8px;justify-content:center;padding:12px}.membership-loading .spinning{animation:spin 1s linear infinite}.membership-error{background:#ef44441a;border-radius:8px;color:#dc2626;font-size:11px;padding:8px 12px;text-align:center}.membership-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;gap:12px;padding:16px;transition:all .3s ease}.membership-badge:hover{box-shadow:0 8px 25px #00000026;filter:brightness(1.05);transform:translateY(-2px)}.membership-icon{background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;font-size:24px;height:32px;justify-content:center;width:32px}.membership-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.membership-name{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.membership-since{color:#fff;font-size:11px;font-weight:500;line-height:1.2;opacity:.9}.quick-actions{gap:16px;margin-top:16px;padding:0 16px}.quick-action-btn,.quick-actions{align-items:center;display:flex;justify-content:center}.quick-action-btn{background:#08a4fc1a;border:2px solid #08a4fc33;border-radius:50%;color:#08a4fc;cursor:pointer;height:44px;overflow:hidden;position:relative;transition:all .3s ease;width:44px}.quick-action-btn:hover{background:#08a4fc33;border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-2px)}.quick-action-btn:active{transform:translateY(0)}.profile-btn{padding:0}.profile-image{object-fit:cover}.profile-image,.profile-placeholder{border-radius:50%;height:40px;width:40px}.profile-placeholder{align-items:center;background:linear-gradient(135deg,#08a4fc,#0284c7);color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:24px 16px}.sidebar-item{align-items:center;border-radius:12px;color:#374151;display:flex;font-size:16px;font-weight:700;gap:16px;margin:0 0 8px;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:all .3s ease}.sidebar-item:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.sidebar-item:hover{background:linear-gradient(135deg,#08a4fc0d,#08a4fc1a);color:#08a4fc;transform:translateX(2px)}.sidebar-item:hover:before{background:#08a4fc}.sidebar-item.active{background:linear-gradient(135deg,#08a4fc,#0694e8);box-shadow:0 4px 12px #08a4fc4d;color:#fff;font-weight:800}.sidebar-item.active:before{background:#fff;width:4px}.sidebar-item.active:hover{background:linear-gradient(135deg,#0694e8,#0584d4);transform:translateX(0)}.sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-item.active .sidebar-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.sidebar-text{font-size:16px;font-weight:inherit;letter-spacing:-.025em}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.sidebar{border-bottom:1px solid #e5e7eb;border-right:none;box-shadow:0 2px 8px #0000001a;height:auto;position:relative;width:100%}.sidebar-header{padding:24px 20px}.sidebar-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 16px}.sidebar-item{flex-shrink:0;margin:0;min-width:auto;padding:12px 20px;white-space:nowrap}.sidebar-text{font-size:14px}.sidebar-icon{height:20px;width:20px}.logo-image{max-height:60px;max-width:160px}.membership-info{margin-top:16px}.membership-badge{gap:10px;padding:12px}.membership-icon{font-size:20px;height:28px;width:28px}.membership-name{color:#fff;font-size:13px}.membership-since{color:#fff;font-size:10px}.quick-actions{gap:12px;margin-top:12px;padding:0 12px}.quick-action-btn{height:38px;width:38px}.profile-image,.profile-placeholder{font-size:14px;height:34px;width:34px}.top-actions{margin-bottom:16px;padding:10px 12px}.top-action-btn{height:36px;width:36px}}@media (max-width:480px){.sidebar-header{padding:20px 16px}.sidebar-nav{gap:4px;padding:8px 12px}.sidebar-item{gap:12px;padding:10px 16px}.sidebar-text{font-size:13px}.sidebar-icon{height:18px;width:18px}.logo-image{max-height:50px;max-width:140px}.membership-info{margin-top:12px}.membership-badge{gap:8px;padding:10px}.membership-icon{font-size:18px;height:24px;width:24px}.membership-name{color:#fff;font-size:12px}.membership-since{color:#fff;font-size:9px}.quick-actions{gap:10px;margin-top:10px;padding:0 10px}.quick-action-btn{height:36px;width:36px}.profile-image,.profile-placeholder{font-size:13px;height:32px;width:32px}.top-actions{margin-bottom:12px;padding:8px 10px}.top-action-btn{height:34px;width:34px}}.modern-community-trigger{align-items:center;background:#08a4fc;border:2px solid #fff;border-radius:12px;box-shadow:0 2px 8px #08a4fc33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:600;gap:12px;height:40px;min-width:280px;padding:0 20px;transition:all .2s ease}.modern-community-trigger:hover{background:#0691e0;box-shadow:0 4px 16px #08a4fc4d;transform:translateY(-1px)}.modern-community-trigger.open{background:#0691e0;box-shadow:0 0 0 3px #08a4fc4d}.trigger-icon{flex-shrink:0;opacity:1}.trigger-text{flex:1 1;font-weight:600;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.trigger-chevron{flex-shrink:0;opacity:.8;transition:transform .3s ease}.trigger-chevron.rotated{transform:rotate(180deg)}.community-dropdown-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;color:#fff;flex-shrink:0;font-size:16px;min-width:280px;padding:0 20px;transition:all .2s ease}.community-dropdown-trigger.loading{opacity:.7}.community-dropdown-trigger.disabled{opacity:.5}.community-placeholder{text-align:left}.dropdown-chevron{transition:transform .3s ease}.modern-dropdown-menu{animation:dropdownSlideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #0000001a,0 8px 16px #0000000d;max-height:420px;overflow:hidden;position:fixed;width:360px;z-index:999999}.modern-dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 20px 16px}.header-title{color:#111827;font-size:18px;font-weight:700;line-height:1.2;margin:0}.header-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0}.modern-dropdown-content{max-height:260px;overflow-y:auto;padding:12px}.modern-community-item{background:#fff;border:1px solid #f3f4f6;border-radius:12px;cursor:pointer;display:block;margin-bottom:6px;padding:12px;text-align:left;transition:all .2s ease;width:100%}.modern-community-item:last-child{margin-bottom:0}.modern-community-item:hover{background:#f9fafb;border-color:#e5e7eb;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.modern-community-item.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.community-item-content{align-items:center;display:flex;gap:12px;width:100%}.community-avatar{align-items:center;background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.community-main-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.community-title{color:#111827;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border-radius:16px;font-weight:500;line-height:1;padding:3px 8px;white-space:nowrap}.tag-owner{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.tag-access{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.tag-members{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.community-arrow{color:#9ca3af;flex-shrink:0;transition:all .2s ease}.modern-community-item:hover .community-arrow{color:#6b7280;transform:translateX(2px)}.modern-dropdown-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px}.new-community-btn{align-items:center;background:#08a4fc;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.new-community-btn:hover{background:#0691e0;box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-1px)}.modern-dropdown-content::-webkit-scrollbar{width:6px}.modern-dropdown-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modern-dropdown-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modern-dropdown-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.modern-community-trigger{font-size:14px;height:36px;min-width:220px;padding:0 16px}.modern-dropdown-menu{max-height:400px;width:350px;z-index:99999}.modern-dropdown-header{padding:20px 20px 16px}.header-title{font-size:16px}.header-subtitle{font-size:13px}.modern-community-item,.modern-dropdown-content{padding:12px}.community-avatar{font-size:14px;height:40px;width:40px}.community-title{font-size:15px}.tag{font-size:11px;padding:3px 8px}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.community-dropdown-container,.community-dropdown-trigger{align-items:center;display:flex;height:40px;position:relative}.community-dropdown-trigger{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e1e8f0;border-radius:12px;box-shadow:0 2px 8px #08a4fc14;color:#1e293b;cursor:pointer;font-size:15px;font-weight:600;gap:12px;max-width:320px;min-width:240px;overflow:hidden;padding:0 16px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.community-dropdown-trigger:hover:not(.disabled):not(.loading){background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#08a4fc;box-shadow:0 4px 16px #08a4fc26;transform:translateY(-1px)}.community-dropdown-trigger.open{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#08a4fc;box-shadow:0 0 0 4px #08a4fc1f,0 8px 24px #08a4fc33}.community-dropdown-trigger.disabled{cursor:not-allowed;opacity:.6}.community-dropdown-trigger.loading{cursor:wait;opacity:.8}.community-dropdown-trigger>svg:first-child{color:#08a4fc;flex-shrink:0;opacity:.9}.community-info{align-items:flex-start;flex-direction:column;gap:1px;height:100%;justify-content:center;overflow:hidden;padding:2px 0 0}.community-name{align-items:center;color:#0f172a;display:flex;font-size:16px;letter-spacing:-.01em;line-height:1.2;margin:0;min-height:18px;padding:6px 0 0}.community-name,.community-role{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-role{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px;line-height:1;opacity:.75;text-transform:uppercase}.community-placeholder{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:16px;font-weight:600;height:100%;justify-content:flex-start;letter-spacing:-.01em;line-height:1;margin:0;overflow:hidden;padding:2px 0 0;text-overflow:ellipsis;white-space:nowrap}.community-dropdown-trigger.disabled .community-placeholder,.community-dropdown-trigger.loading .community-placeholder{color:#9ca3af}.dropdown-chevron{align-items:center;color:#08a4fc;display:flex;flex-shrink:0;justify-content:center;opacity:.8;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-chevron.rotated{transform:rotate(180deg)}.community-dropdown-menu{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#fefefe);border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #08a4fc1f,0 8px 16px #00000014;max-height:480px;overflow:hidden;overflow-y:auto;position:fixed;width:400px;z-index:99999}.dropdown-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between}.dropdown-title{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:700;gap:10px;letter-spacing:-.01em}.membership-badge{background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:16px;box-shadow:0 2px 8px #08a4fc4d;color:#fff;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.dropdown-content{padding:12px 0}.dropdown-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);border-radius:1px;height:2px;margin:12px 20px}.community-option{background:none;border:none;border-radius:0;color:#1e293b;cursor:pointer;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.community-option:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);transform:translateX(4px)}.community-option.selected{background:linear-gradient(135deg,#08a4fc1a,#08a4fc0d);border-left:4px solid #08a4fc;color:#08a4fc}.community-option-content{align-items:flex-start;display:flex;gap:16px}.community-icon{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #e2e8f0;border-radius:12px;color:#64748b;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.community-icon.general{background:linear-gradient(135deg,#08a4fc,#0284c7);border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc33;color:#fff}.community-icon.community-avatar{border:2px solid #fff3;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #0000001a}.community-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.community-option-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.community-option-name{color:#0f172a;flex:1 1;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge-small{border-radius:12px;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-badge-small.owner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#d97706}.role-badge-small.moderator{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;color:#2563eb}.role-badge-small.member{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;color:#64748b}.community-option-description{color:#64748b;font-size:13px;font-weight:500;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-count{color:#9ca3af;font-size:12px;font-weight:500}.role-icon{color:#6b7280}.role-icon.owner{color:#d97706}.role-icon.moderator{color:#2563eb}.role-icon.member{color:#6b7280}.dropdown-actions{background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px}.action-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:8px;padding:10px 12px;transition:all .2s ease;width:100%}.action-button:hover{background:#f3f4f6;border-color:#d1d5db}.action-button.create{background:linear-gradient(135deg,#08a4fc,#0284c7);border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc4d;color:#fff;font-weight:600}.action-button.create:hover{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 6px 16px #08a4fc66;transform:translateY(-1px)}.usage-info{margin-top:8px;text-align:center}.usage-text{color:#9ca3af;font-size:11px;font-weight:500}@media (max-width:768px){.community-dropdown-container{height:36px;width:100%}.community-dropdown-trigger{font-size:14px;height:36px;max-width:280px;min-width:200px}.community-dropdown-menu{width:350px;z-index:99999}.dropdown-header{padding:12px}.community-option{padding:10px 12px}.dropdown-actions{padding:8px 12px}.community-name{font-size:14px}}.community-dropdown-menu::-webkit-scrollbar{width:6px}.community-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.community-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.community-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.community-modal-overlay{align-items:center;animation:modalOverlayIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}@keyframes modalOverlayIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.community-modal{animation:modalIn .3s ease;background:#fff;border-radius:24px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;color:#fff;overflow:hidden;padding:40px 32px;position:relative}.modal-header-background{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:12px;position:absolute;right:20px;top:20px;transition:all .2s ease;z-index:1}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modal-header-content{align-items:center;display:flex;gap:24px;position:relative;z-index:1}.modal-community-avatar{align-items:center;background:linear-gradient(135deg,#08a4fc,#0284c7);border:3px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 24px #0003;color:#fff;display:flex;font-size:28px;font-weight:700;height:80px;justify-content:center;width:80px}.modal-community-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.modal-community-title{font-size:28px;font-weight:700;line-height:1.2;margin:0;text-shadow:0 2px 4px #0000001a}.modal-community-description{font-size:16px;font-weight:400;line-height:1.5;margin:0;opacity:.9}.modal-membership-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:12px;padding:12px 16px;width:-webkit-fit-content;width:fit-content}.membership-badge-icon{align-items:center;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.membership-badge-text{font-size:14px;font-weight:600}.modal-stats-section{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{align-items:center;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px}.stat-card:hover{box-shadow:0 4px 16px #0000001a}.stat-icon.users{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.modules{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.posts{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.engagement{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{gap:4px}.modal-info-section{border-bottom:1px solid #e2e8f0;padding:24px 32px}.info-row{display:flex;flex-wrap:wrap;gap:32px}.info-item{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.info-icon{color:#6b7280;flex-shrink:0}.info-label{color:#374151;font-size:14px;font-weight:600}.info-value{color:#6b7280;font-size:14px}.modal-coach-section{border-bottom:1px solid #e2e8f0;padding:24px 32px}.section-title{color:#111827;font-size:18px;font-weight:700;margin:0 0 16px}.coach-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;gap:16px;padding:20px}.coach-avatar,.coach-card{align-items:center;display:flex}.coach-avatar{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:16px;color:#fff;flex-shrink:0;height:60px;justify-content:center;width:60px}.coach-info{flex:1 1;flex-direction:column;gap:4px}.coach-name{color:#111827;font-size:18px;font-weight:700;margin:0}.coach-title{color:#6b7280;font-size:14px;font-weight:500;margin:0}.coach-description{color:#374151;font-size:15px;font-style:italic;line-height:1.4;margin:8px 0 0}.modal-actions{gap:16px;padding:24px 32px}.modal-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.modal-btn.secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.modal-btn.secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.modal-btn.primary{background:linear-gradient(135deg,#08a4fc,#0284c7);box-shadow:0 4px 12px #08a4fc4d;color:#fff}.modal-btn.primary:hover{box-shadow:0 6px 16px #08a4fc66;transform:translateY(-2px)}@media (max-width:768px){.community-modal{border-radius:20px;margin:10px;max-height:95vh}.modal-header{border-radius:20px 20px 0 0;padding:24px 20px}.modal-header-content{flex-direction:column;gap:16px;text-align:center}.modal-community-avatar{font-size:24px;height:60px;width:60px}.modal-community-title{font-size:24px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.modal-actions,.modal-coach-section,.modal-info-section,.modal-stats-section{padding:20px}.info-row{gap:16px}.info-row,.modal-actions{flex-direction:column}.modal-btn{justify-content:center}}.header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#08a4fc,#0284c7);border-bottom:1px solid #fff3;box-shadow:0 4px 16px #00000026,0 1px 4px #0000001a;height:72px;left:270px;max-height:72px;min-height:72px;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99}.header:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05 50%,#ffffff14);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{flex-wrap:nowrap;height:100%;max-height:72px;min-height:72px;padding:0 32px 0 8px}.header-left{padding-left:16px}.header-left,.header-right{align-items:center;display:flex;flex-shrink:0;height:100%;min-width:-webkit-fit-content;min-width:fit-content}.header-right{gap:16px}.notification-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.notification-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 8px 24px #00000026,0 4px 8px #0000001a;transform:translateY(-2px)}.notification-btn:active{transform:translateY(0);transition:transform .15s ease}.notification-badge{align-items:center;animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-4px;top:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-btn:first-of-type .notification-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.user-menu,.user-menu-btn{position:relative}.user-menu-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a;color:#374151;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.user-menu-btn:before{background:linear-gradient(135deg,#08a4fc1a,#9333ea1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-menu-btn:hover{border-color:#fffc;box-shadow:0 8px 24px #0003,0 4px 8px #00000026;transform:translateY(-2px) scale(1.05)}.user-menu-btn:hover:before{opacity:1}.user-menu-btn:active{transform:translateY(0) scale(1.02);transition:transform .15s ease}.user-avatar{background:linear-gradient(135deg,#e5e7eb,#d1d5db);overflow:hidden;position:relative}.user-avatar-img{border-radius:50%;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.user-menu-btn:hover .user-avatar-img{transform:scale(1.1)}.user-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;text-shadow:0 1px 2px #0000001a;width:100%}.user-dropdown{animation:dropdown-appear .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #08a4fc26;border-radius:20px;box-shadow:0 20px 40px #0000001f,0 8px 16px #08a4fc14;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);transform-origin:top right;z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dropdown-header{background:linear-gradient(135deg,#08a4fc0d,#9333ea0d);border-bottom:1px solid #08a4fc1a;padding:20px;position:relative}.dropdown-header:before{background:radial-gradient(circle at 20% 20%,#08a4fc1a 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dropdown-user-info{align-items:center;display:flex;gap:16px;position:relative;z-index:1}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#08a4fc,#3b82f6);border-radius:14px;box-shadow:0 4px 12px #08a4fc4d;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.dropdown-avatar-img{object-fit:cover}.dropdown-avatar-img,.dropdown-initials{border-radius:14px;height:100%;width:100%}.dropdown-initials{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:700;justify-content:center;text-shadow:0 1px 2px #0003}.dropdown-name{color:#1e293b;font-size:16px;font-weight:700;line-height:1.3;margin-bottom:2px}.dropdown-email{color:#64748b;font-size:13px;line-height:1.3;opacity:.8}.dropdown-item{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:16px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-item:before{background:linear-gradient(135deg,#08a4fc0d,#9333ea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.dropdown-item:hover{color:#1e293b;transform:translateX(4px)}.dropdown-item:hover:before{opacity:1}.dropdown-item svg{height:18px;position:relative;transition:transform .2s ease;width:18px;z-index:1}.dropdown-item:hover svg{transform:scale(1.1)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:before{background:linear-gradient(135deg,#ef44440d,#dc26260d)}.dropdown-item.logout:hover{color:#dc2626}.dropdown-divider{background:linear-gradient(90deg,#0000,#08a4fc26 50%,#0000);height:1px;margin:8px 20px}@media (max-width:1024px){.header{height:72px;left:270px}.header,.header-content{max-height:72px;min-height:72px}.header-content{padding:0 24px 0 0}.header-left{padding-left:4px}.header-right{gap:14px}}@media (max-width:768px){.header{background:linear-gradient(135deg,#08a4fc,#0284c7);height:72px;left:270px}.header,.header-content{max-height:72px;min-height:72px}.header-content{padding:0 20px 0 0}.header-left{padding-left:4px}.header-right{gap:12px}.notification-btn,.user-menu-btn{height:40px;width:40px}.user-avatar{height:36px;width:36px}.user-dropdown{border-radius:16px;min-width:260px;right:-8px}.dropdown-header{padding:16px}.dropdown-user-info{gap:12px}.dropdown-avatar{border-radius:12px;height:44px;width:44px}.dropdown-item{font-size:14px;padding:14px 16px}}@media (max-width:480px){.header{background:linear-gradient(135deg,#08a4fc,#0284c7);height:72px;left:270px}.header,.header-content{max-height:72px;min-height:72px}.header-content{padding:0 16px 0 0}.header-left{padding-left:4px}.header-right{gap:10px}.notification-btn,.user-menu-btn{height:36px;width:36px}.user-avatar{height:32px;width:32px}.user-dropdown{min-width:240px;right:-4px}.dropdown-header{padding:14px}.dropdown-item{padding:12px 14px}}.layout{background-color:var(--gray-50)}.layout,.layout-main{display:flex;min-height:100vh}.layout-main{flex:1 1;flex-direction:column;margin-left:270px}.layout-content{flex:1 1;margin-top:70px;overflow-y:auto}.content-wrapper{margin:0 auto;max-width:1400px;padding:32px;width:100%}@media (max-width:768px){.layout-main{margin-left:0}.layout-content{margin-top:60px}.content-wrapper{padding:16px}}.image-loading{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;display:flex;justify-content:center;min-height:200px}.loading-content{color:#64748b;flex-direction:column;gap:12px;text-align:center}.image-error,.loading-content{align-items:center;display:flex}.image-error{background:#fef2f2;border:2px dashed #fca5a5;border-radius:8px;justify-content:center;min-height:200px}.error-content{align-items:center;color:#dc2626;display:flex;flex-direction:column;gap:12px;max-width:300px;text-align:center}.error-details{margin-top:8px}.error-details small{color:#6b7280;font-size:12px}.retry-btn{background:#dc2626;transition:background-color .2s ease}.retry-btn:hover{background:#b91c1c}.retry-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.image-error,.image-loading{min-height:150px}.error-content,.loading-content{font-size:14px}.retry-btn{font-size:13px;padding:6px 12px}}.comunidad-container{margin:0 auto;max-width:1200px}.create-post-section{margin-bottom:24px}.create-post-prompt{border:1px solid #e4e6ea;border-radius:8px;box-shadow:0 1px 2px #0000001a;gap:8px}.create-post-prompt:hover{box-shadow:0 2px 8px #0000001f}.user-avatar-modern{border-radius:50%;flex-shrink:0;height:40px;position:relative;width:40px}.user-avatar-modern .avatar-image{border:none;border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar-modern .avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.prompt-input-container{flex:1 1;margin:0 8px}.prompt-text-modern{align-items:center;background:#f0f2f5;border:1px solid #e4e6ea;border-radius:50px;color:#65676b;cursor:text;display:flex;font-size:16px;min-height:40px;padding:8px 16px;transition:all .2s ease}.prompt-text-modern:hover{background:#e8eaed}.media-actions-preview{align-items:center;display:flex;gap:8px}.media-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.media-action-btn:hover{background:#f0f2f5;color:#42b883}.media-action-btn:first-child:hover{color:#1877f2}.media-action-btn:last-child:hover{color:#42b883}.create-post-form{box-shadow:0 4px 16px #00000014}.create-post-form .form-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.create-post-form .form-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.create-post-form .close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.create-post-form .close-btn:hover{background:#f3f4f6;color:#374151}.create-post-form .form-body{padding:24px}.post-textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-family:inherit;font-size:16px;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.post-textarea:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.post-textarea::placeholder{color:#9ca3af}.character-count{margin-top:8px}.error-message,.file-preview{margin-top:16px}.error-message{background:#fee2e2}.create-post-form .form-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.media-buttons{gap:12px}.media-btn{background:#fff;border:1px solid #d1d5db;color:#374151;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none}.media-btn:hover{border-color:#08a4fc;color:#08a4fc}.btn-secondary:hover:not(:disabled),.media-btn:hover{background:#f9fafb}.btn-primary:hover:not(:disabled){background:#0284c7}.btn-primary .spinner,.btn-secondary .spinner{animation:spin 1s linear infinite}.stats-grid{grid-gap:24px;gap:24px;margin-bottom:32px}.stat-card{background:var(--white);border:1px solid var(--gray-200);overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before,.stat-card:before{background:var(--primary-blue)}.stat-card.secondary:before{background:var(--gray-500)}.stat-card.success:before{background:#10b981}.stat-card.info:before{background:#3b82f6}.stat-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.stat-content{align-items:center;justify-content:space-between}.stat-title{color:var(--gray-600);font-size:14px;font-weight:600;margin-bottom:8px}.stat-value{color:var(--gray-900);font-size:32px;margin:0}.stat-icon-wrapper{align-items:center;background:var(--gray-50);border-radius:12px;color:var(--primary-blue);display:flex;height:48px;justify-content:center;width:48px}.stat-icon{height:24px;width:24px}.tabs-container{margin-bottom:32px}.tabs{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;display:flex;gap:4px;padding:8px}.tab{border-radius:8px;color:var(--gray-600);flex:1 1;justify-content:center;padding:12px 20px}.tab:hover{background:var(--gray-50);color:var(--gray-900)}.tab.active{background:var(--primary-blue);color:var(--white)}.members-section{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px}.filters-section{margin-bottom:24px}.search-filter{flex:1 1;max-width:400px;position:relative}.search-icon{left:12px}.search-input{background:var(--white);border:1px solid var(--gray-300);border-radius:8px;font-size:14px;padding:12px 16px 12px 44px;transition:border-color .2s ease}.search-input:focus{border-color:var(--primary-blue)}.level-filter{background:var(--white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-700);cursor:pointer;font-size:14px;padding:12px 16px}.level-filter:focus{border-color:var(--primary-blue);outline:none}.members-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.member-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:20px;transition:all .2s ease}.member-card:hover{border-color:var(--primary-blue);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.member-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.member-avatar-container{position:relative}.member-avatar{align-items:center;background:var(--primary-blue);border-radius:12px;color:var(--white);display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;width:48px}.online-indicator{background:#10b981;border:2px solid var(--white);border-radius:50%;bottom:-2px;height:14px;position:absolute;right:-2px;width:14px}.member-info{flex:1 1}.member-name{color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 4px}.member-level{color:var(--primary-blue)}.member-level,.member-role{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px}.member-role svg{color:var(--primary-blue)}.member-email{color:var(--gray-600);font-size:13px;margin-bottom:4px}.member-joined{align-items:center;color:var(--gray-500);display:flex;font-size:12px;gap:6px}.coach-badge{background:linear-gradient(135deg,#f59e0b,#d97706);width:-webkit-fit-content;width:fit-content}.member-bio{background:var(--gray-50);border-left:3px solid var(--primary-blue);border-radius:8px;margin:12px 0;padding:12px}.member-bio p{color:var(--gray-700);font-size:14px;line-height:1.4;margin:0}.member-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.member-location,.member-rating{align-items:center;color:var(--gray-600);display:flex;font-size:14px;gap:8px}.member-specialties{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.specialty-tag{background:var(--gray-100);border-radius:20px;color:var(--gray-700);font-size:12px;font-weight:500;padding:4px 12px}.member-actions{display:flex;gap:8px}.btn-sm{align-items:center;display:flex;font-size:13px;gap:6px;padding:8px 16px}.discussions-section{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px}.discussions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.discussions-header h3{color:var(--gray-900);font-size:20px;font-weight:600;margin:0}.discussions-list{display:flex;flex-direction:column;gap:16px}.discussion-card{align-items:center;border:1px solid var(--gray-200);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.discussion-card:hover{border-color:var(--primary-blue);transform:translateX(4px)}.discussion-content{flex:1 1}.discussion-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.discussion-title{color:var(--gray-900);font-size:16px;font-weight:600;margin:0}.discussion-category{background:var(--primary-blue);border-radius:20px;color:var(--white);font-size:12px;font-weight:500;padding:4px 12px}.discussion-meta{color:var(--gray-600);display:flex;font-size:14px;gap:16px}.discussion-author{font-weight:500}.discussion-actions{flex-shrink:0}@media (max-width:1024px){.members-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.filters-section{align-items:stretch;flex-direction:column}.search-filter{max-width:none}.posts-list{gap:16px}.post-card{border-radius:10px}.post-content,.post-header{padding:14px 18px}.author-name,.post-content p{font-size:14px}.action-btn{font-size:12px}}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.members-grid{grid-template-columns:1fr}.member-actions{flex-direction:column}.discussion-card{padding:16px}.discussions-header{align-items:flex-start;flex-direction:column;gap:16px}.tabs{padding:4px}.tab{font-size:13px;padding:10px 16px}.posts-section{padding:16px}.posts-controls{margin-bottom:16px}.filters{align-items:stretch;flex-direction:column;gap:12px}.sort-select,.tag-select{min-width:auto;width:100%}.posts-list{gap:16px;grid-template-columns:1fr}.post-card{border-radius:8px;margin:0 -8px 16px}.post-header{padding:12px 16px}.author-avatar{height:36px;width:36px}.author-avatar span{font-size:12px}.author-name{font-size:13px}.post-date{font-size:10px}.post-content{padding:12px 16px}.post-content p{font-size:13px}.post-actions{gap:4px;padding:8px 16px}.action-btn{font-size:11px;gap:4px;padding:6px 8px}.pagination{flex-direction:column;gap:12px}.pagination-info{font-size:13px}.no-community-selected{padding:60px 16px}.no-community-selected h2{font-size:20px}.no-community-selected p{font-size:14px}}.posts-section{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:24px}.posts-controls{border-bottom:1px solid var(--gray-200);margin-bottom:24px;padding-bottom:16px}.filters{align-items:center;gap:16px}.sort-select,.tag-select{background:var(--white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-700);cursor:pointer;font-size:14px;min-width:150px;padding:8px 12px}.sort-select:focus,.tag-select:focus{border-color:var(--primary-blue);outline:none}.posts-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:100%}.post-card{box-sizing:border-box;width:100%}.author-avatar span,.author-name{font-size:15px;font-weight:700}.author-name{margin:0 0 2px}.author-name.clickable:hover{text-decoration:underline}.post-date{font-size:12px;font-weight:500;margin:0}.post-content p{color:#1f2937;font-size:15px;font-weight:500;margin:0 0 12px}.post-image{border-radius:8px;margin:0 0 12px;max-height:300px;overflow:hidden}.post-image img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.image-error,.image-loading{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:center;margin:0 0 12px;min-height:200px}.image-error .error-content,.image-loading .loading-content{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.image-error .error-content span,.image-loading .loading-content span{font-size:14px;font-weight:500}.image-error .retry-btn{background:#08a4fc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.image-error .retry-btn:hover{background:#0284c7}.post-video{overflow:hidden}.post-video,.video-error,.video-loading{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0 12px}.video-error,.video-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.error-content,.loading-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.error-content span,.loading-content span{color:#6b7280;font-size:14px;font-weight:500}.error-content{color:#ef4444}.retry-btn{font-size:12px}.video-player{background:#000;border-radius:12px 12px 0 0;display:block;height:auto;max-height:400px;width:100%}.video-info{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 16px}.video-details{flex-wrap:wrap;justify-content:space-between}.video-details,.video-meta{align-items:center;display:flex;gap:8px}.video-meta{color:#374151}.video-meta svg{color:#08a4fc;flex-shrink:0}.video-filename{color:#374151;font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-stats{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:12px}.duration,.file-size{background:#e5e7eb;border-radius:12px;font-weight:500;padding:2px 8px}.upload-status{margin-top:8px}.status-indicator{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px}.status-indicator.pending{color:#f59e0b}.status-indicator.failed{color:#ef4444}.status-indicator .spinner{animation:spin 1s linear infinite}.post-tag{margin-bottom:12px}.tag{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.tag-general{background:#eff6ff;color:#08a4fc}.tag-coaching{background:#f0fdf4;color:#16a34a}.tag-liderazgo{background:#fef3c7;color:#d97706}.tag-marketing{background:#fdf2f8;color:#ec4899}.tag-ventas{background:#ecfdf5;color:#059669}.post-stats{color:#6b7280;display:flex;font-size:13px;font-weight:600;gap:12px;margin-bottom:12px}.stat{gap:4px}.post-actions{padding:12px 0 0}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;color:var(--primary-blue);margin-bottom:16px}.error-state{color:#ef4444}.error-state h3{color:var(--gray-900);margin:16px 0 8px}.error-state p{color:var(--gray-600);margin-bottom:16px}.empty-state{color:var(--gray-400)}.empty-state h3{color:var(--gray-600);margin:16px 0 8px}.empty-state p{color:var(--gray-500)}.pagination{border-top:1px solid var(--gray-200);gap:16px;margin-top:24px;padding-top:24px}.pagination-btn{background:var(--primary-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px)}.pagination-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none}.pagination-info{color:var(--gray-600);font-weight:500}.no-community-selected{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:80px 24px}.no-community-selected h2{color:var(--gray-600);font-size:24px;margin:24px 0 12px}.no-community-selected p{color:var(--gray-500)}.modal-overlay{background:#00000080}.comments-modal{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:900px}.modal-header{padding:24px}.modal-header h2{color:var(--gray-900);flex:1 1;font-size:20px;font-weight:600;margin:0}.close-btn{color:var(--gray-500)}.close-btn:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.original-post{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;margin-bottom:24px;padding:20px}.original-post .post-content,.original-post .post-header{margin-bottom:16px}.original-post .post-stats{border-top:1px solid var(--gray-200);margin:0;padding-top:16px}.comments-section{margin:0 auto 24px;max-width:600px;padding:0 20px}.comments-section h3{color:var(--gray-900);font-size:18px;font-weight:600;margin-bottom:16px}.comments-list{margin:0 auto;max-width:600px;padding:0 20px}.comment-item{background:var(--white);border:1px solid var(--gray-200);transition:all .2s ease}.comment-item:hover{border-color:var(--gray-300);box-shadow:0 2px 4px #0000000d}.comment-header{margin-bottom:12px}.comment-author{align-items:center;display:flex;gap:12px}.comment-avatar{background:var(--primary-blue);color:var(--white);transition:all .2s ease}.comment-avatar:hover{box-shadow:0 4px 8px #08a4fc4d}.comment-avatar.clickable img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-info{flex:1 1}.comment-author-name{color:var(--gray-900);font-size:14px;margin:0 0 4px}.comment-author-name:hover{color:var(--primary-blue)}.comment-role{font-size:12px;margin-right:8px}.comment-date,.comment-role{color:var(--gray-500)}.comment-content p{color:var(--gray-700);line-height:1.5;margin:0}.no-comments{color:var(--gray-500);margin:0 auto;max-width:600px;padding:40px 20px}.no-comments svg{color:var(--gray-400);margin-bottom:16px}.no-comments p{margin:8px 0}.new-comment-form{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;margin:0 auto 20px;max-width:600px;padding:20px}.new-comment-form h4{color:var(--gray-900);font-size:16px;font-weight:600;margin:0 0 16px}.comment-textarea{border:1px solid var(--gray-300);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:16px;min-height:80px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-textarea:focus{border-color:var(--primary-blue);outline:none}.comment-textarea::placeholder{color:var(--gray-400)}.comment-actions{display:flex;gap:12px;justify-content:flex-end}.comment-actions .btn-primary,.comment-actions .btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.comment-actions .btn-secondary{background:var(--white);border:1px solid var(--gray-300);color:var(--gray-700)}.comment-actions .btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.comment-actions .btn-primary{background:var(--primary-blue);border:1px solid var(--primary-blue);color:var(--white)}.comment-actions .btn-primary:hover:not(:disabled){background:#0790e8;border-color:#0790e8}.comment-actions .btn-primary:disabled{background:var(--gray-300);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed}@media (max-width:768px){.modal-overlay{padding:10px}.comments-modal{max-height:95vh;max-width:95vw}.comments-list,.comments-section,.new-comment-form,.no-comments{max-width:100%;padding:0 10px}.modal-body,.modal-header,.new-comment-form,.original-post{padding:16px}.comment-actions{flex-direction:column}.comment-actions .btn-primary,.comment-actions .btn-secondary{justify-content:center;width:100%}.create-post-prompt{gap:6px;padding:8px 12px}.user-avatar-modern{height:36px;width:36px}.user-avatar-modern .avatar-placeholder{font-size:14px}.prompt-input-container{margin:0 6px}.prompt-text-modern{font-size:14px;min-height:36px;padding:6px 12px}.media-action-btn{height:36px;padding:6px;width:36px}.create-post-form .form-footer,.create-post-form .form-header{padding:16px 20px}.create-post-form .form-body{padding:20px}.post-textarea{font-size:14px;min-height:100px;padding:12px}.media-buttons{gap:8px}.media-btn{font-size:12px;padding:8px 12px}.action-buttons{gap:8px}.btn-primary,.btn-secondary{font-size:12px;padding:8px 16px}.create-post-form .form-footer{align-items:stretch;flex-direction:column;gap:16px}.media-buttons{justify-content:center}.action-buttons{justify-content:flex-end}.post-video{margin:12px 0}.video-player{max-height:250px}.video-details{align-items:flex-start;flex-direction:column;gap:8px}.video-filename{max-width:100%}.video-stats{align-self:flex-end}}.community-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:16px 20px}.community-header h2{color:#333;font-size:20px;font-weight:600;margin:0}@media (max-width:768px){.community-header h2{font-size:18px}}.loading-spinner.small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}.comment-input-footer{display:flex;justify-content:flex-end;margin-bottom:16px;margin-top:8px}.character-count{color:var(--gray-500);transition:color .2s ease}.character-count.warning{color:#f59e0b;font-weight:500}.post-engagement-stats{align-items:center;background:#fafbfc;border-bottom:1px solid #e4e6ea;display:flex;gap:24px;padding:16px 24px}.engagement-item{align-items:center;color:#65676b;display:flex;font-size:14px;font-weight:500;gap:6px}.engagement-item svg{color:#65676b}.modern-comment-form{background:#fff;border-bottom:1px solid #e4e6ea;padding:16px 24px}.comment-input-container{align-items:flex-start;display:flex;gap:12px}.current-user-avatar{flex-shrink:0;height:40px;width:40px}.current-user-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.current-user-avatar .avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.comment-input-wrapper{flex:1 1;position:relative}.modern-comment-input{background:#f0f2f5;border:1px solid #e4e6ea;border-radius:20px;color:#1c1e21;font-family:inherit;font-size:14px;line-height:1.4;max-height:120px;min-height:40px;outline:none;padding:12px 16px;resize:none;transition:all .2s ease;width:100%}.modern-comment-input::placeholder{color:#65676b;font-size:14px}.modern-comment-input:focus{background:#fff;border-color:#1877f2;box-shadow:0 0 0 2px #1877f233}.send-comment-btn{align-items:center;background:#1877f2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.send-comment-btn:hover:not(:disabled){background:#166fe5;transform:translateY(-50%) scale(1.05)}.send-comment-btn:disabled{background:#bcc0c4;cursor:not-allowed;transform:translateY(-50%)}.send-comment-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.character-warning{color:#f02849;font-size:12px;margin-top:8px;text-align:right}.modern-comments-list{background:#fff;max-height:400px;overflow-y:auto}.modern-comment-item{align-items:flex-start;border-bottom:1px solid #f0f2f5;display:flex;gap:12px;padding:16px 24px}.modern-comment-item:last-child{border-bottom:none}.comment-user-avatar{flex-shrink:0}.comment-avatar{border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease}.comment-avatar:hover{transform:scale(1.05)}.comment-avatar img{border-radius:50%}.comment-content-wrapper{flex:1 1;min-width:0}.comment-bubble{background:#f0f2f5;border-radius:16px;padding:12px 16px;position:relative}.comment-author-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author-name{color:#1c1e21;cursor:pointer;font-size:13px;font-weight:600;margin:0;transition:color .2s ease}.comment-author-name:hover{color:#1877f2;text-decoration:underline}.comment-time{color:#65676b;font-weight:400}.comment-text{margin:0}.comment-text p{color:#1c1e21;font-size:14px;line-height:1.4;margin:0;word-break:break-word}.no-comments-modern{background:#fff;color:#65676b;padding:40px 24px;text-align:center}.no-comments-modern svg{margin-bottom:12px;opacity:.6}.no-comments-modern p{color:#65676b;font-size:15px;margin:0}.modern-comments-list::-webkit-scrollbar{width:6px}.modern-comments-list::-webkit-scrollbar-track{background:#f0f2f5}.modern-comments-list::-webkit-scrollbar-thumb{background:#bcc0c4;border-radius:3px}.modern-comments-list::-webkit-scrollbar-thumb:hover{background:#8a8d91}@media (max-width:768px){.modern-comment-item{gap:10px;padding:12px 16px}.comment-avatar{font-size:12px;height:32px;width:32px}.current-user-avatar{height:36px;width:36px}.modern-comment-input{font-size:16px}.post-engagement-stats{gap:16px;padding:12px 16px}.modern-comment-form{padding:12px 16px}.no-comments-modern{padding:32px 16px}}.community-banner{animation:slideIn .3s ease;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:24px;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.community-banner.general{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-color:var(--gray-200)}.community-banner.selected{background:linear-gradient(135deg,var(--white),#08a4fc05);border-color:#08a4fc33}.community-banner.compact{margin-bottom:16px}.banner-content{padding:20px 24px}.community-banner.compact .banner-content{padding:16px 20px}.banner-header{align-items:flex-start;display:flex;gap:16px}.community-icon-large{align-items:center;background:var(--gray-100);border-radius:12px;color:var(--gray-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.community-icon-large.general{background:#08a4fc1a;color:var(--primary-blue)}.community-banner.compact .community-icon-large{height:40px;width:40px}.community-info{flex:1 1;min-width:0}.community-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.community-title{color:var(--gray-900);flex:1 1;font-size:20px;font-weight:700;line-height:1.2;margin:0;min-width:0}.community-banner.compact .community-title{font-size:18px}.community-badges{align-items:center;display:flex;flex-shrink:0;gap:8px}.role-badge{border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.role-badge.owner{background:#ffc10733;color:#f59e0b}.role-badge.moderator{background:#8b451333;color:#a16207}.role-badge.member{background:#6b728033;color:var(--gray-600)}.visibility-badge{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.visibility-badge.public{background:#22c55e33;color:#16a34a}.visibility-badge.private{background:#ef444433;color:#dc2626}.community-description{color:var(--gray-600)}.community-banner.compact .community-description{font-size:13px;margin-bottom:8px}.community-stats-row{align-items:center;display:flex;gap:20px;margin-bottom:16px}.stat-item{color:var(--gray-500);font-size:13px}.stat-item svg{color:var(--gray-400)}.banner-actions{align-items:center;border-top:1px solid var(--gray-200);display:flex;gap:12px;margin-top:16px;padding-top:16px}.action-btn{border-radius:8px;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.action-btn.primary{background:var(--primary-blue);color:var(--white)}.action-btn.primary:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}.action-btn.secondary{background:var(--gray-100);border:1px solid var(--gray-300);color:var(--gray-700)}.action-btn.secondary:hover{background:var(--gray-200);border-color:var(--gray-400)}.filter-indicator{align-items:center;background:#08a4fc1a;border-top:1px solid #08a4fc33;display:flex;gap:8px;padding:12px 24px}.community-banner.general .filter-indicator{background:var(--gray-100);border-top-color:var(--gray-200)}.filter-dot{animation:pulse 2s infinite;background:var(--primary-blue);border-radius:50%;flex-shrink:0;height:8px;width:8px}.community-banner.general .filter-dot{background:var(--gray-500)}.filter-text{color:var(--gray-600);font-size:12px;font-weight:500}.filter-text strong{color:var(--primary-blue);font-weight:600}.community-banner.general .filter-text strong{color:var(--gray-700)}.role-icon{flex-shrink:0}.role-icon.owner{color:#f59e0b}.role-icon.moderator{color:#a16207}.role-icon.member{color:var(--gray-600)}@media (max-width:768px){.banner-content{padding:16px 20px}.community-banner.compact .banner-content{padding:12px 16px}.banner-header{gap:12px}.community-title{font-size:18px}.community-banner.compact .community-title{font-size:16px}.community-badges{align-items:flex-end;flex-direction:column;gap:4px}.community-stats-row,.community-title-row{align-items:flex-start;flex-direction:column;gap:8px}.banner-actions{align-items:stretch;flex-direction:column;gap:8px}.action-btn{justify-content:center}.filter-indicator{font-size:11px;padding:10px 20px}.community-icon-large{height:40px;width:40px}.community-banner.compact .community-icon-large{height:32px;width:32px}}.calendario-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.simple-filters{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:16px 20px}.filter-group{gap:12px}.filter-select{color:#374151;min-width:120px}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.refresh-btn{background:#667eea;border:none;padding:8px 16px}.refresh-btn:hover:not(:disabled){background:#5a6fd8}.refresh-btn:disabled{opacity:.6;transform:none}.spinning{animation:spin 1s linear infinite}.oauth-status-bar{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:16px}.oauth-status-content{align-items:center;display:flex;gap:16px;justify-content:space-between}.oauth-status-info{align-items:center;display:flex;flex:1 1;gap:12px}.oauth-connected{color:#10b981}.oauth-error{color:#ef4444}.oauth-unknown{color:#6b7280}.oauth-status-text{color:#374151;font-size:14px;font-weight:500}.oauth-error-text{color:#ef4444;font-size:14px;font-weight:500}.oauth-expires{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:2px 6px}.oauth-actions{display:flex;gap:8px}.oauth-check-btn,.oauth-retry-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.oauth-check-btn:hover:not(:disabled),.oauth-retry-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.oauth-check-btn:disabled,.oauth-retry-btn:disabled{cursor:not-allowed;opacity:.6}.no-community-selected{color:#6b7280;padding:60px 20px;text-align:center}.no-community-selected svg{color:#d1d5db;margin-bottom:20px}.no-community-selected h3{color:#374151;font-size:24px;margin:0 0 12px}.no-community-selected p{font-size:16px;line-height:1.5;margin:0 auto;max-width:400px}.meetings-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;text-align:center}.summary-number{color:#667eea;font-size:32px;font-weight:700;margin-bottom:8px}.summary-label{color:#6b7280;font-size:14px;font-weight:500}.meetings-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a}.section-header{border-bottom:1px solid #e5e7eb;padding:20px}.section-header h2{color:#374151;font-size:20px;margin:0}.role-badge{background:#667eea;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.meetings-list{padding:0}.meeting-card{border-bottom:1px solid #e5e7eb;padding:20px;transition:background-color .2s}.meeting-card:last-child{border-bottom:none}.meeting-card:hover{background-color:#f9fafb}.meeting-card.programada{border-left:4px solid #3b82f6}.meeting-card.completada{border-left:4px solid #10b981}.meeting-card.cancelada{border-left:4px solid #ef4444}.meeting-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.meeting-title{flex:1 1}.meeting-title h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.meeting-status{align-items:center;display:flex;font-size:14px;font-weight:500;gap:6px}.status-icon.scheduled{color:#3b82f6}.status-icon.completed{color:#10b981}.status-icon.cancelled{color:#ef4444}.meeting-meta{align-items:center;display:flex;gap:20px;margin-left:auto}.meeting-date,.meeting-time{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.meeting-description{margin-bottom:15px}.meeting-description p{color:#6b7280;line-height:1.5;margin:0}.meeting-info{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:15px}.meeting-organizer,.meeting-participants{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px}.organizer-badge{background:#667eea;border-radius:3px;color:#fff;font-size:11px;font-weight:500;margin-left:6px;padding:2px 6px}.meeting-actions{gap:15px;justify-content:space-between}.btn-join,.meeting-actions{align-items:center;display:flex}.btn-join{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-join:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-join:disabled{background:#9ca3af;cursor:not-allowed}.btn-join.can-join-now{animation:pulse 2s infinite;background:#10b981}.btn-join.can-join-now:hover{background:#059669}.time-until-start{align-items:center;background:#f3f4f6;border-radius:4px;color:#6b7280;display:flex;font-size:12px;gap:6px;padding:4px 8px}.empty-state,.error-container,.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#667eea;margin:0 auto 20px}.error-container{color:#ef4444}.error-container svg{margin-bottom:15px}.empty-state{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:0 auto;max-width:600px;min-height:300px;padding:80px 40px;width:100%}.empty-state svg{color:#d1d5db;margin-bottom:24px}.empty-state h3{margin:0 0 16px;text-align:center}.empty-state p{line-height:1.6;text-align:center}.pagination{border-top:1px solid #e5e7eb;gap:20px;justify-content:center;padding:20px}.btn-pagination,.pagination{align-items:center;display:flex}.btn-pagination{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s}.btn-pagination:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-pagination:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#6b7280;font-size:14px}.btn-primary{align-items:center;background:#667eea;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn-secondary{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.calendario-container{padding:15px}.simple-filters{align-items:stretch;flex-direction:column;gap:16px}.filter-group{justify-content:center}.meetings-summary{gap:15px;grid-template-columns:repeat(2,1fr)}.meeting-header{flex-direction:column;gap:15px}.meeting-meta{margin-left:0}.meeting-info{flex-direction:column;gap:10px}.meeting-actions{align-items:stretch;flex-direction:column}.oauth-status-content{align-items:flex-start;flex-direction:column;gap:12px}.oauth-status-info{flex-wrap:wrap;gap:8px}.empty-state{min-height:250px;padding:60px 20px}.empty-state h3{font-size:20px}.empty-state p{font-size:14px}}@media (max-width:480px){.meetings-summary{grid-template-columns:1fr}.filter-select{min-width:100px}.empty-state{min-height:200px;padding:40px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:14px}}.create-global-post{margin-bottom:24px}.create-post-prompt{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:0;margin-bottom:16px;padding:12px 16px;transition:all .2s ease}.create-post-prompt:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000026}.create-post-prompt .user-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:0;overflow:hidden;position:relative;width:40px}.create-post-prompt .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.create-post-prompt .avatar-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.prompt-input{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:25px;display:flex;flex:1 1;justify-content:space-between;margin:0 12px;padding:12px 16px;transition:all .2s ease}.prompt-input:hover{background:#f9fafb;border-color:#d1d5db}.prompt-placeholder{color:#9ca3af;font-size:16px}.prompt-actions{align-items:center;display:flex;gap:8px}.explore-communities-btn{background:linear-gradient(135deg,#08a4fc,#0284c7);font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.explore-communities-btn:hover{background:linear-gradient(135deg,#0991ff,#0369a1);transform:translateY(-1px)}.explore-communities-btn:active{transform:translateY(0)}.membership-badge{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;opacity:.8}.create-post-form{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.form-header{align-items:center;background:linear-gradient(135deg,#f8faff,#e8f4ff);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.header-content{flex-direction:column;gap:4px}.header-content h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border-radius:8px}.close-btn:hover{background:#f3f4f6}.form-body{padding:24px}.category-selector{margin-bottom:16px}.category-selector label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.category-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.category-select:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.content-textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-family:inherit;font-size:16px;margin-bottom:8px;min-height:120px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.content-textarea:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.content-textarea::placeholder{color:#9ca3af}.character-count{color:#6b7280;font-size:12px;text-align:right}.character-count,.file-preview{margin-bottom:16px}.preview-item{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:12px;padding:12px 16px}.preview-item svg{color:#08a4fc;flex-shrink:0}.preview-item span{flex:1 1;font-weight:500}.preview-item button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.preview-item button:hover{background:#ef44441a;color:#ef4444}.error-message{font-size:14px;margin-bottom:16px}.error-message svg{flex-shrink:0}.form-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.action-buttons{display:flex;gap:12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.btn-primary{background:#08a4fc;color:#fff}.btn-primary:hover:not(:disabled){background:#0693e3;box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-1px)}.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.create-post-prompt{gap:12px;padding:12px 16px}.create-post-prompt .user-avatar{font-size:14px;height:36px;width:36px}.explore-communities-btn{font-size:12px;padding:6px 12px}.explore-communities-btn span{display:none}.form-footer,.form-header{padding:16px 20px}.form-body{padding:20px}.content-textarea{font-size:14px;min-height:100px;padding:12px}.action-buttons{gap:8px}.btn-primary,.btn-secondary{font-size:12px;padding:8px 16px}.form-footer{align-items:stretch;flex-direction:column;gap:16px}.action-buttons{justify-content:flex-end}}.media-buttons{display:flex;gap:8px;margin-right:12px}.media-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.media-btn:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.media-btn.image-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.media-btn.video-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.media-btn svg{flex-shrink:0}.media-upload-section{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.media-buttons-row{display:flex;gap:12px;margin-bottom:16px}.upload-btn{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:14px;font-weight:500;gap:4px;justify-content:center;padding:12px 16px;text-align:center;transition:all .2s ease}.upload-btn .btn-content{align-items:center;display:flex;gap:8px}.upload-btn small{font-size:11px;font-weight:400;opacity:.8}.upload-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.upload-btn:disabled{cursor:not-allowed;opacity:.5}.upload-btn.image-upload-btn:hover:not(:disabled){background:#fef3c7;border-color:#f59e0b;color:#f59e0b}.upload-btn.video-upload-btn:hover:not(:disabled){background:#dbeafe;border-color:#3b82f6;color:#3b82f6}.file-limits-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;line-height:1.4;margin-top:12px;padding:12px}.file-limits-info p{color:#64748b;margin:0}.file-limits-info strong{color:#334155;font-weight:600}.media-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;overflow:hidden}.preview-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 16px}.preview-header,.preview-title{align-items:center;display:flex}.preview-title{color:#374151;font-size:14px;font-weight:500;gap:8px}.preview-details{background:#f8fafc;border-bottom:1px solid #e5e7eb;margin:0;padding:12px 16px}.preview-details p{color:#64748b;font-size:13px;line-height:1.4;margin:0 0 4px}.preview-details p:last-child{margin-bottom:0}.preview-details strong{color:#334155;font-weight:600;margin-right:8px}.remove-media-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.remove-media-btn:hover{background:#fee2e2;color:#dc2626}.image-preview{background:#f8fafc;display:flex;justify-content:center;padding:16px}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}.video-preview{background:#f8fafc;display:flex;justify-content:center;padding:16px}.video-preview video{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:300px;max-width:100%}@media (max-width:768px){.create-post-prompt{gap:8px;padding:12px}.create-post-prompt .user-avatar{height:32px;width:32px}.media-buttons{gap:4px;margin-right:8px}.media-btn{padding:6px}.explore-communities-btn{font-size:12px;padding:6px 12px}.explore-communities-btn span{display:none}.form-body,.form-header{padding:16px}.content-textarea{font-size:16px;min-height:100px}.media-buttons-row{flex-direction:column;gap:8px}.upload-btn{font-size:14px;padding:12px}.form-footer{padding:16px}.media-buttons{display:none}.action-buttons{justify-content:space-between}.btn-primary,.btn-secondary{font-size:14px;padding:12px 20px}.image-preview img,.video-preview video{max-height:200px}}.feed-global-container{animation:fadeIn .5s ease;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px;padding:24px}.explore-communities-section{display:flex;gap:16px;margin-bottom:24px;padding:0 4px}.explore-communities-btn{align-items:center;background:linear-gradient(135deg,#08a4fc,#0691e0);border:none;border-radius:8px;box-shadow:0 2px 4px #08a4fc33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.explore-communities-btn:hover{box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-2px)}.feed-header,.header-content{margin-bottom:24px}.header-content{align-items:flex-start}.title-section{flex:1 1}.page-title{align-items:center;color:var(--gray-900);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.premium-icon{color:#f59e0b}.page-subtitle{font-size:16px;line-height:1.5}.create-post-btn{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;color:var(--white);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s ease}.create-post-btn:hover{box-shadow:0 8px 20px #f59e0b66;transform:translateY(-2px)}.filters-section{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;padding:16px 20px}.filter-group{align-items:center;color:var(--gray-600);gap:8px}.filter-select{background:var(--white);border:1px solid var(--gray-300);color:var(--gray-700);min-width:150px;padding:8px 12px;transition:border-color .2s ease}.filter-select:focus{border-color:var(--primary-blue);outline:none}.upgrade-prompt{background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:2px solid #f59e0b4d;border-radius:16px;margin-bottom:24px;padding:24px}.prompt-content{align-items:center;display:flex;gap:20px}.crown-icon{color:#f59e0b;flex-shrink:0}.prompt-content h3{color:var(--gray-900);font-size:18px;font-weight:700;margin:0 0 8px}.prompt-content p{color:var(--gray-600);line-height:1.5;margin:0}.upgrade-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:var(--white);cursor:pointer;flex-shrink:0;font-weight:600;padding:10px 20px;transition:all .2s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.posts-container{display:flex;flex-direction:column;gap:24px}.post-card{background:var(--white);border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative;transition:all .2s ease}.post-card:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc1a;transform:translateY(-1px)}.advertisement-banner{align-items:center;background:linear-gradient(135deg,#08a4fc,#0bb8ff 50%,#87ceeb);border-bottom:3px solid #08a4fc;box-shadow:0 2px 8px #08a4fc4d;display:flex;justify-content:space-between;padding:12px 20px;position:relative}.advertisement-banner:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.advertisement-badge{align-items:center;background:#fffffff2;border:2px solid #08a4fc;border-radius:20px;box-shadow:0 2px 6px #00000026;color:#08a4fc;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:6px 12px;position:relative;text-transform:uppercase;z-index:1}.advertisement-badge svg{animation:pulse-icon 1.5s ease-in-out infinite;color:#08a4fc}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.advertisement-label{color:#fff;font-size:13px;font-weight:600;position:relative;text-shadow:1px 1px 2px #0000004d;z-index:1}.post-card:has(.advertisement-banner){border:2px solid #08a4fc;box-shadow:0 4px 16px #08a4fc33}.post-card:has(.advertisement-banner):hover{border-color:#08a4fc;box-shadow:0 8px 24px #08a4fc4d;transform:translateY(-2px)}.ad-content{background:linear-gradient(145deg,#f8fbff,#e7f3ff);border:1px solid #08a4fc33;border-radius:12px;margin:16px 0;padding:20px}.ad-title{color:#08a4fc;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 12px}.ad-content p{color:#374151;line-height:1.6;margin:0 0 16px}.ad-cta-button{align-items:center;background:linear-gradient(135deg,#08a4fc,#0bb8ff);border-radius:8px;box-shadow:0 2px 8px #08a4fc4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.ad-cta-button:hover{background:linear-gradient(135deg,#0690d9,#0aa3e6);box-shadow:0 4px 12px #08a4fc66;color:#fff;text-decoration:none;transform:translateY(-1px)}.ad-media{border:2px solid #08a4fc33;border-radius:12px;overflow:hidden}.ad-media img,.ad-media video{display:block;height:auto;width:100%}.ad-media-loading{align-items:center;background:linear-gradient(135deg,#08a4fc0d,#08a4fc1a);display:flex;flex-direction:column;gap:12px;padding:40px 20px;text-align:center}.ad-media-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #08a4fc33;border-radius:50%;border-top-color:#08a4fc;height:32px;width:32px}.ad-media-loading span{color:#08a4fc;font-size:14px;font-weight:500}.ad-media-error{background:linear-gradient(135deg,#ef44440d,#ef44441a);border:1px solid #ef444433;padding:40px 20px;text-align:center}.ad-media-error span{color:#ef4444;font-size:14px;font-weight:500}.ad-media-unsupported{background:linear-gradient(135deg,#6b72800d,#6b72801a);border:1px solid #6b728033;padding:30px 20px;text-align:center}.ad-media-unsupported span{color:#6b7280;font-size:14px;font-weight:500}.post-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.author-info{align-items:center;flex:1 1;gap:12px}.author-avatar{background:linear-gradient(135deg,#08a4fc,#0284c7);border:2px solid #e0f2fe;height:40px;overflow:hidden;width:40px}.author-avatar span{color:#fff;font-size:14px;font-weight:600}.author-details{flex:1 1;min-width:0}.author-name{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:6px;line-height:1.2;margin:0}.clickable{cursor:pointer!important;transition:all .2s ease;-webkit-user-select:none;user-select:none}.author-avatar.clickable{border:2px solid #e0f2fe;position:relative}.author-avatar.clickable:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc4d;transform:scale(1.05)}.author-avatar.clickable:active{transform:scale(.98)}.author-name.clickable{position:relative}.author-name.clickable:hover{color:#08a4fc!important}.author-name.clickable:active{color:#0284c7!important}.premium-badge{color:#08a4fc;height:14px;width:14px}.author-bio{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.3;margin:2px 0 0;overflow:hidden}.post-meta{align-items:center;color:#9ca3af;font-size:11px;gap:8px;margin-top:4px}.category{background:#eff6ff;border-radius:4px;color:#08a4fc;font-size:10px;font-weight:500;padding:2px 6px}.time{color:#9ca3af}.featured-icon{color:#f59e0b;height:12px;width:12px}.post-actions-menu{align-items:center;display:flex;gap:8px}.delete-post-btn{align-items:center;background:none;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.delete-post-btn:hover{background:#fef2f2;color:#b91c1c;transform:scale(1.05)}.delete-post-btn:active{transform:scale(.95)}.post-menu{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:6px;transition:all .2s ease}.post-menu:hover{background:#f3f4f6;color:#6b7280}.post-content{padding:16px 20px}.post-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden;white-space:pre-wrap}.post-media{border-radius:8px;margin:0 20px 16px;max-height:300px;overflow:hidden}.post-media img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.video-container{max-height:300px;position:relative}.video-container video{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.video-duration{align-items:center;background:#000c;border-radius:4px;bottom:8px;color:#fff;display:flex;font-size:11px;font-weight:500;gap:3px;padding:3px 6px;position:absolute;right:8px}.video-container.vertical-video-container{align-items:center;background:#000;border-radius:12px;display:flex;justify-content:center;max-height:500px;overflow:hidden}.video-container.horizontal-video-container{max-height:350px}.video-container .vertical-video{border-radius:12px;height:100%!important;max-height:500px;max-width:100%;object-fit:contain!important;width:auto!important}.video-container .horizontal-video{height:auto;max-height:350px;object-fit:cover;width:100%}.video-error-state,.video-loading-state{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:250px;padding:20px;text-align:center}.video-loading-state{border-color:#08a4fc;color:#08a4fc}.video-error-state{border-color:#ef4444;color:#ef4444}.retry-video-btn{background:#ef4444;border-radius:6px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.retry-video-btn:hover{background:#dc2626}.engagement-stats{font-size:12px;justify-content:space-between;padding:0 20px 12px}.engagement-stats,.stats-left{align-items:center;display:flex}.stats-left{gap:12px}.views{align-items:center;color:#6b7280;display:flex;gap:4px}.engagement{color:#08a4fc;font-weight:600}.stats-right{align-items:center;color:#6b7280;display:flex;gap:8px}.post-actions{border-top:1px solid #f3f4f6;display:flex;gap:4px;padding:12px 20px}.action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:6px;justify-content:center;padding:8px 12px;transition:all .2s ease}.action-btn:hover{background:#f9fafb;color:#374151}.action-btn.like{color:#6b7280}.action-btn.like.liked,.action-btn.like:hover{background:#fef2f2;color:#dc2626}.action-btn.like.liked:hover{background:#fee2e2}.action-btn.comment:hover{background:#eff6ff;color:#08a4fc}.action-btn.share:hover{background:#f0fdf4;color:#16a34a}.action-btn.disabled{color:#d1d5db;cursor:not-allowed;opacity:.5}.action-btn.disabled:hover{background:none;color:#d1d5db;transform:none}.share-dropdown{flex:1 1;position:relative}.share-dropdown:hover .share-options{display:block}.share-options{background:var(--white);border:1px solid var(--gray-200);border-radius:8px;bottom:100%;box-shadow:0 8px 20px #00000026;display:none;margin-bottom:4px;min-width:200px;overflow:hidden;position:absolute;right:0;z-index:100}.share-options button{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.share-options button:hover{background:var(--gray-50)}.loading-posts{display:flex;flex-direction:column;gap:24px}.post-skeleton{animation:pulse 1.5s ease-in-out infinite alternate;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:20px}.skeleton-header{height:48px}.skeleton-content,.skeleton-header{background:var(--gray-200);border-radius:8px;margin-bottom:16px}.skeleton-content{height:60px}.skeleton-actions{background:var(--gray-200);border-radius:8px;height:40px}.empty-state,.error-state{align-items:center;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:var(--gray-400)}.empty-state h3{color:var(--gray-900);font-size:20px}.empty-state p{color:var(--gray-600)}.load-more-btn{align-self:center;background:var(--primary-blue);color:var(--white)}.load-more-btn:hover{background:var(--primary-blue-dark);transform:translateY(-1px)}.comments-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.comments-modal{background:var(--white);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--gray-200);padding:20px}.modal-header h3{font-weight:600}.modal-header button{align-items:center;background:none;border:none;border-radius:8px;color:var(--gray-400);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-header button:hover{background:var(--gray-100);color:var(--gray-600)}.comments-list{flex:1 1;max-height:400px;overflow-y:auto;padding:20px}.loading-post-details{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.loading-post-details .spin{color:#08a4fc}.error-loading-post{align-items:center;color:#ef4444;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px;text-align:center}.retry-btn{padding:10px 20px}.retry-btn:hover{background:#0690d9}.post-details-section{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:24px}.post-detail-header{gap:16px;margin-bottom:16px}.post-detail-avatar{align-items:center;background:#08a4fc;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.post-detail-avatar img{height:100%;object-fit:cover;width:100%}.post-detail-author-info{flex:1 1}.post-detail-author-name{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px}.post-detail-meta{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:12px;margin-top:4px}.post-detail-community{color:#08a4fc;font-weight:600}.post-detail-content{margin-bottom:16px}.post-detail-content p{color:#374151;font-size:16px;line-height:1.6;margin:0}.post-detail-tag{margin-top:12px}.post-detail-tag span{background:linear-gradient(135deg,#08a4fc,#0bb8ff);border-radius:16px;color:#fff;font-size:14px;font-weight:600;padding:4px 12px}.post-detail-media{border-radius:12px;margin:16px 0;overflow:hidden}.post-detail-image,.post-detail-video{display:block;height:auto;width:100%}.post-detail-stats{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;gap:20px;padding-top:16px}.post-detail-stats span{align-items:center;display:flex;gap:6px}.comments-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.comments-section h4{font-size:18px;font-weight:700;padding:20px 24px 0}.comment{display:flex;gap:12px;margin-bottom:20px}.comment:last-child{margin-bottom:0}.comment-avatar{align-items:center;background:var(--gray-100);border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-avatar span{color:var(--gray-600);font-size:14px;font-weight:600}.comment-avatar.clickable{border:2px solid #e0f2fe;cursor:pointer;position:relative;transition:all .2s ease}.comment-avatar.clickable:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc4d;transform:scale(1.05)}.comment-avatar.clickable:active{transform:scale(.98)}.comment-content{flex:1 1}.comment-author{color:var(--gray-900);font-size:14px;font-weight:600;margin-bottom:4px}.comment-author.clickable{cursor:pointer;transition:color .2s ease}.comment-author.clickable:hover{color:#08a4fc!important;text-decoration:underline}.comment-author.clickable:active{color:#0284c7!important}.comment-text{color:var(--gray-700);font-size:14px;line-height:1.5;margin-bottom:4px}.comment-time{color:var(--gray-500);font-size:12px}.comment-input{border-top:1px solid var(--gray-200);display:flex;gap:12px;padding:20px}.input-avatar{align-items:center;background:var(--primary-blue);border-radius:8px;color:var(--white);display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.input-field{flex:1 1}.input-field textarea{border:1px solid var(--gray-300);border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;min-height:80px;outline:none;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.input-field textarea:focus{border-color:var(--primary-blue)}.input-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.char-count{color:var(--gray-500)}.send-btn{align-items:center;background:var(--primary-blue);border:none;border-radius:6px;color:var(--white);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.send-btn:hover:not(:disabled){background:var(--primary-blue-dark)}.send-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.feed-global-container{gap:16px;padding:16px}.header-content{align-items:stretch;flex-direction:column;gap:16px}.page-title{font-size:24px}.create-post-btn{justify-content:center}.filters-section{align-items:stretch;flex-direction:column;gap:12px}.filter-group{justify-content:space-between}.filter-select{flex:1 1;min-width:auto}.prompt-content{flex-direction:column;gap:16px;text-align:center}.post-card{border-radius:8px;margin:0 -8px 16px}.post-content,.post-header{padding:12px 16px}.post-media{margin:0 16px 12px}.video-container .vertical-video,.video-container.vertical-video-container{max-height:400px}.engagement-stats{align-items:flex-start;flex-direction:column;gap:8px;padding:0 16px 12px}.post-actions{gap:4px;padding:8px 16px}.action-btn{justify-content:flex-start}.comments-modal{margin:20px;max-height:calc(100vh - 40px)}.comment-input,.comments-list,.modal-header{padding:16px}.advertisement-banner{flex-direction:column;gap:8px;padding:10px 16px;text-align:center}.advertisement-badge{font-size:11px;gap:6px;padding:5px 10px}.advertisement-badge svg{height:14px;width:14px}.advertisement-label{font-size:12px}.post-card:has(.advertisement-banner){border-radius:8px;margin:0 -8px 16px}.ad-content{margin:12px 0;padding:16px}.ad-title{font-size:16px;margin-bottom:10px}.ad-cta-button{font-size:13px;gap:6px;padding:10px 16px}.ad-media{border-radius:8px;margin:0 16px 12px}.comments-modal{max-height:90vh;max-width:600px;width:95%}.post-details-section{padding:16px}.post-detail-header{align-items:flex-start;flex-direction:column;gap:12px}.post-detail-author-name{font-size:16px}.post-detail-content{padding:12px 0}.post-detail-media{margin:12px 0}.post-detail-stats{flex-wrap:wrap;gap:12px}.comments-section h4{font-size:16px;margin-bottom:12px}}.explorar-comunidades-container{animation:fadeIn .5s ease;background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;display:flex;justify-content:space-between;padding:24px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e8eaf6);background-clip:text;-webkit-background-clip:text;font-size:32px;font-weight:700;margin:0 0 8px}.header-content p{font-size:16px;margin:0;opacity:.9}.refresh-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.7}.refresh-btn.refreshing{animation:pulse 1.5s infinite}.search-filters{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-container{flex:1 1;position:relative}.search-icon{color:#6c757d;pointer-events:none}.search-input{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-size:16px;height:48px;padding:0 16px 0 48px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:14px 20px;position:relative;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;color:#fff}.filter-indicator{background:#ff3b30;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.error-banner{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.retry-btn{background:#dc3545;border-radius:6px;margin-left:auto;transition:background .2s ease}.retry-btn:hover{background:#c82333}.communities-grid{grid-gap:28px;gap:28px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.community-card-enhanced{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:all .3s ease}.community-card-enhanced:hover{border-color:#667eea;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.community-image-container-enhanced{height:200px;overflow:hidden;position:relative;width:100%}.community-image-enhanced{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.community-card-enhanced:hover .community-image-enhanced{transform:scale(1.05)}.community-overlay-enhanced{align-items:flex-start;background:linear-gradient(180deg,#0006 0,#0000);display:flex;justify-content:space-between;left:0;padding:16px;position:absolute;right:0;top:0}.access-type-enhanced{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.access-label-enhanced.gratuita,.access-label-enhanced.publica{color:#10b981}.access-label-enhanced.pago,.access-label-enhanced.por_pago{color:#f59e0b}.access-label-enhanced.invitacion{color:#8b5cf6}.access-icon.free{color:#10b981}.access-icon.paid{color:#f59e0b}.access-icon.invitation{color:#8b5cf6}.price-badge-enhanced{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:13px;font-weight:700;gap:4px;padding:8px 12px}.community-info-enhanced{display:flex;flex-direction:column;gap:20px;padding:24px}.community-header-enhanced{border-bottom:1px solid #f1f3f4;padding-bottom:16px}.community-name-enhanced{color:#1a202c;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.community-description-enhanced{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.coach-section-enhanced{background:#f8faff;border-left:4px solid #667eea;border-radius:12px;padding:16px}.coach-info-enhanced{align-items:center;display:flex;gap:12px}.coach-avatar-enhanced{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:48px;object-fit:cover;width:48px}.coach-details-enhanced{display:flex;flex-direction:column;gap:2px}.coach-name-enhanced{color:#2d3748;font-size:16px;font-weight:600}.coach-type-enhanced{background:#667eea1a;border-radius:12px;color:#667eea;font-size:12px;font-weight:500;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.community-stats-enhanced{background:#fafbfc;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:16px}.stat-item-enhanced{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;text-align:center}.stat-item-enhanced svg{color:#667eea}.stat-content{gap:2px}.stat-number{color:#2d3748;font-size:18px}.stat-label{color:#718096}.featured-product-enhanced{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #0ea5e9;border-radius:12px;overflow:hidden}.product-header{align-items:center;background:#0ea5e9;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.star-icon{color:#38bdf8}.product-content{padding:16px}.product-name-enhanced{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 8px;text-align:center}.product-promise-enhanced{color:#075985;font-size:13px;line-height:1.4;margin:0 0 12px;text-align:center}.product-price-enhanced{align-items:center;color:#0369a1;display:flex;font-size:16px;font-weight:700;gap:4px;justify-content:center}.community-actions-enhanced{display:flex;gap:12px;margin-top:auto}.details-btn-enhanced{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.details-btn-enhanced:hover{background:#edf2f7;border-color:#cbd5e0;color:#2d3748}.join-btn-enhanced{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:2 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .2s ease}.join-btn-enhanced.gratuita,.join-btn-enhanced.publica{background:linear-gradient(135deg,#08a4fc,#0284c7);color:#fff}.join-btn-enhanced.gratuita:hover:not(:disabled),.join-btn-enhanced.publica:hover:not(:disabled){background:linear-gradient(135deg,#0991ff,#0369a1);box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-1px)}.join-btn-enhanced.pago,.join-btn-enhanced.por_pago{background:linear-gradient(135deg,#08a4fc,#0284c7);color:#fff}.join-btn-enhanced.pago:hover:not(:disabled),.join-btn-enhanced.por_pago:hover:not(:disabled){background:linear-gradient(135deg,#0991ff,#0369a1);box-shadow:0 4px 12px #08a4fc4d;transform:translateY(-1px)}.join-btn-enhanced.invitacion{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.join-btn-enhanced.invitacion:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.join-btn-enhanced:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.join-btn-enhanced.loading{pointer-events:none}.community-card{border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.community-card:hover{box-shadow:0 8px 40px #00000026;transform:translateY(-4px)}.community-image-container{height:200px;overflow:hidden;position:relative}.community-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.community-card:hover .community-image{transform:scale(1.05)}.community-overlay{align-items:center;background:linear-gradient(135deg,#667eeacc,#764ba2cc);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.community-card:hover .community-overlay{opacity:1}.view-details-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:none;border-radius:50%;color:#667eea;cursor:pointer;padding:12px;transition:all .2s ease}.view-details-btn:hover{background:#fff;transform:scale(1.1)}.community-info{padding:24px}.community-name{color:#1a1a1a;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.community-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.community-stats{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding-bottom:16px}.stat-item{color:#495057;gap:6px}.stat-item svg{color:#667eea}.limit{color:#6c757d;font-size:12px;font-style:italic}.community-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-tag{background:#e3f2fd;color:#1976d2;font-weight:500}.category-tag,.more-categories{border-radius:20px;font-size:12px;padding:6px 12px}.more-categories{background:#f5f5f5;color:#757575;font-style:italic}.community-actions{gap:12px}.details-btn{background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s ease}.details-btn:hover,.join-btn{background:#667eea;color:#fff}.join-btn{align-items:center;border:2px solid #667eea;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.join-btn:hover:not(:disabled){background:#5a6fd8;border-color:#5a6fd8;transform:translateY(-1px)}.join-btn:disabled{cursor:not-allowed;opacity:.7}.join-btn.loading{background:#a0a0a0;border-color:#a0a0a0}.loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:60px 20px}.loading-state p{font-size:16px;margin:16px 0 0}.empty-state{color:#6c757d;grid-column:1/-1}.empty-state svg{opacity:.5}.empty-state h3{color:#1a1a1a;font-size:24px}.empty-state p{font-size:16px;margin:0 0 24px;max-width:400px}.clear-filters-btn{background:#dc3545;font-weight:600;padding:12px 24px}.clear-filters-btn:hover{background:#c82333}.load-more-container{display:flex;grid-column:1/-1;justify-content:center;margin-top:32px}.load-more-btn{background:#667eea;border-radius:12px;display:flex;font-size:16px;font-weight:600;padding:16px 32px;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:#5a6fd8;box-shadow:0 4px 20px #667eea4d}.load-more-btn.loading{background:#a0a0a0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.filters-modal{max-height:80vh;max-width:600px;overflow:hidden}.details-modal,.filters-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%}.details-modal{max-height:90vh;max-width:700px;overflow-y:auto}.modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e7f3ff);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h3{color:#1a1a1a;flex:1 1;font-size:18px;font-weight:700;margin:0}.close-btn{background:#0000;border-radius:50%;color:#6c757d;flex-shrink:0;height:36px;padding:8px;width:36px}.close-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.modal-content{max-height:400px;overflow-y:auto;padding:24px}.filter-section h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 16px}.categories-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.category-filter{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease}.category-filter:hover{background:#f0f4ff;border-color:#667eea}.category-filter.selected{background:#667eea;border-color:#667eea;color:#fff}.modal-actions{background:#f8f9fa;border-top:1px solid #e9ecef;padding:24px}.clear-btn{background:#0000;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s ease}.clear-btn:hover{background:#dc3545;color:#fff}.apply-btn{background:#667eea;border:2px solid #667eea;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .2s ease}.apply-btn:hover{background:#5a6fd8;border-color:#5a6fd8}.details-content{display:flex;flex-direction:column}.details-image{height:250px;object-fit:cover;width:100%}.details-info{padding:32px}.details-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 16px}.details-description{color:#6c757d;font-size:16px;line-height:1.6;margin:0 0 24px}.details-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-box{background:#f8f9fa;border-radius:12px;padding:16px;text-align:center}.stat-number{color:#667eea}.stat-label{color:#6c757d}.details-categories{margin-bottom:24px}.details-categories h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 12px}.categories-list{display:flex;flex-wrap:wrap;gap:10px}.detail-category-tag{align-items:center;background:#e3f2fd;border-radius:20px;color:#1976d2;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px}.creator-info{background:#f8f9fa;border-radius:8px;margin-bottom:32px;padding:16px}.creator-info h4{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.creator-info p{color:#1a1a1a;font-size:16px;font-weight:500;margin:0}.details-join-btn{align-items:center;background:#08a4fc;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease;width:100%}.details-join-btn:hover:not(:disabled){background:#0991ff;box-shadow:0 6px 24px #08a4fc66;transform:translateY(-2px)}.details-join-btn:disabled{background:#a0a0a0;cursor:not-allowed}.details-join-btn.loading{background:#a0a0a0}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.explorar-comunidades-container{padding:16px}.page-header{flex-direction:column;gap:16px;text-align:center}.header-content h1{font-size:24px}.refresh-btn{justify-content:center;width:100%}.search-filters{flex-direction:column}.communities-grid{gap:20px;grid-template-columns:1fr}.community-card-enhanced{border-radius:16px;box-shadow:0 2px 12px #0000000f}.community-card-enhanced:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.community-image-container-enhanced{height:180px}.community-overlay-enhanced{padding:12px}.access-type-enhanced{font-size:11px;padding:4px 8px}.price-badge-enhanced{font-size:12px;padding:6px 10px}.community-info-enhanced{gap:16px;padding:20px}.community-name-enhanced{font-size:18px}.community-description-enhanced{font-size:13px}.coach-section-enhanced{padding:12px}.coach-avatar-enhanced{height:40px;width:40px}.coach-name-enhanced{font-size:14px}.coach-type-enhanced{font-size:11px}.community-stats-enhanced{gap:8px;padding:12px}.stat-number{font-size:16px}.stat-label{font-size:11px}.featured-product-enhanced{border-radius:10px}.product-content{padding:12px}.product-name-enhanced{font-size:14px;text-align:center}.product-promise-enhanced{font-size:12px;text-align:center}.product-price-enhanced{font-size:14px;justify-content:center}.community-actions-enhanced{flex-direction:column;gap:10px}.details-btn-enhanced,.join-btn-enhanced{font-size:14px;padding:12px 16px}.join-btn-enhanced{flex:1 1}.community-actions{flex-direction:column}.details-stats{grid-template-columns:1fr}.modal-overlay{padding:10px}.details-modal,.filters-modal{max-height:95vh}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.close-btn{height:32px;width:32px}.categories-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}}@media (max-width:480px){.community-info{padding:20px}.community-name{font-size:18px}.details-info{padding:24px}.details-title{font-size:24px}}.coach-info{align-items:flex-start;display:flex;gap:12px}.coach-avatar{border:2px solid #e9ecef;border-radius:50%;height:48px;object-fit:cover;width:48px}.coach-name{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 4px}.coach-membership{color:#667eea;font-size:12px;font-weight:500;margin:0 0 8px}.coach-bio{color:#6c757d;font-size:13px;line-height:1.4;margin:0}.featured-product{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:16px}.featured-product h4{color:#1a1a1a;font-size:14px;font-weight:600;margin:0 0 12px}.featured-product h5{color:#495057;font-size:16px;font-weight:600;margin:0 0 8px}.featured-product p{color:#6c757d;font-size:13px;line-height:1.4;margin:0 0 12px}.product-price{align-items:center;color:#28a745;display:flex;font-size:14px;font-weight:600;gap:4px}.phone-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:90%}.phone-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px 24px 16px}.phone-modal .modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.phone-modal .modal-content{padding:24px}.product-info{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.product-info .product-icon{color:#0ea5e9}.product-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 4px}.product-info p{color:#6b7280;font-size:14px;margin:0}.phone-input-section{margin-bottom:24px}.phone-input-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.phone-input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.phone-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.phone-help{color:#6b7280;font-size:12px;line-height:1.4;margin:8px 0 0}.modal-actions{gap:12px;justify-content:flex-end}.btn-cancel{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel:hover{background:#e5e7eb;color:#1f2937}.btn-purchase{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-purchase:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.btn-purchase:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.phone-modal{margin:20px;width:95%}.phone-modal .modal-content,.phone-modal .modal-header{padding:20px}.modal-actions{flex-direction:column}.btn-cancel,.btn-purchase{justify-content:center;width:100%}}.image-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#08a4fc;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:8px;left:50%;padding:16px 20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.image-loading-overlay .spin{animation:spin 1s linear infinite}.coach-section-modal{align-items:center;background:linear-gradient(135deg,#f8fafc,#e7f3ff);border:2px solid #e1f5fe;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:20px;justify-content:center;margin:20px auto;max-width:600px;padding:32px 40px;width:100%}.coach-avatar-container{align-items:center;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2,#08a4fc);background-size:300% 300%;border-radius:50%;display:flex;flex-direction:column;gap:12px;padding:8px;position:relative}.coach-avatar-large{border:6px solid #fff;border-radius:50%;box-shadow:0 12px 36px #0003;height:120px;object-fit:cover;transition:all .3s ease;width:120px}.coach-avatar-large:hover{box-shadow:0 16px 48px #00000040;transform:scale(1.08)}.coach-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.coach-badge svg{color:gold}.coach-details-modal{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center;padding:0 16px;text-align:center}.coach-name-large{color:#1a202c;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 4px}.coach-membership-badge{background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:20px;box-shadow:0 2px 8px #08a4fc4d;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.coach-bio-large{color:#4a5568;font-size:14px;font-style:italic;line-height:1.6;margin:8px auto 0;max-width:350px;padding:0 16px;text-align:center;word-spacing:1px}@media (max-width:768px){.coach-section-modal{align-items:center;flex-direction:column;gap:20px;margin:16px auto;max-width:100%;padding:24px 20px;text-align:center}.coach-avatar-large{height:100px;width:100px}.coach-name-large{font-size:18px}.coach-details-modal{align-items:center;gap:16px;padding:0 8px}.coach-bio-large{font-size:13px;max-width:280px;padding:0 8px}}.vsl-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;z-index:2000}.vsl-modal{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:24px;box-shadow:0 32px 80px #0000004d;max-height:95vh;max-width:900px;overflow-y:auto;position:relative;width:95%}.vsl-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:24px;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.vsl-loading-overlay p{color:#667eea;font-size:16px;font-weight:500;margin:0}.vsl-header{align-items:center;background:linear-gradient(135deg,#08a4fc,#0bb8ff);border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.premium-badge-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;color:#fff;display:flex;font-size:14px;font-weight:700;gap:12px;letter-spacing:1px;padding:12px 20px}.premium-badge-header svg{color:gold}.vsl-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.vsl-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.vsl-hero{background:linear-gradient(135deg,#f8fafc,#e7f3ff);overflow:hidden;padding:48px 32px;position:relative;text-align:center}.vsl-hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.vsl-hero-content{position:relative;z-index:2}.vsl-promesa{color:#000;font-size:36px;font-weight:800;line-height:1.2;margin:0 0 16px;text-align:center}.vsl-subtitulo{color:#4a5568;font-size:20px;font-weight:400;line-height:1.5;margin:0 0 40px}.vsl-coach-showcase{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;gap:24px;margin:40px auto 0;max-width:500px;padding:32px}.vsl-coach-avatar,.vsl-coach-showcase{align-items:center;display:flex;justify-content:center}.vsl-coach-avatar{position:relative}.vsl-avatar-placeholder,.vsl-coach-avatar img{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;height:80px;object-fit:cover;width:80px}.vsl-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);font-size:28px;font-weight:700}.vsl-avatar-placeholder,.vsl-premium-indicator{align-items:center;color:#fff;display:flex;justify-content:center}.vsl-premium-indicator{background:linear-gradient(135deg,gold,#ffb700);border-radius:50%;box-shadow:0 4px 12px #ffd70066;height:32px;position:absolute;right:-4px;top:-4px;width:32px}.vsl-coach-details{text-align:left}.vsl-coach-details h3{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 8px}.vsl-coach-title{color:#08a4fc;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.vsl-coach-bio{color:#4a5568;font-size:14px;line-height:1.5;margin:0}.vsl-video-section{align-items:center;display:flex;flex-direction:column;gap:32px;margin:40px 0}.vsl-video-container{border-radius:16px;box-shadow:0 16px 40px #0003;max-width:600px;overflow:hidden;position:relative;width:100%}.vsl-video{display:block;height:auto;width:100%}.vsl-video-overlay{align-items:center;background:#667eeae6;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.vsl-video-container:hover .vsl-video-overlay{transform:translate(-50%,-50%) scale(1.1)}.vsl-copy-section,.vsl-entregables-section{border-bottom:1px solid #e2e8f0;padding:56px 32px;position:relative}.vsl-copy-section{background:linear-gradient(135deg,#fafbfc,#f7fafc)}.vsl-section-title{align-items:center;color:#1a202c;display:flex;font-size:32px;font-weight:800;gap:16px;justify-content:center;letter-spacing:-.025em;margin:0 0 40px;position:relative;text-align:center}.vsl-section-title:after{background:linear-gradient(90deg,#08a4fc,#0bb8ff);border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.vsl-section-title svg{color:#08a4fc}.vsl-entregables-list{display:flex;flex-direction:column;gap:20px}.vsl-entregable-row{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px 24px;transition:all .3s ease}.vsl-entregable-row:hover{border-color:#08a4fc;box-shadow:0 6px 20px #08a4fc1a;transform:translateY(-2px)}.vsl-feature{flex:1 1;gap:12px;min-width:0}.feature-icon,.vsl-feature{align-items:center;display:flex}.feature-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.feature-text h4{color:#1a202c;font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0}.vsl-arrow{align-items:center;color:#08a4fc;display:flex;flex-shrink:0;justify-content:center;opacity:.8;transition:all .3s ease}.vsl-entregable-row:hover .vsl-arrow{opacity:1;transform:translateX(4px)}.vsl-benefit{flex:1.5 1;min-width:0}.benefit-content p{background:#08a4fc14;border-left:3px solid #08a4fc;border-radius:8px;color:#1a202c;font-size:16px;font-style:normal;font-weight:600;line-height:1.4;margin:0;padding:12px 16px;position:relative;transition:all .3s ease}.vsl-entregable-row:hover .benefit-content p{background:#08a4fc1f;box-shadow:0 2px 8px #08a4fc26;transform:translateX(2px)}.vsl-copy-content{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-left:4px solid #08a4fc;border-radius:16px;color:#1a202c;font-size:18px;font-weight:600;line-height:1.6;padding:32px;text-align:justify}.vsl-product-highlight{align-items:center;background:linear-gradient(135deg,#08a4fc,#0bb8ff);color:#fff;display:flex;gap:32px;margin:0;padding:48px 32px}.vsl-product-image{border-radius:16px;box-shadow:0 16px 40px #0000004d;flex-shrink:0;height:200px;overflow:hidden;width:200px}.vsl-product-image img{height:100%;object-fit:cover;width:100%}.product-image-loading{align-items:center;background:#f8fafc;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#08a4fc;height:32px;width:32px}.review-summary{align-items:center;background:linear-gradient(135deg,#f8fafc,#e7f3ff);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin:16px 0;padding:16px 20px;transition:all .3s ease}.review-summary:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc1a}.stars-container{display:flex;gap:2px}.star{transition:all .2s ease}.star-filled{fill:#fbbf24;color:#fbbf24}.star-half{fill:url(#half-star-gradient);color:#fbbf24}.star-empty{fill:none;color:#d1d5db}.rating-number{color:#374151;font-size:14px;font-weight:600;margin-left:4px}.reviews-link{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:4px 8px;transition:all .2s ease}.reviews-link:hover{background:#08a4fc1a;color:#08a4fc}.reviews-link span{text-decoration:underline}.review-summary-loading{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin:16px 0;padding:16px 20px}.review-skeleton{align-items:center;display:flex;justify-content:space-between}.stars-skeleton{width:80px}.review-text-skeleton,.stars-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:4px;height:14px}.review-text-skeleton{width:60px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.review-summary-empty{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:8px;justify-content:center;margin:16px 0;padding:12px 20px}.empty-stars{display:flex;gap:2px}.no-reviews-text{color:#9ca3af;font-size:13px;font-style:italic}.reviews-modal{animation:modalAppear .3s ease-out;box-shadow:0 20px 40px #00000026;left:50%;max-height:80vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}@keyframes modalAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.reviews-modal-content{max-height:calc(80vh - 80px)}.reviews-placeholder{color:#6b7280;padding:40px 20px;text-align:center}.reviews-placeholder svg{color:#d1d5db;margin-bottom:16px}.reviews-placeholder h4{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.reviews-placeholder p{font-size:16px;line-height:1.5;margin:0}@media (max-width:768px){.review-summary{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.review-rating,.reviews-link{justify-content:center}.reviews-link{padding:8px}.reviews-modal{border-radius:16px;max-height:90vh;width:95%}.reviews-modal-content{padding:20px}.reviews-placeholder{padding:30px 16px}.reviews-placeholder h4{font-size:18px}.reviews-placeholder p{font-size:14px}}.vsl-testimonios-section{background:linear-gradient(135deg,#f8fafc,#e7f3ff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin:32px 0;padding:24px}.testimonios-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:16px}.testimonios-header svg{color:#08a4fc;flex-shrink:0}.testimonios-header h3{color:#111827;flex:1 1;font-size:20px;font-weight:700;margin:0}.testimonios-count{background:#6b72801a;border-radius:12px;color:#6b7280;font-size:14px;font-weight:500;padding:4px 12px}.testimonios-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-left:auto}.testimonios-loading svg{color:#08a4fc}.testimonios-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:16px}.testimonio-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.testimonio-card.enhanced{min-height:300px}.testimonio-card:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc26;transform:translateY(-2px)}.testimonio-media-preview{align-items:center;background:#f3f4f6;display:flex;flex-shrink:0;height:140px;justify-content:center;position:relative;width:100%}.testimonio-media-preview.loading{background:#08a4fc0d}.testimonio-media-preview .media-placeholder{align-items:center;color:#08a4fc99;display:flex;justify-content:center}.testimonio-media-preview.text-only{background:linear-gradient(135deg,#08a4fc14,#08a4fc08);border-bottom:1px solid #08a4fc1a}.text-only-indicator{align-items:center;color:#08a4fcb3;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;text-align:center}.video-container-vertical{height:100%;position:relative;width:100%}.testimonio-video{height:100%;object-fit:cover;width:100%}.video-overlay{background:linear-gradient(180deg,#0000000d 0,#0003);bottom:0;left:0;position:absolute;right:0;top:0}.play-indicator,.video-overlay{align-items:center;display:flex;justify-content:center}.play-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08a4fce6;border-radius:50%;color:#fff;height:40px;transition:all .3s ease;width:40px}.testimonio-card:hover .play-indicator{background:#08a4fc;transform:scale(1.05)}.video-type-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:500;gap:3px;padding:3px 6px;position:absolute;right:8px;top:8px}.image-container-vertical{height:100%;position:relative;width:100%}.testimonio-image{height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(180deg,#00000005 0,#0000001a);bottom:0;left:0;position:absolute;right:0;top:0}.image-type-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:10px;color:#fff;display:flex;font-size:10px;font-weight:500;gap:3px;padding:3px 6px;position:absolute;right:8px;top:8px}.testimonio-content{padding:16px}.testimonio-quote{margin-bottom:12px}.testimonio-quote p{color:#374151;font-size:14px;font-style:italic;line-height:1.5;margin:0;position:relative}.testimonio-quote p:before{left:-8px;position:absolute;top:-2px}.testimonio-quote p:after,.testimonio-quote p:before{color:#08a4fc;content:'"';font-size:18px;font-weight:700}.testimonio-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.testimonio-user{align-items:center;display:flex;flex:1 1;gap:8px}.user-avatar{box-shadow:0 2px 4px #0000001a;flex-shrink:0;font-size:12px;height:32px;width:32px}.user-info{flex-direction:column;min-width:0}.user-name{color:#111827;font-size:13px;font-weight:600;margin:0}.testimonio-date{color:#6b7280;font-size:11px;margin:0}.points-earned{align-items:center;background:linear-gradient(135deg,#fef3c7,#fbbf24);border-radius:12px;display:flex;flex-shrink:0;gap:4px;padding:4px 8px}.points-earned svg{color:#f59e0b}.points-earned span{color:#92400e;font-size:11px;font-weight:600}.ver-mas-testimonios{background:#08a4fc0d;border:1px solid #08a4fc33;border-radius:8px;margin-top:8px;padding:12px;text-align:center}.ver-mas-testimonios span{color:#08a4fc;font-size:13px;font-weight:500}@media (max-width:768px){.vsl-testimonios-section{border-radius:12px;margin:24px 0;padding:20px}.testimonios-header{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:16px;text-align:center}.testimonios-header h3{font-size:18px}.testimonios-grid{gap:12px;grid-template-columns:1fr}.testimonio-card.enhanced{min-height:280px}.testimonio-media-preview{height:120px}.play-indicator{height:36px;width:36px}.image-type-badge,.video-type-badge{font-size:9px;gap:2px;padding:2px 5px;right:6px;top:6px}.testimonio-card{border-radius:10px}.testimonio-content{padding:14px}.testimonio-quote p{font-size:13px}.testimonio-footer{align-items:stretch;flex-direction:column;gap:8px}.testimonio-user{justify-content:center}.points-earned{align-self:center}}@media (max-width:480px){.vsl-testimonios-section{margin:20px 0;padding:16px}.testimonios-header h3{font-size:16px}.testimonios-count{font-size:12px;padding:3px 10px}.testimonio-content{padding:12px}.user-avatar{font-size:11px;height:28px;width:28px}.testimonio-date,.user-name{font-size:12px}.points-earned{padding:3px 6px}.points-earned span{font-size:10px}}.vsl-coach-section{background:linear-gradient(135deg,#f8fafc,#e7f3ff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin:32px 0;padding:24px}@media (max-width:768px){.vsl-coach-section{border-radius:12px;margin:24px 0;padding:20px}}@media (max-width:480px){.vsl-coach-section{margin:20px 0;padding:16px}}.vsl-product-details h3{font-size:24px;font-weight:700;margin:0 0 16px}.vsl-product-details p{font-size:16px;line-height:1.6;margin:0 0 24px;opacity:.9}.vsl-product-price{display:flex;flex-direction:column;gap:8px}.price-label{font-size:14px;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.price-value{align-items:center;color:gold;display:flex;font-size:32px;font-weight:800;gap:8px}.vsl-actions{background:#f7fafc;border-radius:0 0 24px 24px;display:flex;gap:20px;justify-content:center;padding:48px 32px}.vsl-purchase-btn{align-items:center;background:linear-gradient(135deg,#08a4fc,#0690d9);border:none;border-radius:12px;box-shadow:0 8px 24px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:12px;letter-spacing:.5px;padding:18px 36px;text-transform:uppercase;transition:all .3s ease}.vsl-purchase-btn:hover{background:linear-gradient(135deg,#0690d9,#0578c7);box-shadow:0 12px 32px #08a4fc66;transform:translateY(-2px)}.vsl-call-btn{align-items:center;background:#0000;border:2px solid #08a4fc;border-radius:12px;color:#08a4fc;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:18px 36px;transition:all .3s ease}.vsl-call-btn:hover{background:#08a4fc;box-shadow:0 8px 24px #08a4fc4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.vsl-modal{border-radius:16px;max-height:98vh;width:98%}.vsl-header{border-radius:16px 16px 0 0;padding:20px 24px}.premium-badge-header{font-size:12px;padding:8px 16px}.vsl-close-btn{height:40px;width:40px}.vsl-hero{padding:32px 24px}.vsl-promesa{font-size:28px}.vsl-subtitulo{font-size:18px}.vsl-coach-showcase{flex-direction:column;gap:20px;padding:24px;text-align:center}.vsl-coach-below-video{border-radius:16px;margin-top:0;max-width:100%;padding:20px}.vsl-coach-details{text-align:center}.vsl-copy-section,.vsl-entregables-section{padding:32px 24px}.vsl-section-title{font-size:24px}.vsl-entregables-list{gap:16px}.vsl-entregable-row{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}.vsl-feature{width:100%}.vsl-arrow{align-self:center;transform:rotate(90deg)}.vsl-entregable-row:hover .vsl-arrow{transform:rotate(90deg) translateX(4px)}.vsl-benefit{width:100%}.vsl-copy-content{font-size:15px;padding:24px}.vsl-product-highlight{flex-direction:column;gap:24px;padding:32px 24px;text-align:center}.vsl-product-image{height:160px;width:160px}.vsl-product-details h3{font-size:20px}.price-value{font-size:28px;justify-content:center}.vsl-actions{flex-direction:column;gap:16px;padding:32px 24px}.vsl-call-btn,.vsl-purchase-btn{justify-content:center;padding:16px 24px;width:100%}}.reviews-modal-content{max-height:500px;padding:0}.reviews-empty,.reviews-error,.reviews-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.load-more-section .loading-spinner,.reviews-loading .loading-spinner{animation:spin 1s linear infinite;color:#08a4fc;margin-bottom:16px}.reviews-error{color:#ef4444}.reviews-error h4{color:#dc2626;margin:16px 0 8px}.retry-btn{background:#ef4444;font-weight:500;margin-top:16px;padding:8px 16px;transition:background .2s}.retry-btn:hover{background:#dc2626}.reviews-empty h4{color:#374151;margin:16px 0 8px}.reviews-list{padding:0}.modal-header-modern{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:24px 24px 20px}.modal-title-section h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 4px}.reviews-count{color:#6b7280;font-size:14px;font-weight:400;margin:0}.review-card-modern{background:#fff;border-bottom:1px solid #f3f4f6;padding:24px;transition:background .2s}.review-card-modern:hover{background:#fafbfc}.review-card-modern:last-child{border-bottom:none}.review-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.review-rating-modern{align-items:center;display:flex;gap:4px}.review-rating-modern .star-modern{transition:all .2s ease}.review-rating-modern .star-modern.filled{fill:#08a4fc;color:#08a4fc}.review-rating-modern .star-modern.empty{fill:none;color:#d1d5db}.review-date-modern{color:#9ca3af;font-size:13px;font-weight:400}.review-content-modern{margin-bottom:20px}.review-content-modern p{color:#111827;font-size:16px;font-weight:400;line-height:1.6;margin:0}.review-actions-modern{align-items:center;display:flex;justify-content:space-between}.helpful-btn{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.helpful-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.helpful-btn.marked{background:#f0f9ff;border-color:#08a4fc;color:#08a4fc}.helpful-btn:disabled{cursor:not-allowed;opacity:.7}.helpful-text{font-weight:500}.helpful-count{font-weight:600;min-width:12px;text-align:center}.review-menu-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.review-menu-btn:hover{background:#f3f4f6;color:#6b7280}.reviews-list{max-height:500px;overflow-y:auto}.reviews-list::-webkit-scrollbar{width:6px}.reviews-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.reviews-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.review-card{border-bottom:1px solid #e5e7eb;padding:20px 24px;transition:background .2s}.review-card:hover{background:#f9fafb}.review-card:last-child{border-bottom:none}.review-header{margin-bottom:12px}.reviewer-info{align-items:center;display:flex;gap:12px}.reviewer-avatar{align-items:center;background:linear-gradient(135deg,#08a4fc,#0d8ce8);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;text-transform:uppercase;width:40px}.reviewer-details{display:flex;flex-direction:column;gap:4px}.reviewer-name{color:#111827;font-size:14px;font-weight:600}.review-rating{gap:8px}.review-rating .star{transition:color .2s}.rating-number{color:#6b7280;font-size:12px;font-weight:500}.review-date{color:#9ca3af;text-align:right}.review-comment{border-top:1px solid #f3f4f6;margin-top:12px;padding-top:12px}.review-comment p{color:#374151;font-size:14px;line-height:1.6;margin:0}.load-more-section{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px;text-align:center}.load-more-btn{align-items:center;background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.load-more-btn:hover:not(:disabled){background:#0d8ce8;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.review-header{align-items:flex-start;flex-direction:column;gap:8px}.review-date{text-align:left}.reviewer-avatar{font-size:12px;height:36px;width:36px}.reviews-modal-content{max-height:400px}}:root{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe)}.products-dropdown-container{left:320px;padding:16px 0;position:fixed;top:88px;z-index:1000}.clases-container-modern{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1400px;min-height:100vh;padding:80px 24px 40px}.community-header-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.community-header-modern:before{background:linear-gradient(135deg,#08a4fc0d,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.community-badge{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:20px;box-shadow:0 4px 12px #08a4fc4d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:8px 16px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#08a4fc);background:linear-gradient(135deg,var(--gray-900),var(--primary-blue));-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;line-height:1.2;margin:0 0 12px}.page-subtitle{color:#4b5563;color:var(--gray-600);font-size:18px;font-weight:400;margin:0}.header-actions{margin-left:32px;position:relative;z-index:9999}.filters-container-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:32px;padding:24px}.search-container{margin-bottom:20px}.search-input-wrapper{max-width:500px;position:relative}.search-icon{color:#9ca3af;color:var(--gray-400);left:16px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #08a4fc1a;border-radius:16px;font-size:16px;outline:none;padding:16px 20px 16px 52px;transition:all .3s ease;width:100%}.search-input-modern:focus{background:#fffffff2;border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 0 0 4px #08a4fc1a}.filter-group,.filters-row,.sort-group{align-items:center;display:flex}.filter-group,.sort-group{gap:8px}.filter-select,.sort-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #08a4fc1a;border-radius:12px;color:#374151;color:var(--gray-700);cursor:pointer;font-size:14px;min-width:160px;outline:none;padding:12px 16px;transition:all .3s ease}.filter-select:focus,.sort-select:focus{border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 0 0 4px #08a4fc1a}.stats-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-item-overview{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:all .3s ease}.stat-item-overview:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));box-shadow:0 4px 12px #08a4fc4d;color:#fff;height:48px;width:48px}.stat-info{flex:1 1}.stat-number{font-size:24px;margin-bottom:4px}.modules-section-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);padding:32px}.results-header{align-items:center;border-bottom:2px solid #08a4fc1a;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-header h2{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;margin:0}.btn-clear-filters,.clear-filters-btn{background:linear-gradient(135deg,#6b7280,#4b5563);background:linear-gradient(135deg,var(--gray-500),var(--gray-600));border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-clear-filters:hover,.clear-filters-btn:hover{box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.modules-grid-modern{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.module-card-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.module-card-modern:hover{border-color:#08a4fc4d;box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.module-image-container{height:200px;overflow:hidden;position:relative}.module-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.module-card-modern:hover .module-image{transform:scale(1.1)}.module-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100%;justify-content:center}.placeholder-gradient{opacity:.9}.module-overlay{align-items:center;background:linear-gradient(135deg,#0000001a,#0000004d);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.module-card-modern:hover .module-overlay{opacity:1}.play-button-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:50%;box-shadow:0 8px 32px #0003;color:#08a4fc;color:var(--primary-blue);display:flex;height:60px;justify-content:center;transform:scale(.8);transition:all .3s ease;width:60px}.module-card-modern:hover .play-button-modern{background:#08a4fc;background:var(--primary-blue);color:#fff;transform:scale(1)}.module-badges{position:absolute;right:12px;top:12px;z-index:2}.level-badge-modern{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.module-content-modern{padding:24px;position:relative}.module-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.module-title-modern{color:#111827;color:var(--gray-900);flex:1 1;font-size:20px;font-weight:700;line-height:1.3;margin:0 12px 0 0}.module-stats-modern{display:flex;flex-shrink:0;gap:8px}.stat-chip{align-items:center;background:#08a4fc1a;border-radius:8px;color:#08a4fc;color:var(--primary-blue);display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.module-description-modern{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;color:var(--gray-600);display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:20px;overflow:hidden}.module-footer-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.coach-info-modern{align-items:center;display:flex;gap:12px}.coach-avatar-modern{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;box-shadow:0 4px 12px #08a4fc4d;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.coach-details{display:flex;flex-direction:column}.coach-name-modern{color:#111827;color:var(--gray-900);font-size:14px;font-weight:600;margin-bottom:2px}.coach-role{color:#6b7280;color:var(--gray-500);font-size:12px}.module-action-modern{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:12px;box-shadow:0 4px 12px #08a4fc4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.module-card-modern:hover .module-action-modern{box-shadow:0 6px 16px #08a4fc66;transform:translateX(4px)}.module-progress-bar{background:#08a4fc1a;border-radius:2px;height:4px;overflow:hidden;position:relative}.progress-fill{background:linear-gradient(90deg,#08a4fc,#40b6ff);background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-light));border-radius:2px}.error-state-modern,.loading-state-modern{padding:80px 24px}.error-state-modern h3{color:#111827;color:var(--gray-900);font-size:24px;font-weight:600;margin:16px 0 8px}.btn-retry{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-retry:hover{box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.empty-state-modern{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.empty-state-modern h3{color:#4b5563;color:var(--gray-600);font-size:24px;font-weight:600;margin:24px 0 12px}.empty-state-modern p{color:#6b7280;color:var(--gray-500);font-size:16px;margin-bottom:24px;max-width:400px}@media (max-width:1200px){.clases-container-modern{padding:0 20px 40px}.modules-grid-modern{gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.page-title{font-size:36px}}@media (max-width:480px){.search-input-modern{font-size:14px;padding:14px 16px 14px 48px}.module-content-modern{padding:20px}.module-title-modern{font-size:18px}.module-header-modern{align-items:flex-start;flex-direction:column;gap:12px}.module-stats-modern{align-self:flex-end}}.no-community-selected,.no-product-selected{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-radius:24px;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;margin:100px 0 40px;padding:80px 24px;text-align:center}.no-community-selected h2,.no-product-selected h2{color:#4b5563;color:var(--gray-600);font-size:24px;margin:24px 0 12px}.no-community-selected p,.no-product-selected p{color:#6b7280;color:var(--gray-500);font-size:16px;max-width:400px}.product-header-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.product-header-modern:before{background:linear-gradient(135deg,#08a4fc0d,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.product-title{font-size:42px;font-weight:800;line-height:1.2}.product-subtitle{color:#4b5563;color:var(--gray-600);font-size:18px;font-weight:400;line-height:1.5;margin:0 0 20px}.product-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.product-meta-info .meta-item{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:14px;font-weight:500;gap:8px}.product-meta-info .meta-item svg{color:#08a4fc;color:var(--primary-blue)}.action-plan-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:32px;padding:32px}.section-header{margin-bottom:24px;text-align:center}.section-header h2{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:28px;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.section-header p{color:#4b5563;color:var(--gray-600);font-size:16px;font-weight:400;margin:0}.action-plan-list{display:flex;flex-direction:column;gap:16px}.action-plan-card{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);border:2px solid #08a4fc1a;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;gap:20px;padding:24px;transition:all .3s ease}.action-plan-card:hover{border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 12px 24px #08a4fc26;transform:translateY(-2px)}.plan-number{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;box-shadow:0 4px 12px #08a4fc4d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.plan-content{flex:1 1}.plan-title{color:#111827;color:var(--gray-900);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.plan-description{color:#4b5563;color:var(--gray-600);font-size:14px;line-height:1.5;margin:0}.plan-status{flex-shrink:0}.plan-check{color:#22c55e}.btn-clear-filters{background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border:none;border-radius:12px;box-shadow:0 4px 12px #08a4fc4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.btn-clear-filters:hover{box-shadow:0 8px 20px #08a4fc66;transform:translateY(-2px)}.modules-count{color:#6b7280;color:var(--gray-500);font-weight:500}@media (max-width:768px){.clases-container-modern{padding:0 16px 32px}.community-header-modern{margin-bottom:24px;padding:24px}.header-content{flex-direction:column;gap:20px;text-align:center}.page-title{font-size:28px}.page-subtitle{font-size:16px}.filters-container-modern{padding:20px}.filters-row{flex-direction:column;gap:12px}.filter-group,.filter-select,.sort-group,.sort-select{width:100%}.modules-grid-modern,.stats-overview{gap:16px;grid-template-columns:1fr}.modules-section-modern{padding:20px}.results-header{align-items:flex-start;flex-direction:column;gap:12px}.products-dropdown-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:auto;padding:16px 20px;position:static;top:auto}.no-community-selected,.no-product-selected{margin:60px 0 40px}}@media (max-width:480px){.products-dropdown-container{padding:12px 16px}.no-community-selected,.no-product-selected{margin:40px 0 32px;padding:60px 16px}}.purchases-stats-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:32px;padding:32px;text-align:center}.purchases-stats-header h1{font-size:32px;font-weight:800;margin:0 0 24px;text-shadow:0 2px 4px #0003}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:16px}.stat-number{display:block;font-size:28px;font-weight:800;margin-bottom:8px}.stat-label{opacity:.9}.purchases-filters{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:32px;padding:24px}.purchases-filters .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.purchases-filters .filter-group{align-items:center;display:flex;gap:12px}.purchases-filters label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.purchases-filters input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.purchases-filters select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;min-width:200px;padding:8px 12px}.purchases-filters select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px}@media (min-width:768px){.products-grid{gap:28px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (min-width:1200px){.products-grid{gap:32px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.product-purchase-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.product-purchase-card:hover{border-color:#667eea;box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.product-purchase-card.selected{background:linear-gradient(135deg,#f8faff,#e7f3ff);border-color:#667eea;box-shadow:0 8px 24px #667eea26}.product-purchase-card.expired{cursor:not-allowed;opacity:.6}.product-purchase-card.expired:hover{box-shadow:none;transform:none}.product-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.product-card-title h3{color:#1a202c;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.community-badge{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:12px;font-weight:500;padding:4px 8px}.selected-indicator{align-items:center;background:#667eea1a;border-radius:50%;color:#667eea;display:flex;height:32px;justify-content:center;width:32px}.product-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4a5568;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.product-card-meta{display:flex;flex-direction:column;gap:12px}.meta-row{display:flex;gap:16px;justify-content:space-between}.product-card-meta .meta-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.product-card-meta .meta-item svg{color:#9ca3af}.back-to-list{margin-bottom:24px}.back-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#374151;display:flex;gap:8px;padding:12px 20px;transition:all .3s ease}.back-button:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.no-purchases-state{color:#6b7280;padding:80px 20px;text-align:center}.no-purchases-state svg{color:#d1d5db;margin-bottom:24px}.no-purchases-state h2{color:#374151;font-size:24px;font-weight:700;margin:0 0 12px}.no-purchases-state p{font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}@media (max-width:768px){.purchases-stats-header{padding:24px 20px}.purchases-stats-header h1{font-size:24px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-number{font-size:24px}.purchases-filters{padding:20px}.purchases-filters .filters-row{align-items:stretch;flex-direction:column;gap:16px}.purchases-filters select{min-width:auto;width:100%}.products-grid{gap:16px;grid-template-columns:1fr}.product-purchase-card{padding:20px}.product-card-header{flex-direction:column;gap:12px}.meta-row{flex-direction:column;gap:8px}.back-button{justify-content:center;width:100%}}@media (max-width:480px){.purchases-stats-header{padding:20px 16px}.purchases-stats-header h1{font-size:20px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.stat-number{font-size:20px}.product-purchase-card,.purchases-filters{padding:16px}.no-purchases-state{padding:60px 16px}.no-purchases-state h2{font-size:20px}.no-purchases-state p{font-size:14px}}.product-purchase-card-enhanced{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 25px #00000014;cursor:pointer;margin-bottom:24px;overflow:hidden;padding:0;position:relative;transition:all .4s ease}.product-purchase-card-enhanced:hover{border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.product-purchase-card-enhanced.selected{border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 0 0 4px #08a4fc33}.product-purchase-card-enhanced.expired{background:linear-gradient(135deg,#f8f9fa,#e9ecef);opacity:.7}.product-purchase-card-enhanced.expired:hover{opacity:.8;transform:translateY(-4px)}.product-card-header-enhanced{border-bottom:1px solid #f1f3f4;display:flex;padding:24px}.product-image-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;display:flex;flex-shrink:0;height:80px;justify-content:center;margin-right:20px;overflow:hidden;width:80px}.product-image{height:100%;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;font-size:10px;justify-content:center;text-align:center}.product-image-placeholder.hidden{display:none}.modern-product-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;cursor:pointer;height:480px;overflow:hidden;position:relative;transition:all .3s ease}.modern-product-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.modern-product-card.active{border:2px solid #10b981}.modern-product-card.expired{cursor:not-allowed;opacity:.7}.modern-product-card.expired:hover{box-shadow:0 4px 20px #00000014;transform:none}.modern-product-image{align-items:center;background:linear-gradient(135deg,#ff7b54,#ff9472);display:flex;height:160px;justify-content:center;overflow:hidden;position:relative;width:100%}.modern-product-image .product-image{height:100%;object-fit:cover;width:100%}.modern-product-image .product-image-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center}.modern-product-image .product-image-loading .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.modern-product-image .product-image-fallback,.modern-product-image .product-image-placeholder{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:center;text-align:center;width:100%}.modern-product-image .product-image-fallback svg,.modern-product-image .product-image-placeholder svg{margin-bottom:8px;opacity:.8}.modern-product-content{display:flex;flex-direction:column;height:calc(100% - 160px);justify-content:space-between;padding:20px}.modern-product-title{color:#1f2937;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.modern-product-description,.modern-product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.modern-product-description{color:#6b7280;font-size:14px;line-height:1.4;margin:0 0 12px}.modern-product-promise{background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;margin:12px 0;padding:12px}.modern-product-promise h4{color:#374151;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.modern-product-promise p{color:#4b5563;font-size:14px;line-height:1.4;margin:0}.modern-product-stats{display:flex;gap:12px;justify-content:space-between;margin:16px 0}.stat-item{flex:1 1;flex-direction:column;gap:4px;text-align:center}.stat-icon{background:#f3f4f6;border-radius:12px;color:#4b5563;margin-bottom:4px}.stat-value{color:#1f2937;font-size:24px;line-height:1}.modern-product-coach{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;margin:12px 0}.modern-product-coach svg{color:#9ca3af}.modern-product-button{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:auto;padding:12px 20px;transition:all .2s ease;width:100%}.modern-product-button:hover:not(.disabled){background:#2563eb;transform:translateY(-1px)}.modern-product-button.disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.modern-product-button.disabled:hover{transform:none}@media (max-width:768px){.modern-product-card{height:420px}.modern-product-image{height:140px}.modern-product-content{height:calc(100% - 140px);padding:16px}.modern-product-title{font-size:18px}.modern-product-stats{gap:8px}.stat-icon{height:36px;width:36px}.stat-value{font-size:20px}}.modern-module-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:480px;overflow:hidden;position:relative;transition:all .3s ease}.modern-module-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-6px)}.modern-module-header{background:linear-gradient(135deg,#1f2937,#374151);height:240px;overflow:hidden;position:relative}.modern-module-header .module-image{height:100%;object-fit:cover;width:100%}.modern-module-placeholder{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);display:flex;height:100%;justify-content:center;width:100%}.placeholder-content{color:#fff;opacity:.6}.fallback-placeholder{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;opacity:.6;width:100%}.videos-badge{background:#ef4444;border-radius:20px;box-shadow:0 2px 8px #ef44444d;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:2}.modern-module-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;padding:20px}.modern-module-title{-webkit-line-clamp:2;color:#1f2937;font-size:20px;font-weight:700;line-height:1.4}.modern-module-description,.modern-module-title{-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 12px;overflow:hidden;text-align:center;text-overflow:ellipsis}.modern-module-description{-webkit-line-clamp:3;color:#4b5563;font-size:14px;line-height:1.6}.modern-module-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 10px;text-align:center}.modern-module-date{color:#9ca3af;font-size:13px;line-height:1.4;margin:8px 0 12px;text-align:center}.modern-module-button{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:12px 20px;transition:all .2s ease;width:100%}.modern-module-button:hover{background:#2563eb;transform:translateY(-1px)}.modern-module-button svg{flex-shrink:0}.modules-grid-modern{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}@media (min-width:768px){.modules-grid-modern{gap:28px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (min-width:1200px){.modules-grid-modern{gap:32px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (max-width:768px){.modern-module-card{height:auto;min-height:380px}.modern-module-header{height:200px}.modern-module-content{flex:1 1;min-height:0;padding:16px}.overlay-title{font-size:16px}.modern-module-title{font-size:18px}.modules-grid-modern{gap:16px;grid-template-columns:1fr}}.product-header-content{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between}.product-title-section{flex:1 1}.product-title{color:#111827;color:var(--gray-900);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 12px}.selected-indicator-enhanced{animation:pulse 2s infinite;color:#08a4fc;color:var(--primary-blue)}.product-promise{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;display:flex;gap:12px;padding:20px 24px}.product-promise svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.product-promise p{color:#92400e;font-size:14px;font-weight:500;line-height:1.5;margin:0}.product-description{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;gap:12px;padding:20px 24px}.product-description svg{color:#6b7280;color:var(--gray-500);flex-shrink:0;margin-top:2px}.product-description p{color:#374151;color:var(--gray-700);font-size:14px;line-height:1.6;margin:0}.product-content-stats{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #f1f3f4;padding:20px 24px}.content-stats-header{align-items:center;color:#0d8ce8;color:var(--primary-blue-dark);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px}.content-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.content-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#374151;color:var(--gray-700);display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px}.content-stat svg{color:#08a4fc;color:var(--primary-blue)}.product-purchase-info{border-bottom:1px solid #f1f3f4;padding:20px 24px}.purchase-details{display:flex;flex-direction:column;gap:16px}.detail-row{gap:16px;justify-content:space-between}.detail-item,.detail-row{align-items:center;display:flex}.detail-item{color:#4b5563;color:var(--gray-600);font-size:14px;gap:8px}.detail-item svg{color:#6b7280;color:var(--gray-500)}.vendor-name{color:#111827;color:var(--gray-900);font-weight:600}.price-info{align-items:flex-end;flex-direction:column;gap:4px}.price{color:#08a4fc;color:var(--primary-blue);font-size:16px;font-weight:700}.original-price{color:#9ca3af;color:var(--gray-400);font-size:12px;text-decoration:line-through}.expired-text{color:#ef4444;font-weight:600}.product-card-footer{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:20px 24px}.community-info{color:#4b5563;color:var(--gray-600);font-size:14px;font-weight:500}.community-info svg{color:#08a4fc;color:var(--primary-blue)}.usage-info{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;font-size:12px;gap:8px}.usage-info svg{color:#f59e0b}.selection-glow{animation:glow 3s ease-in-out infinite;background:linear-gradient(45deg,#08a4fc,#40b6ff,#08a4fc,#40b6ff);background:linear-gradient(45deg,var(--primary-blue),var(--primary-blue-light),var(--primary-blue),var(--primary-blue-light));background-size:400% 400%;border-radius:22px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.module-image-loading{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;font-size:14px;gap:12px;height:100%;justify-content:center;min-height:200px}.module-image-loading .loading-spinner{animation:spin 1s linear infinite;color:#08a4fc;color:var(--primary-blue)}.module-image-fallback{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;height:100%;justify-content:center;min-height:200px}.image-error{background:#ffffffe6;border-radius:4px;bottom:8px;color:#ef4444;font-size:10px;left:50%;padding:2px 6px;position:absolute;text-align:center;transform:translateX(-50%)}.module-image-placeholder{position:relative}.placeholder-gradient{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;height:100%;justify-content:center;min-height:200px;opacity:.8}@media (max-width:768px){.product-card-header-enhanced{flex-direction:column;gap:16px}.product-image-container{align-self:center;margin-right:0}.content-stats-grid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:8px}.detail-row,.price-info,.product-card-footer{align-items:flex-start}.product-card-footer{flex-direction:column;gap:12px}.module-image-fallback .placeholder-gradient,.module-image-loading{min-height:150px}}:root{--primary-blue:#08a4fc;--primary-blue-light:#40b6ff;--primary-blue-dark:#0d8ce8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modulo-container-modern{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1600px;min-height:100vh;padding:0 24px 40px}.breadcrumbs-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px;padding:0 0 20px}.back-button-modern{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;padding:12px 24px;transition:all .3s ease}.back-button-modern:hover{background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#08a4fc;color:var(--primary-blue);transform:translateY(-2px)}.breadcrumbs{align-items:center;display:flex;font-size:14px;gap:8px}.breadcrumb-item{color:#4b5563;color:var(--gray-600);font-weight:500}.breadcrumb-item.current{color:#08a4fc;color:var(--primary-blue);font-weight:600}.breadcrumb-separator{color:#9ca3af;color:var(--gray-400)}.module-header-section{margin-bottom:32px}.module-hero{grid-gap:40px;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:grid;gap:40px;grid-template-columns:1fr 300px;overflow:hidden;padding:40px;position:relative}.module-hero:before{background:linear-gradient(135deg,#08a4fc08,#764ba208);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.module-hero-content{position:relative;z-index:1}.module-badges-section{display:flex;gap:12px;margin-bottom:20px}.level-badge-large{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 16px #0003;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px}.community-badge-mini{align-items:center;background:#08a4fc1a;border:1px solid #08a4fc33;border-radius:16px;color:#08a4fc;color:var(--primary-blue);display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.module-title-hero{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#08a4fc);background:linear-gradient(135deg,var(--gray-900),var(--primary-blue));-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:800;line-height:1.1;margin:0 0 16px}.module-description-hero{color:#4b5563;color:var(--gray-600);font-size:18px;line-height:1.6;margin-bottom:32px}.module-stats-hero{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-hero{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;display:flex;gap:12px;padding:16px;transition:all .3s ease}.stat-hero:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-hero svg{color:#08a4fc;color:var(--primary-blue)}.stat-content{display:flex;flex-direction:column}.stat-number{color:var(--gray-900);font-size:16px;margin-bottom:2px}.stat-label{color:#4b5563;color:var(--gray-600)}.coach-info-hero{align-items:center;display:flex;gap:16px}.coach-avatar-hero{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;box-shadow:0 4px 16px #08a4fc4d;color:#fff;display:flex;height:56px;justify-content:center;width:56px}.coach-details-hero{display:flex;flex-direction:column}.coach-name-hero{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;margin-bottom:4px}.coach-role-hero{color:#4b5563;color:var(--gray-600);font-size:14px}.module-hero-image{position:relative;z-index:1}.hero-image{object-fit:cover}.hero-image,.hero-image-placeholder{border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);height:300px;width:100%}.hero-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.module-main-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px}.video-section-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.video-player-modern{height:100%}.video-embed-modern{background:#000;border-radius:20px 20px 0 0;height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-embed-modern .video-player-html5,.video-embed-modern iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-player-html5{background:#000;object-fit:contain}.video-player-html5::-webkit-media-controls-panel{background-color:#000c}.video-player-html5::-webkit-media-controls-play-button,.video-player-html5::-webkit-media-controls-timeline,.video-player-html5::-webkit-media-controls-volume-slider{filter:brightness(0) saturate(100%) invert(44%) sepia(85%) saturate(2095%) hue-rotate(194deg) brightness(101%) contrast(98%)}.video-fallback-options{bottom:16px;position:absolute;right:16px;z-index:10}.btn-open-video-fallback{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08a4fce6;border:none;border-radius:8px;box-shadow:0 4px 12px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-open-video-fallback:hover{background:#08a4fc;box-shadow:0 6px 16px #08a4fc66;transform:translateY(-2px)}.btn-open-video-fallback:active{transform:translateY(0)}.video-loading-state{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.video-loading-state .loading-spinner{animation:spin 1s linear infinite;color:#08a4fc;color:var(--primary-blue);margin-bottom:16px}.video-loading-state p{color:#4b5563;color:var(--gray-600);font-size:16px;font-weight:500;margin:0}.video-error-state{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.video-error-state h3{color:#dc2626;font-size:20px;font-weight:700;margin:16px 0 8px}.video-error-state p{color:#991b1b;font-size:14px;line-height:1.5;margin:0 0 20px;max-width:400px}.error-buttons{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}@media (min-width:640px){.error-buttons{flex-direction:row;gap:16px}}.retry-video-btn{align-items:center;background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.retry-video-btn:hover{background:#b91c1c;box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.retry-video-btn:active{transform:translateY(0)}.try-direct-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:12px 24px;transition:all .3s ease}.try-direct-btn:hover{background:#2563eb;box-shadow:0 6px 16px #3b82f64d;transform:translateY(-2px)}.try-direct-btn:active{transform:translateY(0)}.video-unavailable-state{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.video-unavailable-state h3{color:#374151;color:var(--gray-700);font-size:20px;font-weight:700;margin:16px 0 8px}.video-unavailable-state p{color:#6b7280;color:var(--gray-500);font-size:14px;line-height:1.5;margin:0 0 20px;max-width:400px}.video-placeholder-modern{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px 20px 0 0;color:#fff;display:flex;flex-direction:column;height:400px;justify-content:center;padding:40px;position:relative;text-align:center;width:100%}.video-placeholder-modern svg{margin-bottom:16px;opacity:.7}.video-placeholder-modern h3{font-size:20px;font-weight:600;margin:0 0 12px}.video-placeholder-modern p{font-size:16px;margin:0 0 24px;opacity:.8}.btn-open-video{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border:none;border-radius:12px;box-shadow:0 4px 16px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-open-video:hover{box-shadow:0 8px 20px #08a4fc66;transform:translateY(-2px)}.video-info-modern{background:#fff;padding:24px}.current-video-title{color:#111827;color:var(--gray-900);font-size:24px;font-weight:700;line-height:1.3;margin:0 0 12px}.video-meta-info{align-items:center;display:flex;gap:16px}.video-number{background:#08a4fc1a;border-radius:8px;color:#08a4fc;color:var(--primary-blue);font-size:12px;font-weight:600;padding:4px 12px}.video-level-info{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.no-video-selected-modern{align-items:center;color:#9ca3af;color:var(--gray-400);display:flex;flex-direction:column;height:500px;justify-content:center;padding:40px;text-align:center}.no-video-selected-modern svg{margin-bottom:16px;opacity:.5}.no-video-selected-modern h3{color:#4b5563;color:var(--gray-600);font-size:24px;margin:0 0 12px}.no-video-selected-modern p{font-size:16px;margin:0;max-width:300px}.videos-sidebar-modern{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:80vh;overflow:hidden}.videos-sidebar-header-modern{background:#f8fafccc;border-bottom:1px solid #08a4fc1a;padding:24px}.videos-sidebar-header-modern h3{color:#111827;color:var(--gray-900);font-size:18px;font-weight:700;margin:0 0 12px}.videos-progress{align-items:center;display:flex;gap:16px;justify-content:space-between}.progress-text{color:#4b5563;color:var(--gray-600)}.progress-bar-mini{background:#08a4fc1a;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill-mini{background:linear-gradient(90deg,#08a4fc,#40b6ff);background:linear-gradient(90deg,var(--primary-blue),var(--primary-blue-light));border-radius:3px;height:100%;transition:width .3s ease}.videos-list-modern{flex:1 1;overflow-y:auto;padding:16px}.video-item-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #0000;border-radius:16px;cursor:pointer;margin-bottom:12px;overflow:hidden;position:relative;transition:all .3s ease}.video-item-modern:hover:not(.locked){background:#fffffff2;border-color:#08a4fc33;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.video-item-modern.selected{background:linear-gradient(135deg,#08a4fc1a,#08a4fc0d);border-color:#08a4fc;border-color:var(--primary-blue);box-shadow:0 4px 16px #08a4fc33}.video-item-modern.locked{background:#9ca3af1a;cursor:not-allowed;opacity:.6}.video-item-content-modern{align-items:center;display:flex;gap:16px;padding:16px;position:relative}.video-item-modern.selected .video-item-content-modern,.video-item-modern:hover:not(.locked) .video-item-content-modern{transform:translateX(4px)}.video-item-icon-modern{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;box-shadow:0 4px 12px #08a4fc4d;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.video-item-modern.selected .video-item-icon-modern{box-shadow:0 6px 16px #08a4fc66;transform:scale(1.1)}.video-item-modern.locked .video-item-icon-modern{background:#9ca3af;background:var(--gray-400);box-shadow:none}.video-item-info-modern{flex:1 1;min-width:0}.video-item-title-modern{color:#111827;color:var(--gray-900);font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-item-modern.locked .video-item-title-modern{color:#6b7280;color:var(--gray-500)}.video-item-meta-modern{align-items:center;display:flex;gap:12px}.video-order-modern{background:#08a4fc1a;border-radius:6px;color:#08a4fc;color:var(--primary-blue);font-size:11px;font-weight:600;padding:2px 8px}.video-level-modern{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px}.video-lock-overlay-modern{background:#9ca3af;background:var(--gray-400);border-radius:50%;color:#fff;height:24px;position:absolute;right:8px;top:8px;width:24px}.no-videos-available,.video-lock-overlay-modern{align-items:center;display:flex;justify-content:center}.no-videos-available{color:#9ca3af;color:var(--gray-400);flex-direction:column;padding:40px 20px;text-align:center}.no-videos-available svg{margin-bottom:12px;opacity:.5}.no-videos-available p{color:#6b7280;color:var(--gray-500);font-size:14px;margin:0}.loading-state-modern{flex-direction:column;padding:120px 24px;text-align:center}.loading-animation,.loading-state-modern{align-items:center;display:flex;justify-content:center}.loading-animation{animation:pulse 2s infinite;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border-radius:50%;height:80px;margin-bottom:24px;width:80px}.loading-state-modern h3{color:#111827;color:var(--gray-900);font-size:24px;font-weight:600;margin:0 0 8px}.loading-state-modern p{color:#4b5563;color:var(--gray-600);font-size:16px;margin:0}.error-state-modern{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:120px 24px;text-align:center}.error-state-modern h2{color:#111827;color:var(--gray-900);font-size:28px;font-weight:600;margin:16px 0 8px}.error-state-modern p{color:#4b5563;color:var(--gray-600);font-size:16px;margin-bottom:24px}.btn-back-to-classes{align-items:center;background:linear-gradient(135deg,#08a4fc,#40b6ff);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));border:none;border-radius:12px;box-shadow:0 4px 16px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-back-to-classes:hover{box-shadow:0 8px 20px #08a4fc66;transform:translateY(-2px)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.spinner{color:#fff}.fade-in{animation:fadeIn .6s ease-out}@media (max-width:1400px){.module-main-content{gap:24px;grid-template-columns:1fr 380px}.module-hero{gap:32px;grid-template-columns:1fr 250px}.hero-image,.hero-image-placeholder{height:250px}}@media (max-width:1200px){.modulo-container-modern{padding:0 20px 40px}.module-main-content{gap:24px;grid-template-columns:1fr}.videos-sidebar-modern{max-height:60vh}.module-title-hero{font-size:36px}.module-stats-hero{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.modulo-container-modern{padding:0 16px 32px}.breadcrumbs-section{align-items:flex-start;flex-direction:column;gap:16px}.breadcrumbs{display:none}.module-hero{gap:24px;grid-template-columns:1fr;padding:24px;text-align:center}.module-title-hero{font-size:28px}.module-description-hero{font-size:16px}.module-stats-hero{gap:12px;grid-template-columns:1fr}.stat-hero{justify-content:center}.videos-sidebar-modern{max-height:50vh}.videos-sidebar-header-modern{padding:20px}.video-item-content-modern{padding:12px}.video-item-title-modern{font-size:14px}}@media (max-width:480px){.back-button-modern{font-size:14px;padding:10px 16px}.module-hero{padding:20px}.module-title-hero{font-size:24px}.module-badges-section{flex-direction:column;gap:8px}.community-badge-mini,.level-badge-large{justify-content:center}.current-video-title{font-size:20px}.video-info-modern{padding:16px}.video-meta-info{align-items:flex-start;flex-direction:column;gap:8px}}.perfil-container{animation:fadeIn .5s ease;margin:0 auto;max-width:1200px;padding:0}.error-state,.loading-state{padding:80px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#08a4fc;height:40px;margin-bottom:16px;width:40px}.error-state svg{color:#6b7280;margin-bottom:16px}.error-state h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 8px}.error-state p{color:#6b7280;margin:0 0 24px}.back-btn{background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-btn:hover{background:#0284c7}.profile-cover{background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:0 0 24px 24px;height:300px;overflow:hidden;position:relative}.profile-cover img{height:100%;object-fit:cover;width:100%}.default-cover{background:linear-gradient(135deg,#08a4fc,#0284c7);height:100%;width:100%}.edit-cover-btn{align-items:center;background:#00000080;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;position:absolute;right:20px;top:20px;transition:all .2s ease}.edit-cover-btn:hover{background:#000000b3}.profile-header{background:#fff;border-radius:24px 24px 0 0;margin-top:-80px;padding:0 32px 32px;position:relative;z-index:10}.profile-info{display:flex;gap:24px;padding-top:32px}.profile-avatar-container{flex-shrink:0;position:relative}.profile-avatar{align-items:center;background:linear-gradient(135deg,#08a4fc,#0284c7);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 32px #0000001a;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-initials{color:#fff;font-size:36px;font-weight:700}.edit-avatar-btn{align-items:center;background:#08a4fc;border:2px solid #fff;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:36px}.edit-avatar-btn:hover{background:#0284c7;transform:scale(1.05)}.profile-details{flex:1 1;min-width:0}.profile-name-section{align-items:center;display:flex;gap:16px;margin-bottom:8px}.profile-name{color:#111827;font-size:28px;font-weight:700;margin:0}.edit-profile-btn{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.edit-profile-btn:hover{background:#e5e7eb;border-color:#9ca3af}.profile-bio{color:#6b7280;font-size:16px;line-height:1.5;margin:0 0 16px}.profile-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.profile-meta-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.profile-meta-item a{color:#08a4fc;text-decoration:none}.profile-meta-item a:hover{text-decoration:underline}.membership-item{background:#08a4fc0d;border:1px solid #08a4fc1a;border-radius:8px;margin-top:4px;padding:8px 12px!important}.membership-icon{align-items:center;display:flex;font-weight:600}.membership-text{color:#111827;font-weight:600}.coach-since{color:#6b7280;font-size:14px;font-weight:400}.profile-stats{display:flex;gap:32px}.stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#111827;font-size:20px;font-weight:700;line-height:1}.stat-label{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.profile-actions{display:flex;gap:12px;position:absolute;right:32px;top:32px}.follow-btn,.message-btn,.settings-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.follow-btn{background:#08a4fc;color:#fff}.follow-btn:hover{background:#0284c7}.follow-btn.following{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.follow-btn.following:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.message-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.message-btn:hover{background:#e5e7eb}.settings-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.settings-btn:hover{background:#e5e7eb}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.follow-btn:disabled,.message-btn:disabled{cursor:not-allowed;opacity:.6}.follow-btn:disabled:hover{background:#08a4fc;transform:none}.follow-btn.following:disabled:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.profile-links{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;padding:20px 32px}.profile-link{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.profile-link:hover{background:#f3f4f6;border-color:#08a4fc;color:#08a4fc}.profile-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;padding:0 32px}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s ease}.tab:hover{background:#f9fafb;color:#374151}.tab.active{background:#f0f9ff;border-bottom-color:#08a4fc;color:#08a4fc}.tab-content{background:#fff;min-height:400px;padding:32px}.posts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.post-card-mini{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.post-card-mini:hover{border-color:#08a4fc;box-shadow:0 4px 12px #08a4fc1a;transform:translateY(-2px)}.post-card-mini .post-image{height:200px;overflow:hidden}.post-card-mini .post-image img{height:100%;object-fit:cover;width:100%}.post-content-mini{padding:16px}.post-content-mini p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#374151;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.post-meta-mini{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.community-name{color:#08a4fc;font-weight:500}.post-date{color:#9ca3af}.post-stats-mini{display:flex;gap:16px}.post-stats-mini .stat{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:4px}.post-video-container{background:#f8f9fa;border-radius:8px 8px 0 0;height:200px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.post-video-container.vertical-video-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a);display:flex;height:300px;justify-content:center}.post-video-container.horizontal-video-container{height:200px}.post-video-container .post-video-player{height:100%;width:100%}.post-video-container .post-video-player video{height:100%;object-fit:cover;width:100%}.post-video-container .post-video-player.vertical-video{align-items:center;background:#000;display:flex;justify-content:center}.post-video-container .post-video-player.vertical-video video{height:100%;max-width:100%;object-fit:contain;width:auto}.post-video-container .post-video-player.horizontal-video video{height:100%;object-fit:cover;width:100%}.post-card-mini .post-video-container .vertical-video{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:8px}.post-card-mini .post-video-container .vertical-video video{border-radius:6px}.post-video-container .post-video.vertical-video{align-items:center;aspect-ratio:9/16;background:#000;border-radius:8px;display:flex;justify-content:center;max-height:300px}.post-video-container .post-video.horizontal-video{aspect-ratio:16/9;max-height:200px}.post-video-container .video-error,.post-video-container .video-loading{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.post-video-container .video-loading{color:#666;font-size:14px}.post-video-container .video-error{color:#e53e3e;flex-direction:column;font-size:14px;gap:8px}.post-video-container .video-error button{background:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.post-video-container .video-error button:hover{background:#c53030}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.photo-item{aspect-ratio:1;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.photo-item:hover{transform:scale(1.02)}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;left:0;padding:16px;position:absolute;right:0}.photo-title{font-size:14px;font-weight:500}.about-section{display:flex;flex-direction:column;gap:24px;max-width:600px}.about-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.about-card h3{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px}.about-items{display:flex;flex-direction:column;gap:12px}.about-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:12px}.about-item svg{color:#6b7280;flex-shrink:0}.stats-detailed{display:flex;flex-direction:column;gap:16px}.stat-detailed{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:16px;padding:16px}.stat-detailed,.stat-icon{align-items:center;display:flex}.stat-icon{background:#eff6ff;border-radius:8px;color:#08a4fc;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-info{display:flex;flex-direction:column}.stat-detailed .stat-number{color:#111827;font-size:18px;font-weight:700;line-height:1}.stat-detailed .stat-label{color:#6b7280;font-size:14px;margin-top:2px}.empty-state{color:#6b7280;padding:60px 20px}.empty-state svg{margin-bottom:16px}.empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;line-height:1.5}.private-account-state{background:#f0f9ff;border:1px solid #7dd3fc;border-radius:12px;margin:20px}.private-account-state svg{color:#0ea5e9;margin-bottom:16px}.private-account-state h3{color:#0ea5e9}.private-account-state p{color:#0369a1;margin:0 0 20px}.follow-btn-private{align-items:center;background:#0ea5e9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.follow-btn-private:hover{background:#0284c7;transform:translateY(-1px)}.follow-btn-private:disabled{cursor:not-allowed;opacity:.6;transform:none}.follow-btn-private:disabled:hover{background:#dc2626}@media (max-width:1024px){.perfil-container{margin:0 -16px}.profile-header{padding:0 24px 24px}.profile-info{align-items:center;flex-direction:column;gap:16px;text-align:center}.profile-actions{margin-top:24px;position:static}.profile-actions,.profile-stats{justify-content:center}.tab-content{padding:24px}.posts-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.profile-cover{border-radius:0;height:200px}.profile-header{border-radius:16px 16px 0 0;margin-top:-60px;padding:0 16px 16px}.profile-avatar{height:100px;width:100px}.profile-initials{font-size:30px}.profile-name{font-size:24px}.profile-meta,.profile-name-section{flex-direction:column;gap:12px}.profile-stats{gap:24px}.profile-links{padding:16px}.profile-tabs{padding:0 16px}.tab-content{padding:16px}.posts-grid{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,1fr)}.about-section{max-width:none}.stat-detailed{padding:12px}}.clickable-post{cursor:pointer;transition:all .2s ease}.clickable-post:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.post-detail-modal-overlay{align-items:center;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.post-detail-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.post-detail-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.post-detail-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-modal-btn{border-radius:6px;padding:6px}.close-modal-btn:hover{background:#f3f4f6}.post-detail-content{flex:1 1;overflow-y:auto;padding:24px}.post-author-section{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:20px}.author-info{align-items:flex-start;display:flex;gap:16px}.author-avatar{align-items:center;background:#08a4fc;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:60px;justify-content:center;width:60px}.author-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.author-details h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.author-bio{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.post-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:16px}.community-name,.post-date,.post-tag{align-items:center;display:flex;gap:4px}.post-main-content{margin-bottom:24px}.post-main-content p{color:#374151;font-size:16px;line-height:1.6;margin:0}.post-media-section{margin-bottom:24px}.post-detail-image{width:100%}.post-detail-image,.post-detail-video{border-radius:12px;box-shadow:0 4px 6px #0000001a}.post-detail-video{overflow:hidden}.post-detail-video video{height:auto;width:100%}.post-stats-section{background:#f8f9fa;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.stat-item{color:#6b7280;font-size:14px;font-weight:500;gap:8px}.stat-item svg{color:#08a4fc}.community-info-section{background:#f0f9ff;border:1px solid #e0f2fe;border-radius:12px;margin-bottom:24px;padding:20px}.community-info-section h4{color:#0369a1;font-size:16px;font-weight:600;margin:0 0 16px}.community-details p{color:#374151;font-size:14px;margin:0 0 8px}.community-details p:last-child{margin-bottom:0}.comments-section{border-top:1px solid #f3f4f6;padding-top:24px}.comments-section h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.comments-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-header strong{color:#1f2937;font-size:14px;font-weight:600}.comment-date{color:#6b7280;font-size:12px}.comment-content{color:#374151;font-size:14px;line-height:1.5;margin:0}.no-comments{color:#6b7280;font-style:italic;margin:20px 0;text-align:center}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state{color:#08a4fc}.error-state{color:#dc2626}.error-state p,.loading-state p{font-size:16px;margin:12px 0 0}.close-btn{background:#dc2626;color:#fff;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px}.close-btn:hover{background:#b91c1c}@media (max-width:768px){.post-detail-modal-overlay{padding:10px}.post-detail-modal{max-height:95vh;max-width:100%}.post-detail-header{padding:16px 20px}.post-detail-content{padding:20px}.author-info{flex-direction:column;text-align:center}.author-avatar{align-self:center}.post-stats-section{flex-direction:column;gap:12px}.post-meta{flex-direction:column;gap:8px}}.referidos-container{margin:0 auto;max-width:1200px;padding:20px}.referidos-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center}.referidos-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:30px;padding:30px}.referidos-header h1{font-size:2rem;font-weight:600;margin:0 0 8px}.referidos-header p{font-size:1.1rem;margin:0;opacity:.9}.communities-section{margin-bottom:30px}.communities-section h2{color:#1e293b;font-size:1.5rem;margin:0 0 20px}.communities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.community-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:all .2s ease}.community-card:hover{border-color:#08a4fc;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.community-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.community-header svg{color:#08a4fc}.community-header h3{color:#1e293b;font-size:1.1rem;margin:0}.community-stats{margin-bottom:16px}.stat-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:6px 0}.stat-row:last-child{border-bottom:none}.stat-row span{color:#64748b;font-size:14px}.stat-row strong{color:#1e293b;font-weight:600}.community-action{border-top:1px solid #f1f5f9;padding-top:12px;text-align:center}.community-action span{color:#08a4fc;font-size:14px;font-weight:500}.filter-header h3{color:#1e293b;font-size:1.2rem;margin:0 0 16px}.filter-select{min-width:200px}.filter-select:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #f1f5f9;box-shadow:0 2px 8px #0000001a}.stat-header{font-weight:500}.stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.referidos-content{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:900px}.invite-panel{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px;width:100%}.invite-panel h2,.invite-panel h3{color:#08a4fc;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.referral-link-section{margin-bottom:30px}.link-input-group{display:flex;gap:8px;margin-bottom:12px}.referral-link-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-family:monospace;font-size:14px;padding:12px}.copy-button,.share-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s}.copy-button{background-color:#007aff;color:#fff}.copy-button:hover{background-color:#0056b3}.share-button{background-color:#10b981;color:#fff}.share-button:hover{background-color:#059669}.link-description{color:#64748b;font-size:14px;margin:0}.invite-email-section{border-top:1px solid #e2e8f0;padding-top:20px}.email-form{display:flex;flex-direction:column;gap:12px}.email-input,.message-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px}.message-input{min-height:80px;resize:vertical}.send-invite-button{align-items:center;background-color:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:background-color .2s}.send-invite-button:hover:not(:disabled){background-color:#0056b3}.send-invite-button:disabled{background-color:#9ca3af;cursor:not-allowed}.referral-history{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px;width:100%}.referral-history h2{color:#08a4fc;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background-color:#fafafa;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.history-info{flex:1 1}.history-name{color:#1e293b;font-weight:600;margin-bottom:4px}.history-email{color:#64748b;font-size:14px;margin-bottom:4px}.history-date{color:#9ca3af;font-size:12px;margin-bottom:4px}.history-phone{color:#64748b;font-size:14px;margin-left:8px}.history-community{color:#64748b;font-size:13px;margin-bottom:4px}.history-community strong{color:#08a4fc}.history-notes{background:#f9fafb;border-left:3px solid #08a4fc;border-radius:4px;color:#6b7280;font-size:12px;font-style:italic;margin-top:4px;padding:4px 8px}.history-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.commission-earned{color:#10b981;font-size:14px;font-weight:600}.empty-history{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.empty-history svg{margin-bottom:16px;opacity:.5}.empty-history h3{color:#374151;margin:0 0 8px}.empty-history p{font-size:14px;margin:0}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:80px 20px;text-align:center}.empty-state svg{color:#f59e0b;margin-bottom:20px}.empty-state h3{color:#1e293b;font-size:1.5rem;margin:0 0 12px}.empty-state p{color:#64748b;font-size:1.1rem;margin:0;max-width:500px}@media (max-width:768px){.referidos-content{gap:24px;max-width:100%;padding:0 16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.header-content{flex-direction:column;gap:12px;text-align:center}.referidos-header h1{font-size:1.5rem}.banner-content{align-items:flex-start;flex-direction:column;gap:16px}.back-button{align-self:stretch;text-align:center}.communities-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filter-select{min-width:0;min-width:auto}.history-item,.link-input-group{flex-direction:column}.history-item{gap:12px}.history-item,.history-status{align-items:flex-start}}.success-message{align-items:center;animation:slideDown .3s ease-out;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;gap:8px;margin-bottom:20px;padding:12px 16px}.community-info{background:#f8f9ff;border:1px solid #08a4fc20;border-radius:8px;color:#08a4fc;gap:8px;padding:12px 16px}.referral-form{gap:20px}.form-row,.referral-form{display:flex;flex-direction:column}.form-row{gap:8px}.form-row label{color:#333;font-size:14px;font-weight:600}.form-input,.form-textarea{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.form-input:focus,.form-textarea:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.form-textarea{min-height:60px;resize:vertical}.create-referral-button{align-items:center;background:linear-gradient(135deg,#08a4fc,#4fc3f7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.create-referral-button:hover:not(:disabled){box-shadow:0 8px 20px #08a4fc4d;transform:translateY(-2px)}.create-referral-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.form-description{color:#666;font-size:13px;margin:0;padding-top:8px;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.community-info{align-items:flex-start;flex-direction:column;gap:4px}.create-referral-button{font-size:14px;padding:12px 20px}.invite-panel,.referral-history{padding:24px 20px}.invite-panel h2,.referral-history h2{font-size:1.3rem}}.history-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px;min-width:120px}.delete-referral-btn{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.delete-referral-btn:hover:not(:disabled){background:#fecaca;border-color:#f87171;transform:translateY(-1px)}.delete-referral-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.delete-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.delete-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-btn:hover{background:#e5e7eb;color:#374151}.delete-modal-content{padding:0 24px;text-align:center}.warning-icon{margin-bottom:16px}.warning-icon svg{color:#f59e0b}.delete-modal-content p{color:#374151;font-size:1rem;line-height:1.5;margin:0 0 16px}.warning-text{color:#dc2626!important;font-weight:500;margin-bottom:24px!important}.referral-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px;text-align:left}.referral-details div{color:#374151;font-size:14px;margin-bottom:8px}.referral-details div:last-child{margin-bottom:0}.referral-details strong{color:#1f2937;font-weight:600}.delete-modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding:24px}.cancel-btn{background:#f3f4f6;color:#374151;flex:1 1;font-weight:500;padding:12px 24px}.cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.confirm-delete-btn{background:#dc2626;border:1px solid #dc2626;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.confirm-delete-btn:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.delete-modal{margin:20px;width:95%}.delete-modal-header{padding:16px 16px 0}.delete-modal-content{padding:0 16px}.delete-modal-actions{flex-direction:column;padding:16px}.history-actions{min-width:auto}.history-actions,.history-item{align-items:center}}.encuestas-container{margin:0 auto;max-width:1200px;padding:20px}.encuestas-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:50vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#007aff;height:40px;width:40px}.encuestas-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin-bottom:30px;padding:30px}.header-content{flex-wrap:wrap;justify-content:space-between}.header-icon{color:#ffffffe6}.header-title{align-items:center;display:flex;gap:16px}.header-title h1{font-size:2.2rem;font-weight:700;margin:0}.header-title p{font-size:1.1rem;margin:4px 0 0;opacity:.9}.header-actions{display:flex;gap:12px}.stats-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.stats-button:hover{background:#ffffff4d;transform:translateY(-1px)}.stats-button.active{background:#fff6;border-color:#ffffff80}.community-filter-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #08a4fc;border-radius:12px;margin-bottom:30px;padding:16px 20px}.banner-content{flex-wrap:wrap;gap:12px;justify-content:space-between}.banner-content,.banner-info{align-items:center;display:flex}.banner-info{color:#0369a1;font-weight:500;gap:8px}.banner-info svg{color:#08a4fc}.back-button{background:#08a4fc;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#0d8ce8;transform:translateY(-1px)}.community-info{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #08a4fc;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.community-info-content{align-items:center;display:flex;gap:8px}.community-actions{display:flex;gap:8px}.filter-toggle{align-items:center;background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-toggle:hover{background:#0d8ce8;transform:translateY(-1px)}.filter-toggle.active{background:#0369a1;box-shadow:0 4px 12px #0369a14d}.refresh-button{align-items:center;background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:#0d8ce8;transform:translateY(-1px)}.refresh-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.refresh-button.refreshing svg{animation:spin 1s linear infinite}.filters-panel{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin-bottom:24px;padding:20px}.filters-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr auto}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#374151;font-size:14px;font-weight:600}.search-input{align-items:center;display:flex;position:relative}.search-input svg{color:#6b7280;left:12px;position:absolute;z-index:1}.search-input input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.search-input input:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.filter-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-group select:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.clear-filters{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.clear-filters:hover{background:#e5e7eb;color:#374151}.surveys-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.surveys-header h2{color:#1e293b;font-size:1.5rem;margin:0}.auto-save-indicator{align-items:center;color:#10b981;display:flex;font-size:14px;font-weight:500;gap:6px}.survey-card{border:2px solid #e5e7eb;position:relative;transition:all .3s ease}.survey-card:hover{border-color:#08a4fc;box-shadow:0 12px 30px #00000026;transform:translateY(-4px)}.survey-card.favorited{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#ec4899}.survey-card.favorited:before{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:14px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.survey-header{margin-bottom:16px}.survey-header-actions{align-items:center;display:flex;gap:8px}.survey-reward{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;box-shadow:0 2px 8px #fbbf244d;display:flex;font-size:12px;gap:4px}.favorite-button{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.favorite-button:hover{background:#fdf2f8;border-color:#ec4899;color:#ec4899;transform:scale(1.1)}.favorite-button.favorited{background:linear-gradient(135deg,#ec4899,#be185d);border-color:#ec4899;color:#fff}.favorite-button.favorited:hover{background:linear-gradient(135deg,#be185d,#9d174d)}.clear-filters-btn{align-items:center;background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-top:20px;padding:12px 20px;transition:all .2s ease}.clear-filters-btn:hover{background:#0d8ce8;transform:translateY(-1px)}.modal-actions{display:flex;gap:8px}.auto-save-toggle{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.auto-save-toggle:hover{background:#e5e7eb;border-color:#d1d5db}.auto-save-toggle.enabled{background:#10b981;border-color:#059669;color:#fff}.auto-save-toggle.enabled:hover{background:#059669}.auto-save-status{color:#10b981;margin-top:8px}.auto-save-status,.saved-responses-indicator{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px}.saved-responses-indicator{color:#f59e0b;margin-top:4px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:8px;margin-bottom:24px;padding:12px 16px}.stats-dashboard{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:30px;padding:24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#667eea;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.stat-header{align-items:center;color:#64748b;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:12px}.stat-value{color:#1e293b;font-size:2.2rem;font-weight:800;margin-bottom:8px}.stat-subtitle{color:#64748b;font-size:.875rem}.controls-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px}.controls-section,.search-bar{align-items:center;display:flex}.search-bar{flex:1 1;min-width:300px;position:relative}.search-bar svg{color:#9ca3af;left:12px;position:absolute;z-index:1}.search-bar input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.filters{display:flex;flex-wrap:wrap;gap:12px}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.filter-select:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.surveys-list{margin-bottom:30px}.surveys-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.survey-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s ease}.survey-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.survey-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.survey-title-section{flex:1 1}.survey-title{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.survey-reward{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;margin-left:12px;padding:6px 12px}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.survey-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;line-height:1.5;margin:0 0 16px;overflow:hidden}.survey-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.meta-item{align-items:center;color:#64748b;display:flex;font-size:14px;gap:4px}.meta-item svg{color:#9ca3af}.survey-stats{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-top:12px}.response-count{color:#10b981;font-size:14px;font-weight:500}.survey-date{color:#9ca3af;font-size:12px}.survey-actions{display:flex;flex-wrap:wrap;gap:8px}.start-survey-button{align-items:center;background:linear-gradient(135deg,#007aff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:140px;padding:10px 16px;transition:all .2s ease}.start-survey-button:hover{box-shadow:0 4px 12px #007aff4d;transform:translateY(-1px)}.maps-link{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.maps-link:hover{background:#e2e8f0;color:#334155}.empty-surveys{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-surveys svg{margin-bottom:20px;opacity:.5}.empty-surveys h3{color:#374151;font-size:1.25rem;margin:0 0 12px}.empty-surveys p{font-size:16px;margin:0;max-width:400px}@media (max-width:768px){.controls-section{align-items:stretch;flex-direction:column}.search-bar{min-width:0;min-width:auto}.filters{justify-content:stretch}.filter-select{flex:1 1}.surveys-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.header-content{flex-direction:column;gap:12px;text-align:center}.encuestas-header h1{font-size:1.5rem}.banner-content{align-items:flex-start;flex-direction:column;gap:16px}.back-button{align-self:stretch;text-align:center}.survey-header{align-items:flex-start;flex-direction:column;gap:12px}.survey-reward{align-self:flex-start;margin-left:0}.survey-actions{flex-direction:column}.start-survey-button{min-width:0;min-width:auto}.community-info{flex-direction:column;gap:12px;text-align:center}.refresh-button{justify-content:center;width:100%}}@media (max-width:480px){.encuestas-container{padding:15px}.encuestas-header{padding:20px}.survey-card{padding:16px}.survey-meta{flex-direction:column;gap:8px}}.survey-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.survey-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.survey-loading,.survey-modal{display:flex;flex-direction:column}.survey-loading{align-items:center;justify-content:center;padding:60px 40px;text-align:center}.survey-loading p{color:#64748b;font-size:16px;margin-top:16px}.survey-completed{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.completion-icon{margin-bottom:24px}.completion-icon svg{color:#10b981}.survey-completed h2{color:#08a4fc;font-size:1.75rem;margin:0 0 16px}.survey-completed p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 32px;max-width:400px}.close-survey-btn{background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.close-survey-btn:hover{background:#0284c7;transform:translateY(-1px)}.completion-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:20px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#64748b;font-size:14px;font-weight:500}.stat-value{color:#08a4fc;font-size:16px;font-weight:600}.survey-modal-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding:32px 32px 0}.survey-info h2{color:#08a4fc;font-size:1.5rem;font-weight:700;margin:0 0 8px}.survey-info p{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 16px}.survey-meta-info{display:flex;flex-direction:column;gap:4px}.survey-meta-info span{color:#9ca3af;font-size:14px}.close-modal-btn{align-items:center;background:#f8fafc;color:#64748b;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.close-modal-btn:hover{background:#e2e8f0}.survey-progress{margin-bottom:32px;padding:0 32px}.progress-bar{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#08a4fc,#0284c7);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-size:14px;font-weight:500}.survey-content{flex:1 1;min-height:300px;padding:0 32px}.current-question{margin-bottom:32px}.question-title{color:#1e293b;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 24px}.required-indicator{color:#ef4444;margin-left:4px}.question-content{margin-bottom:24px}.question-rating{display:flex;flex-direction:column;gap:12px}.rating-option{align-items:center;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.rating-option:hover{background:#f8faff;border-color:#08a4fc}.rating-option input[type=radio]{accent-color:#08a4fc;height:18px;width:18px}.rating-option input[type=radio]:checked+.rating-text{color:#08a4fc;font-weight:600}.rating-text{color:#374151;font-size:16px}.question-multiple-choice{display:flex;flex-direction:column;gap:12px}.choice-option{align-items:center;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.choice-option:hover{background:#f8faff;border-color:#08a4fc}.choice-option input[type=radio]{accent-color:#08a4fc;height:18px;width:18px}.choice-option input[type=radio]:checked+.choice-text{color:#08a4fc;font-weight:600}.choice-text{color:#374151;font-size:16px}.question-yes-no{display:flex;gap:16px}.yn-option{align-items:center;border:2px solid #f1f5f9;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:12px;justify-content:center;padding:16px 24px;transition:all .2s ease}.yn-option:hover{background:#f8faff;border-color:#08a4fc}.yn-option input[type=radio]{accent-color:#08a4fc;height:18px;width:18px}.yn-option input[type=radio]:checked+.yn-text{color:#08a4fc;font-weight:600}.yn-text{color:#374151;font-size:16px;font-weight:500}.question-long-text,.question-short-text{width:100%}.long-text-input,.short-text-input{border:2px solid #f1f5f9;border-radius:8px;color:#374151;font-size:16px;padding:16px;resize:vertical;transition:all .2s ease;width:100%}.long-text-input:focus,.short-text-input:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.long-text-input::placeholder,.short-text-input::placeholder{color:#9ca3af}.survey-actions{border-top:1px solid #f1f5f9;margin-top:auto;padding:24px 32px 32px}.nav-buttons{gap:16px;justify-content:space-between}.nav-btn,.nav-buttons{align-items:center;display:flex}.nav-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:#f8faff;border-color:#08a4fc;color:#08a4fc}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.next-btn{background:#08a4fc;border-color:#08a4fc;color:#fff}.next-btn:hover:not(:disabled){background:#0284c7;border-color:#0284c7;color:#fff}.submit-btn{align-items:center;background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.survey-modal-overlay{padding:10px}.survey-modal{max-height:95vh;max-width:100%}.survey-modal-header{padding:24px 20px 0}.survey-content,.survey-progress{padding:0 20px}.survey-actions{padding:20px}.nav-buttons{flex-direction:column;gap:12px}.nav-btn,.submit-btn{justify-content:center;width:100%}.question-yes-no{flex-direction:column;gap:12px}.survey-info h2{font-size:1.25rem}.question-title{font-size:1.1rem}.header-content{flex-direction:column;text-align:center}.header-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-row{gap:16px;grid-template-columns:1fr}.community-info{flex-direction:column;gap:16px}.survey-header{flex-direction:column;gap:12px}.survey-header-actions{justify-content:space-between;width:100%}.modal-actions{flex-direction:column;gap:8px}}@media (max-width:480px){.encuestas-header{padding:20px}.header-title h1{font-size:1.8rem}.filters-panel,.stats-dashboard{padding:16px}.stat-value{font-size:1.8rem}}.review-button-container{display:flex;justify-content:center;margin-bottom:2rem}.review-button{align-items:center;background:linear-gradient(135deg,#08a4fc,#0784d4);border:none;border-radius:12px;box-shadow:0 4px 15px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.review-button:hover{box-shadow:0 6px 20px #08a4fc66;transform:translateY(-2px)}.review-button:active{transform:translateY(0)}.reviews-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reviews-modal{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.reviews-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.reviews-modal-header h2{color:#1f2937;font-size:24px;font-weight:700;margin:0}.close-modal-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.close-modal-btn:hover{background:#e5e7eb;color:#374151}.reviews-modal-content{flex:1 1;overflow-y:auto;padding:24px}.reviews-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.reviews-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;gap:12px;margin-bottom:20px;padding:16px}.reviews-stats{background:#f8fafc;border-radius:16px;margin-bottom:24px;padding:24px}.stats-summary{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:auto 1fr}.overall-rating{min-width:120px;text-align:center}.rating-number{color:#1f2937;font-size:48px;font-weight:700;line-height:1}.rating-number,.rating-stars{margin-bottom:8px}.rating-count{color:#6b7280;font-size:14px}.rating-distribution{display:flex;flex-direction:column;gap:8px}.rating-bar{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:20px 16px 1fr 30px}.rating-label{color:#6b7280;font-size:14px;text-align:center}.bar-container{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);height:100%;transition:width .3s ease}.stars-rating{display:flex;gap:2px}.star{color:#d1d5db;transition:color .2s ease}.star.filled{color:#fbbf24}.star.interactive{cursor:pointer}.star.interactive:hover{color:#f59e0b}.new-review-section{margin-bottom:24px;text-align:center}.new-review-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.new-review-btn:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.new-review-form{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.new-review-form h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.rating-selector{margin-bottom:20px}.rating-selector label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.comment-field{margin-bottom:20px}.comment-field label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.comment-field label .optional{color:#9ca3af;font-size:12px;font-weight:400}.comment-field textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.comment-field textarea:focus{border-color:#08a4fc;box-shadow:0 0 0 3px #08a4fc1a;outline:none}.char-count{color:#6b7280;font-size:12px;margin-top:4px;text-align:right}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.submit-review-btn{background:linear-gradient(135deg,#08a4fc,#0784d4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.submit-review-btn:hover:not(:disabled){background:linear-gradient(135deg,#0784d4,#0563c7)}.submit-review-btn:disabled{background:#d1d5db;cursor:not-allowed}.reviews-list h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.reviews-grid{grid-gap:16px;display:grid;gap:16px}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s ease}.review-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000001a}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#08a4fc;border-radius:50%;color:#fff;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-details h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.review-rating{align-items:center;display:flex}.review-date{color:#6b7280;font-size:12px}.review-content p{color:#374151;line-height:1.6;margin:0}.no-reviews{color:#6b7280;padding:60px 20px;text-align:center}.no-reviews svg{color:#d1d5db;margin-bottom:16px}.no-reviews h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.no-reviews p{color:#6b7280;margin:0}@media (max-width:768px){.reviews-modal{margin:10px;max-width:calc(100% - 20px)}.stats-summary{gap:20px;grid-template-columns:1fr;text-align:center}.rating-bar{grid-template-columns:30px 16px 1fr 40px}.form-actions{flex-direction:column}}.ruleta-networking-container{animation:fadeIn .6s ease;margin:0 auto;max-width:1200px;padding:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}.page-header{background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:20px;box-shadow:0 8px 32px #08a4fc33;color:#fff;margin-bottom:32px;overflow:hidden;padding:32px;position:relative}.page-header:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.header-content{gap:20px;position:relative;z-index:1}.header-content,.header-icon{align-items:center;display:flex}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex-shrink:0;height:70px;justify-content:center;width:70px}.header-text h1{color:#fff;font-size:32px;font-weight:800;margin:0 0 8px;text-shadow:0 2px 4px #0000001a}.header-text p{color:#ffffffe6;font-size:18px;line-height:1.5;margin:0}.queue-status-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;overflow:hidden}.queue-status-header{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:32px}.queue-header-content{align-items:center;display:flex;gap:16px}.queue-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.queue-header-info h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.queue-header-info p{color:#6b7280;font-size:14px;margin:0}.refresh-queue-btn{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:10px;box-shadow:0 4px 12px #0ea5e94d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.refresh-queue-btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 6px 16px #0ea5e966;transform:translateY(-2px)}.refresh-queue-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.queue-status-content{padding:32px}.queue-error,.queue-loading,.queue-no-data{align-items:center;color:#6b7280;display:flex;gap:16px;justify-content:center;padding:40px;text-align:center}.queue-loading svg,.queue-no-data svg{color:#0ea5e9}.queue-error{color:#ef4444;justify-content:flex-start}.queue-error svg{color:#ef4444;flex-shrink:0}.queue-error-content h4{color:#ef4444;font-size:16px;font-weight:600;margin:0 0 4px}.queue-error-content p{color:#6b7280;font-size:14px;margin:0}.queue-status-display{display:flex;justify-content:center}.queue-status-card{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:16px;display:flex;gap:20px;max-width:500px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease;width:100%}.queue-status-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.queue-status-card.orange{background:linear-gradient(135deg,#fefbf2,#fef3c7);border-color:#f59e0b}.queue-status-card.orange:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.queue-status-card.green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.queue-status-card.green:before{background:linear-gradient(135deg,#10b981,#059669)}.queue-status-card.gray{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#6b7280}.queue-status-card.gray:before{background:linear-gradient(135deg,#6b7280,#4b5563)}.queue-status-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.queue-status-card.orange .queue-status-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.queue-status-card.green .queue-status-icon{background:linear-gradient(135deg,#10b981,#059669)}.queue-status-card.gray .queue-status-icon{background:linear-gradient(135deg,#6b7280,#4b5563)}.queue-status-info{flex:1 1}.queue-status-info h4{font-size:18px;font-weight:700;margin:0 0 8px}.queue-status-card.orange .queue-status-info h4{color:#92400e}.queue-status-card.green .queue-status-info h4{color:#065f46}.queue-status-card.gray .queue-status-info h4{color:#374151}.queue-status-info p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.queue-details{display:flex;flex-wrap:wrap;gap:16px}.queue-detail-item{align-items:center;display:flex;font-size:13px;gap:8px}.detail-label{color:#6b7280;font-weight:500}.detail-value{background:#fffc;border:1px solid #0000001a;border-radius:6px;color:#111827;font-weight:600;padding:2px 8px}.networking-settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden}.error-state,.loading-state,.no-community-state,.no-settings-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px;text-align:center}.error-state svg,.loading-state svg,.no-community-state svg,.no-settings-state svg{color:#6b7280;margin-bottom:8px}.error-state h3,.loading-state h3,.no-community-state h3,.no-settings-state h3{color:#111827;font-size:20px;font-weight:600;margin:0}.error-state p,.loading-state p,.no-community-state p,.no-settings-state p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.error-state svg{color:#ef4444}.retry-btn{background:#08a4fc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .2s ease}.retry-btn:hover{background:#0284c7;transform:translateY(-1px)}.no-settings-state small{color:#9ca3af;font-size:14px;margin-top:8px}.settings-display{padding:0}.settings-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e7f3ff);border-bottom:1px solid #e5e7eb;display:flex;gap:20px;justify-content:space-between;padding:32px}.settings-header .header-icon{align-items:center;background:linear-gradient(135deg,#08a4fc,#0284c7);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.header-info{flex:1 1}.header-info h3{color:#111827;font-size:20px;font-weight:700;margin:0 0 4px}.header-info p{color:#6b7280;font-size:14px;margin:0}.status-badge .status{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status.enabled{background:#dcfce7;color:#166534}.status.disabled{background:#fee2e2;color:#991b1b}.settings-list{display:flex;flex-direction:column;gap:20px;padding:32px}.setting-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 0;transition:all .2s ease}.setting-item:last-child{border-bottom:none}.setting-item:hover{background:#f8fafc;border-bottom:1px solid #0000;border-radius:8px;margin:0 -16px;padding:16px}.setting-item:hover:last-child{border-bottom:none}.setting-label{color:#111827;flex:1 1;font-size:16px;font-weight:700;min-width:0}.setting-value{color:#08a4fc;flex-shrink:0;font-size:16px;font-weight:600;margin-left:16px;text-align:right}.settings-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:24px 32px}.settings-info{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.settings-info p{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:13px;margin:0;padding:8px 16px}@media (max-width:768px){.ruleta-networking-container{padding:16px}.page-header{border-radius:16px;padding:24px}.header-content{flex-direction:column;gap:16px;text-align:center}.header-icon{height:60px;width:60px}.header-text h1{font-size:24px}.header-text p{font-size:16px}.queue-status-section{border-radius:16px;margin-bottom:24px}.queue-status-header{flex-direction:column;gap:16px;padding:24px;text-align:center}.queue-header-content{justify-content:center}.queue-icon{height:40px;width:40px}.queue-header-info h3{font-size:18px}.refresh-queue-btn{font-size:13px;padding:10px 16px}.queue-status-content{padding:24px}.queue-error,.queue-loading,.queue-no-data{flex-direction:column;gap:12px;padding:30px 20px}.queue-status-card{flex-direction:column;gap:16px;padding:20px;text-align:center}.queue-status-icon{height:50px;width:50px}.queue-status-info p{margin-bottom:12px}.queue-details{gap:12px;justify-content:center}.networking-settings-section{border-radius:16px}.error-state,.loading-state,.no-community-state,.no-settings-state{padding:40px 20px}.settings-header{flex-direction:column;gap:16px;padding:24px;text-align:center}.settings-header .header-icon{height:40px;width:40px}.header-info h3{font-size:18px}.settings-list{gap:16px;padding:24px}.setting-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.setting-item:hover{margin:0;padding:12px}.setting-label{font-size:15px}.setting-value{font-size:15px;margin-left:0;text-align:left}.settings-footer{padding:20px 24px}.settings-info{flex-direction:column;gap:12px}}@media (max-width:480px){.ruleta-networking-container{padding:12px}.page-header{padding:20px}.header-text h1{font-size:22px}.settings-list{padding:20px}.settings-footer{padding:16px 20px}.queue-status-section{border-radius:12px;margin-bottom:20px}.queue-status-header{padding:20px}.queue-icon{height:35px;width:35px}.queue-header-info h3{font-size:16px}.queue-status-content{padding:20px}.queue-status-card{padding:16px}.queue-status-icon{height:45px;width:45px}.queue-status-info h4{font-size:16px}}.queue-join-section{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px}.join-queue-btn{align-items:center;background:#08a4fc;border:none;border-radius:12px;box-shadow:0 4px 12px #08a4fc4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 28px;transition:all .3s ease}.join-queue-btn:hover:not(:disabled){background:#0794e8;box-shadow:0 6px 16px #08a4fc66;transform:translateY(-2px)}.join-queue-btn:active:not(:disabled){box-shadow:0 2px 8px #08a4fc4d;transform:translateY(0)}.join-queue-btn:disabled{background:#9ca3af;box-shadow:0 2px 6px #9ca3af33;cursor:not-allowed;opacity:.7;transform:none}.join-queue-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.join-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;max-width:100%;padding:12px 16px;text-align:center}.join-error svg{flex-shrink:0}@media (max-width:768px){.queue-join-section{margin-top:20px;padding-top:16px}.join-queue-btn{font-size:15px;min-width:120px;padding:12px 24px}.join-error{font-size:13px;padding:10px 14px}}@media (max-width:480px){.join-queue-btn{font-size:14px;min-width:110px;padding:12px 20px}.join-error{font-size:12px;padding:8px 12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.f2bf409e.css.map*/