@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#0284c7;--primary-glow:#0284c780;--bg-dark:#0f172a;--bg-card:#1e293b99;--glass-border:#ffffff14;--text-main:#f8fafc;--text-muted:#cbd5e1;--accent:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:w-64{width:16rem}}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-auto{margin-top:auto}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem}.glass-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-hover:hover{border-color:var(--accent);background:#ffffff1a;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000004d}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}h1,h2,h3{letter-spacing:-.025em;font-weight:700}.text-text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--primary)}.text-accent{color:var(--accent)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#000c;justify-content:center;align-items:center;padding:.5rem;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{padding:1rem}}.modal-card{background-color:#0f172a;border:1px solid #1e293b;border-radius:1.25rem;flex-direction:column;width:100%;max-width:800px;max-height:95vh;display:flex;position:relative;overflow:hidden auto;box-shadow:0 0 60px -15px #0284c766}@media (width>=640px){.modal-card{border-radius:1.5rem;max-height:90vh}}@media (width>=768px){.modal-card{border-radius:2rem;flex-direction:row;overflow-y:hidden}}.modal-left{background:linear-gradient(to bottom right,#0284c7,#0c4a6e);flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}@media (width>=640px){.modal-left{padding:2rem}}@media (width>=768px){.modal-left{width:40%;min-height:350px;padding:2.5rem}}.modal-photo-container{z-index:10;background-color:#0f172a;border:3px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:8rem;height:8rem;margin-bottom:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=640px){.modal-photo-container{border-width:4px;width:10rem;height:10rem;margin-bottom:1.25rem}}@media (width>=768px){.modal-photo-container{width:12rem;height:12rem;margin-bottom:1.5rem}}.modal-photo{object-fit:cover;object-position:top center;width:100%;height:100%}.modal-right{background-color:#0f172a;flex-direction:column;justify-content:center;padding:1.25rem;display:flex;overflow-y:auto}@media (width>=640px){.modal-right{padding:1.75rem}}@media (width>=768px){.modal-right{width:60%;padding:2.5rem}}.detail-item{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}@media (width>=640px){.detail-item{gap:1rem;margin-bottom:1.5rem}}.detail-icon{color:#38bdf8;background-color:#0284c71a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}@media (width>=640px){.detail-icon{border-radius:1rem;width:3rem;height:3rem}}.badge-status{color:#fff;text-transform:uppercase;letter-spacing:.1em;z-index:10;background-color:#0003;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.5rem;margin-top:1rem;padding:.375rem 1.25rem;font-size:.625rem;font-weight:700;display:inline-flex}@media (width>=640px){.badge-status{margin-top:1.5rem}}.close-btn{color:#94a3b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;z-index:110;background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;padding:.4rem;transition:all .2s;position:absolute;top:.75rem;right:.75rem}@media (width>=640px){.close-btn{padding:.5rem;top:1.25rem;right:1.25rem}}.close-btn:hover{color:#ef4444;background-color:#ef44441a;border-color:#ef44444d;transform:scale(1.1)rotate(90deg)}.detail-grid-2col{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;display:grid}@media (width>=480px){.detail-grid-2col{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}}.detail-grid-2col--bottom{border-top:1px solid #1e293b;margin-bottom:0;padding-top:.75rem}@media (width>=480px){.detail-grid-2col--bottom{padding-top:1rem}}.login-container{background-color:#0062ff;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,sans-serif;display:flex}.login-card{background-color:#fff;border-radius:2rem;flex-direction:column;width:100%;max-width:1000px;min-height:550px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=1024px){.login-card{flex-direction:row}}.login-left{color:#fff;background-color:#0062ff;flex-direction:column;justify-content:center;padding:3rem;display:flex;position:relative;overflow:hidden}@media (width>=1024px){.login-left{width:45%}.login-right{width:55%}}.login-circle-1{background-color:#0055e5;border-radius:50%;width:20rem;height:20rem;position:absolute;bottom:-6rem;left:-6rem}.login-circle-2{filter:blur(20px);opacity:.5;background-color:#1a74ff;border-radius:50%;width:24rem;height:24rem;position:absolute;top:50%;left:50%;transform:translate(-25%,-25%)}.login-circle-3{background-color:#3385ff;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-2.5rem;right:0}.login-left-content{position:relative}.login-left h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}@media (width>=1024px){.login-left h1{font-size:3rem}}.login-left h2{letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.login-left p{color:#ffffffe6;max-width:24rem;font-size:.875rem;line-height:1.6}.login-right{background-color:#fff;flex-direction:column;justify-content:center;padding:2.5rem;display:flex}@media (width>=1024px){.login-right{padding:4rem}}.login-right h3{color:#111827;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.login-right p.subtitle{color:#6b7280;margin-bottom:2rem;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-input-group{background-color:#f4f7fe;border:2px solid #0000;border-radius:.75rem;align-items:center;transition:border-color .2s;display:flex;position:relative}.login-input-group:focus-within{border-color:#0062ff}.login-input-icon{color:#6b7280;padding-left:1rem;padding-right:.75rem}.login-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:1rem 1rem 1rem 0;font-size:.875rem;font-weight:500}.login-show-btn{color:#0062ff;cursor:pointer;letter-spacing:.05em;background:0 0;border:none;padding-right:1rem;font-size:.75rem;font-weight:700}.login-options{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.login-options label{color:#4b5563;cursor:pointer;align-items:center;gap:.5rem;display:flex}.login-options input{width:1rem;height:1rem}.login-options a{color:#0062ff;font-weight:600;text-decoration:none}.login-options a:hover{text-decoration:underline}.login-error{color:#ef4444;text-align:center;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.login-btn-primary{color:#fff;cursor:pointer;background-color:#0d2a5b;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:600;transition:background-color .2s;display:flex}.login-btn-primary:hover{background-color:#091e42}.login-btn-primary:disabled{opacity:.7;cursor:not-allowed}.login-divider{justify-content:center;align-items:center;margin:1rem 0;display:flex;position:relative}.login-divider:before{content:"";border-top:1px solid #e5e7eb;width:100%;position:absolute}.login-divider span{color:#9ca3af;text-transform:uppercase;z-index:1;background-color:#fff;padding:0 .75rem;font-size:.75rem;font-weight:600;position:relative}.login-btn-secondary{color:#374151;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.875rem;font-weight:600;transition:border-color .2s}.login-btn-secondary:hover{border-color:#d1d5db}.login-signup{text-align:center;color:#6b7280;margin-top:1.5rem;font-size:.75rem}.login-signup a{color:#0062ff;font-weight:600;text-decoration:none}.login-signup a:hover{text-decoration:underline}.equipos-container{padding-bottom:3rem;animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.equipos-header{text-align:center;margin-bottom:1.5rem}@media (width>=640px){.equipos-header{margin-bottom:2rem}}@media (width>=1024px){.equipos-header{text-align:left;margin-bottom:2.5rem}}.equipos-header h2{color:#fff;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:.25rem;font-size:1.5rem;font-weight:900}@media (width>=640px){.equipos-header h2{margin-bottom:.5rem;font-size:1.75rem}}@media (width>=1024px){.equipos-header h2{font-size:2.25rem}}.equipos-header p{color:#9ca3af;font-size:.8rem;font-weight:500}@media (width>=640px){.equipos-header p{font-size:.9rem}}.equipos-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=640px){.equipos-grid{gap:1.25rem}}@media (width>=768px){.equipos-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (width>=1280px){.equipos-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.equipo-card{cursor:pointer;background-color:#fff;border-radius:1rem;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 8px 30px #0000000a}.equipo-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.equipo-image-container{background-color:#f3f4f6;width:100%;height:9rem;position:relative;overflow:hidden}@media (width>=640px){.equipo-image-container{height:12rem}}@media (width>=1024px){.equipo-image-container{height:14rem}}.equipo-image{object-fit:cover;width:100%;height:100%;transition:transform .7s ease-in-out}.equipo-image.local-logo{object-fit:contain;background-color:#fff;padding:.75rem}@media (width>=640px){.equipo-image.local-logo{padding:1.35rem}}.equipo-image.danza-image{object-fit:contain;background-color:#000;padding:.75rem}@media (width>=640px){.equipo-image.danza-image{padding:1.35rem}}.equipo-card:hover .equipo-image{transform:scale(1.1)}.equipo-card:hover .equipo-image.local-logo{transform:scale(1.05)}.equipo-card:hover .dynamic-text{transform:scale(1.08);text-shadow:0 0 30px #ffffffb3,0 0 60px #38bdf873!important}.equipo-image-overlay{background:linear-gradient(#0000,#0003);position:absolute;inset:0}.equipo-badge{color:#fff;z-index:10;text-align:center;background-color:#2a2626;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;max-width:90%;padding:.4rem .75rem;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 6px -1px #0000001a}@media (width>=640px){.equipo-badge{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;padding:.625rem 2rem}}.equipo-badge h3{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.6rem;font-weight:700;overflow:hidden}@media (width>=640px){.equipo-badge h3{letter-spacing:.05em;font-size:.875rem}}.equipo-content{flex-direction:column;flex:1;padding:.75rem;display:flex}@media (width>=640px){.equipo-content{padding:1.25rem}}@media (width>=1024px){.equipo-content{padding:1.5rem}}.equipo-details{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}@media (width>=640px){.equipo-details{margin-bottom:1rem;padding-bottom:1rem}}.equipo-id-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem;font-size:.5625rem;font-weight:700;display:block}@media (width>=640px){.equipo-id-label{margin-bottom:.25rem;font-size:.6875rem}}.equipo-id-value{color:#1f2937;align-items:center;gap:.25rem;font-size:.8rem;font-weight:700;display:flex}@media (width>=640px){.equipo-id-value{gap:.5rem;font-size:1rem}}.equipo-icon-wrapper{border-radius:.5rem;padding:.5rem;transition:transform .3s}@media (width>=640px){.equipo-icon-wrapper{border-radius:.75rem;padding:.75rem}}.equipo-card:hover .equipo-icon-wrapper{transform:scale(1.1)}.equipo-action{margin-top:auto;padding-top:.25rem}@media (width>=640px){.equipo-action{padding-top:.5rem}}.equipo-action-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.equipo-action-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.5625rem;font-weight:700}@media (width>=640px){.equipo-action-label{font-size:.6875rem}}.equipo-action-btn{color:#0062ff;align-items:center;gap:.125rem;font-size:.75rem;font-weight:700;transition:transform .3s;display:flex}@media (width>=640px){.equipo-action-btn{gap:.25rem;font-size:.875rem}}.equipo-card:hover .equipo-action-btn{transform:translate(4px)}.bg-purple-50{background-color:#faf5ff}.text-purple-600{color:#9333ea}.bg-blue-50{background-color:#eff6ff}.text-blue-600{color:#2563eb}.bg-slate-100{background-color:#f1f5f9}.text-slate-700{color:#334155}.bg-pink-50{background-color:#fdf2f8}.text-pink-500{color:#ec4899}.bg-green-50{background-color:#f0fdf4}.text-green-600{color:#16a34a}.bg-yellow-50{background-color:#fefce8}.text-yellow-600{color:#ca8a04}.bg-gray-100{background-color:#f3f4f6}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}.integrantes-page{animation:.3s ease-out fadeIn}.integrantes-back-btn{color:#38bdf8;cursor:pointer;background:#38bdf80d;border:1px solid #38bdf81a;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #0000001a}@media (width>=640px){.integrantes-back-btn{border-radius:14px;margin-bottom:24px;padding:10px 18px;font-size:.85rem}}.integrantes-back-btn:hover{background:#38bdf81f;transform:translate(-5px);box-shadow:0 6px 20px #38bdf826}.integrantes-header-card{background:#0f172a;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px;display:flex}@media (width>=640px){.integrantes-header-card{border-radius:20px;padding:20px}}@media (width>=768px){.integrantes-header-card{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px}}.integrantes-header-info{align-items:center;gap:12px;display:flex}.integrantes-header-icon{background:#38bdf81f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@media (width>=640px){.integrantes-header-icon{border-radius:14px;width:52px;height:52px}}.integrantes-title{color:#fff;margin:0;font-size:1.15rem;font-weight:800}@media (width>=640px){.integrantes-title{font-size:1.5rem}}.integrantes-subtitle{color:#64748b;margin:4px 0 0;font-size:.7rem}@media (width>=640px){.integrantes-subtitle{font-size:.8rem}}.integrantes-stat-chips{gap:8px;display:flex}@media (width>=640px){.integrantes-stat-chips{gap:12px}}.integrantes-stat-chip{text-align:center;background:#38bdf80f;border:1px solid #38bdf81f;border-radius:12px;flex:1;min-width:0;padding:8px 12px}@media (width>=640px){.integrantes-stat-chip{border-radius:14px;flex:none;min-width:80px;padding:12px 18px}}.integrantes-stat-chip--green{background:#4ade800f;border:1px solid #4ade801f}.integrantes-stat-chip--red{background:#f871710f;border:1px solid #f871711f}.integrantes-stat-value{color:#fff;font-size:1rem;font-weight:800;display:block}@media (width>=640px){.integrantes-stat-value{font-size:1.25rem}}.integrantes-stat-label{color:#64748b;font-size:.55rem;font-weight:600}@media (width>=640px){.integrantes-stat-label{font-size:.65rem}}.integrantes-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#0f172af2;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex;position:sticky;top:-2px;box-shadow:0 10px 25px -5px #00000080}@media (width>=640px){.integrantes-toolbar{border-radius:14px;flex-direction:row;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px}}.integrantes-search-wrapper{flex:1;min-width:0;position:relative}.integrantes-search-icon{color:#475569;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.integrantes-search-input{color:#fff;box-sizing:border-box;background:#0f172acc;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:.85rem;transition:border-color .2s}@media (width>=640px){.integrantes-search-input{padding:12px 12px 12px 40px;font-size:.875rem}}.integrantes-search-input:focus{border-color:#38bdf84d}.integrantes-filters{align-items:center;gap:8px;display:flex}@media (width>=640px){.integrantes-filters{gap:14px}}.integrantes-filter-label{cursor:pointer;color:#475569;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:.7rem;font-weight:600;transition:color .2s;display:flex}@media (width>=640px){.integrantes-filter-label{gap:6px;padding:6px 12px;font-size:.75rem}}.integrantes-filter-label--active-on{color:#4ade80;background:#4ade800f}.integrantes-filter-label--inactive-on{color:#f87171;background:#f871710f}.integrantes-table-header{display:none}@media (width>=768px){.integrantes-table-header{grid-template-columns:1fr 140px 100px 60px;gap:10px;margin-bottom:8px;padding:0 18px;display:grid}.integrantes-table-header span{color:#475569;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}}.integrantes-list{flex-direction:column;gap:6px;display:flex}@media (width>=640px){.integrantes-list{gap:8px}}.integrantes-row{cursor:pointer;background:#0f172a;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:10px;padding:12px;transition:all .2s;display:flex}@media (width>=768px){.integrantes-row{border-radius:14px;flex-direction:row;grid-template-columns:1fr 140px 100px 60px;align-items:center;gap:10px;padding:14px 18px;display:grid}}.integrantes-row:hover,.integrantes-row:active{background:#0f172ae6;border-color:#ffffff1a}.integrantes-member-info{align-items:center;gap:10px;min-width:0;display:flex}@media (width>=640px){.integrantes-member-info{gap:14px}}.integrantes-avatar{color:#fff;background:linear-gradient(135deg,#38bdf833,#6366f133);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden}@media (width>=640px){.integrantes-avatar{width:42px;height:42px;font-size:.9rem}}.integrantes-avatar img{object-fit:cover;width:100%;height:100%}.integrantes-member-text{flex:1;min-width:0}.integrantes-member-text h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;font-weight:600;overflow:hidden}@media (width>=640px){.integrantes-member-text h4{font-size:.9rem}}.integrantes-member-sub{flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px;display:flex}.integrantes-member-sub span{color:#475569;align-items:center;gap:3px;font-size:.65rem;display:flex}@media (width>=640px){.integrantes-member-sub span{gap:4px;font-size:.7rem}}.integrantes-row-meta{border-top:1px solid #ffffff0a;align-items:center;gap:8px;padding-top:6px;display:flex}@media (width>=768px){.integrantes-row-meta{border-top:none;padding-top:0;display:contents}}.integrantes-role-badge{white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:700}@media (width>=640px){.integrantes-role-badge{border-radius:8px;padding:5px 14px;font-size:.7rem}}@media (width>=768px){.integrantes-role-badge{justify-content:center;display:flex}}.integrantes-status{align-items:center;gap:5px;margin-left:auto;font-size:.7rem;font-weight:600;display:flex}@media (width>=768px){.integrantes-status{justify-content:center;margin-left:0;font-size:.75rem}}.integrantes-status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}@media (width>=640px){.integrantes-status-dot{width:7px;height:7px}}.integrantes-action-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}@media (width>=640px){.integrantes-action-btn{width:32px;height:32px}}@media (width>=768px){.integrantes-action-btn{justify-self:center}}.integrantes-action-btn:hover{background:#38bdf81a;border-color:#38bdf833}.integrantes-error-state,.integrantes-empty-state{text-align:center;background:#0f172a;border:1px solid #ffffff0d;border-radius:16px;padding:40px 16px}@media (width>=640px){.integrantes-error-state,.integrantes-empty-state{border-radius:20px;padding:48px 20px}}.integrantes-error-state{border-color:#f8717126}.integrantes-retry-btn{color:#38bdf8;cursor:pointer;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;padding:8px 20px;font-size:.8rem;font-weight:600}.integrantes-pagination{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;margin-top:1.25rem;padding-top:1rem;display:flex}@media (width>=640px){.integrantes-pagination{gap:4px;margin-top:1.5rem}}.integrantes-page-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:30px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}@media (width>=640px){.integrantes-page-btn{min-width:34px;height:34px;font-size:.8rem}}.integrantes-page-btn.active{color:#38bdf8;background:#0062ff26;border-color:#0062ff4d;font-weight:700}.integrantes-page-btn.disabled{color:#334155;cursor:not-allowed}.integrantes-page-dots{color:#475569;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:.8rem}.dashboard-container{padding-bottom:2rem;animation:.5s ease-out fadeIn}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}@media (width>=640px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.stat-card{background:#0f172a;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;transition:transform .3s,border-color .3s;display:flex}@media (width>=640px){.stat-card{border-radius:1.25rem;gap:1rem;padding:1.25rem}}@media (width>=1024px){.stat-card{gap:1.25rem;padding:1.5rem}}.stat-card:hover{border-color:#0062ff4d;transform:translateY(-3px)}@media (width>=768px){.stat-card:hover{transform:translateY(-5px)}}.stat-icon{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}@media (width>=640px){.stat-icon{border-radius:.875rem;width:3rem;height:3rem}}@media (width>=1024px){.stat-icon{border-radius:1rem;width:3.5rem;height:3.5rem}}.stat-icon svg{width:18px;height:18px}@media (width>=640px){.stat-icon svg{width:22px;height:22px}}.stat-info h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .15rem;font-size:.625rem;font-weight:700}@media (width>=640px){.stat-info h3{margin:0 0 .25rem;font-size:.75rem}}.stat-value{color:#fff;margin:0;font-size:1.25rem;font-weight:800}@media (width>=640px){.stat-value{font-size:1.5rem}}@media (width>=1024px){.stat-value{font-size:1.75rem}}.dashboard-content-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=1024px){.dashboard-content-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}.dashboard-section{background:#0f172a;border:1px solid #ffffff0d;border-radius:1rem;height:100%;padding:1rem}@media (width>=640px){.dashboard-section{border-radius:1.25rem;padding:1.25rem}}@media (width>=1024px){.dashboard-section{border-radius:1.5rem;padding:1.5rem}}.section-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}@media (width>=640px){.section-header{margin-bottom:1.5rem}}.section-header h2{align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}@media (width>=640px){.section-header h2{gap:.75rem;font-size:1.125rem}}.view-all-btn{color:#0062ff;white-space:nowrap;background:#0062ff1a;border-radius:.5rem;padding:.3rem .6rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:background .2s}@media (width>=640px){.view-all-btn{padding:.4rem .8rem;font-size:.75rem}}.view-all-btn:hover{background:#0062ff33}.dashboard-list{flex-direction:column;gap:.5rem;display:flex}@media (width>=640px){.dashboard-list{gap:.75rem}}@media (width>=1024px){.dashboard-list{gap:1rem}}.list-item{background:#ffffff05;border:1px solid #0000;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem;transition:border-color .2s;display:flex}@media (width>=640px){.list-item{border-radius:1rem;padding:.75rem}}.list-item:hover{background:#ffffff08;border-color:#ffffff0d}.item-info{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}@media (width>=640px){.item-info{gap:1rem}}.item-avatar{color:#38bdf8;background:#1e293b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}@media (width>=640px){.item-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}}.item-avatar img{object-fit:cover;width:100%;height:100%}.item-text{min-width:0}.item-text h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:600;overflow:hidden}@media (width>=640px){.item-text h4{font-size:.875rem}}.item-text p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.65rem;overflow:hidden}@media (width>=640px){.item-text p{font-size:.75rem}}.item-meta{text-align:right;flex-shrink:0}.meta-value{color:#38bdf8;font-size:.75rem;font-weight:700;display:block}@media (width>=640px){.meta-value{font-size:.8125rem}}.meta-label{color:#64748b;text-transform:uppercase;font-size:.5625rem;display:block}@media (width>=640px){.meta-label{font-size:.625rem}}.bg-blue-soft{color:#38bdf8;background:#0062ff1a}.bg-purple-soft{color:#a855f7;background:#a855f71a}.bg-pink-soft{color:#ec4899;background:#ec48991a}.bg-amber-soft{color:#f59e0b;background:#f59e0b1a}.bg-green-soft{color:#4ade80;background:#4ade801a}.bg-slate-soft{color:#94a3b8;background:#94a3b81a}.empty-state{text-align:center;color:#64748b;padding:2rem 0}@media (width>=640px){.empty-state{padding:3rem 0}}.empty-state p{font-size:.8rem}@media (width>=640px){.empty-state p{font-size:.875rem}}.dashboard-select{color:#94a3b8;cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .4rem center/14px no-repeat;border:1px solid #ffffff1a;border-radius:.6rem;outline:none;padding:.35rem 1.8rem .35rem .6rem;font-size:.65rem;font-weight:600;transition:all .2s}@media (width>=640px){.dashboard-select{background-position:right .6rem center;border-radius:.75rem;padding:.4rem 2rem .4rem .8rem;font-size:.75rem}}.dashboard-select:hover{color:#fff;background-color:#ffffff14;border-color:#0062ff4d}.dashboard-select:focus{background-color:#0062ff0d;border-color:#0062ff;box-shadow:0 0 0 2px #0062ff33}.dashboard-select option{color:#fff;background-color:#0f172a;padding:10px}.clickable-item{cursor:pointer}.clickable-item:hover{border-color:#0062ff26;background:#ffffff0d!important}.app-layout{color:#f8fafc;background-color:#0b1120;width:100%;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.app-sidebar{z-index:100;background-color:#0f172a;border-right:1px solid #ffffff0d;flex-direction:column;width:280px;padding:1.5rem;display:flex}@media (width<=1023px){.app-sidebar{height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-280px;box-shadow:20px 0 50px #00000080}.app-sidebar.open{left:0}}@media (width>=1024px){.app-sidebar{position:relative;left:0}}.sidebar-brand{justify-content:center;align-items:center;padding:.5rem 0 1rem;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 0 8px #ffffff0d);width:210px;height:auto;transition:all .4s}.brand-logo-img:hover{filter:drop-shadow(0 0 15px #38bdf840);transform:scale(1.02)}.sidebar-nav{flex-direction:column;flex:1;margin-top:4.5rem;padding:0 .75rem;display:flex}.nav-group{flex-direction:column;gap:1.25rem;display:flex}.nav-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.85rem;align-items:center;gap:1rem;width:100%;padding:.85rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .25s;display:flex;position:relative;overflow:hidden}.nav-item:hover{color:#e2e8f0;background:#ffffff0a}.nav-item.active{color:#fff;background:#38bdf81a;font-weight:600}.nav-item.active svg{color:#38bdf8}.nav-item.active:before{content:"";background:#38bdf8;border-radius:0 3px 3px 0;width:3px;height:50%;position:absolute;top:25%;left:0}.nav-item.nav-logout{color:#f87171;margin-top:auto;margin-bottom:.5rem}.nav-item.nav-logout:hover{color:#fca5a5;background:#f871710f}.app-main{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background-color:#0f172acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:56px;padding:0 .75rem;display:flex}@media (width>=640px){.app-header{height:64px;padding:0 1.25rem}}@media (width>=1024px){.app-header{height:72px;padding:0 2rem}}.header-left{align-items:center;gap:.75rem;display:flex}@media (width>=1024px){.header-left{gap:1.5rem}}.header-left h1{color:#f1f5f9;margin:0;font-size:1rem;font-weight:700}@media (width>=768px){.header-left h1{font-size:1.25rem}}.help-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.help-modal{color:#e2e8f0;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #38bdf81a;border-radius:1.25rem;width:100%;max-width:420px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 60px #00000080}@media (width>=640px){.help-modal{padding:2rem}}.help-modal-header{color:#38bdf8;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.help-modal-header h3{color:#f1f5f9;margin:0;font-size:1.15rem;font-weight:700}.help-section{margin-bottom:1rem}.help-section h4{color:#cbd5e1;margin:0 0 .3rem;font-size:.85rem;font-weight:600}.help-section p{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.help-divider{background:linear-gradient(90deg,#0000,#38bdf826,#0000);height:1px;margin:1.25rem 0}.help-contact-label{color:#94a3b8;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.help-whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:.75rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:flex}.help-whatsapp-btn:hover{background:#1ebe5d;transform:translateY(-1px)}.help-close-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:.75rem;width:100%;margin-top:.75rem;padding:.6rem;font-size:.85rem;font-weight:500;transition:all .2s;display:block}.help-close-btn:hover{color:#f1f5f9;border-color:#ffffff26}.mobile-menu-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex}@media (width>=1024px){.mobile-menu-btn{display:none}}.header-right{align-items:center;gap:.5rem;display:flex}@media (width>=640px){.header-right{gap:1rem}}@media (width>=1024px){.header-right{gap:1.5rem}}.header-notification{color:#64748b;cursor:pointer;background:0 0;border:none;position:relative}.notification-dot{background-color:#ef4444;border:2px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.header-profile{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:.5rem;padding:.3rem;display:flex}@media (width>=640px){.header-profile{gap:.75rem;padding:.4rem .4rem .4rem 1rem}}.profile-avatar{color:#fff;background-color:#0062ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex}.profile-name{color:#cbd5e1;font-size:.875rem;font-weight:500;display:none}@media (width>=640px){.profile-name{display:block}}.app-content{background-color:#0b1120;flex:1;padding:.75rem;overflow-y:auto}@media (width>=480px){.app-content{padding:1rem}}@media (width>=640px){.app-content{padding:1.25rem}}@media (width>=1024px){.app-content{padding:2rem}}.content-wrapper{max-width:1400px;margin:0 auto}.coming-soon-container{text-align:center;justify-content:center;align-items:center;height:calc(100vh - 200px);padding:1rem;display:flex}.coming-soon-icon{color:#0062ff;background-color:#0062ff1a;border-radius:2rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.coming-soon-content h2{margin-bottom:1rem;font-size:1.5rem}@media (width>=640px){.coming-soon-content h2{font-size:2rem}}.coming-soon-content p{color:#64748b;max-width:400px}::-webkit-scrollbar{width:6px}@media (width>=768px){::-webkit-scrollbar{width:8px}}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0009;display:none;position:fixed;inset:0}@media (width<=1023px){.sidebar-overlay.open{display:block}}.header-center{flex:1;justify-content:flex-start;align-items:center;padding:0 1rem;display:none;overflow:hidden}@media (width>=768px){.header-center{padding:0 2rem 0 0;display:flex}}.verse-banner{justify-content:flex-start;align-items:center;gap:.8rem;width:100%;max-width:1000px;display:flex}.verse-icon{color:#38bdf8;opacity:.8;flex-shrink:0}.verse-text{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:.8rem;font-style:italic;overflow:hidden}@media (width>=1024px){.verse-text{font-size:.85rem}}.verse-ref{color:#38bdf8;white-space:nowrap;background:#38bdf814;border-radius:6px;flex-shrink:0;padding:2px 10px;font-size:.7rem;font-weight:700}@media (width>=1024px){.verse-ref{font-size:.75rem}}