:root{--bg-card: #0a1f22;--primary-teal: #0d9488;--primary-teal-hover: #115e59;--text-white: #ffffff;--text-gray: #9ca3af;--btn-dark: #1f2937;--btn-dark-hover: #374151;--border-color: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--bg-dark);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color .2s ease}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{color:var(--text-white);line-height:1.2;font-weight:700;letter-spacing:-.025em}h1{font-size:3.5rem;margin-bottom:1.5rem}p{color:var(--text-gray);font-size:1.125rem;margin-bottom:1rem}.card-base{background-color:var(--bg-card);border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.card-base:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary{background-color:var(--primary-teal);color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.custom-alert-box{background-color:var(--bg-card);padding:2rem;border-radius:1rem;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color);animation:scaleIn .2s ease-out}.alert-icon{margin-bottom:1rem}.custom-alert-box.success .alert-icon{color:#10b981}.custom-alert-box.error .alert-icon{color:#ef4444}.custom-alert-box.info .alert-icon{color:#3b82f6}.alert-message{color:var(--text-white);font-size:1.125rem;margin-bottom:1.5rem;line-height:1.5}.alert-ok-btn{background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.alert-ok-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.header{background-color:#d32f2f;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;box-sizing:border-box;padding:.5rem 0;position:sticky;top:0;z-index:101;border-bottom:none;box-shadow:0 4px 6px #0000001a}.header-container{width:85%;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative}.logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease;flex-shrink:0}.logo-link:hover{transform:scale(1.05)}.logo-image{height:50px;width:auto;object-fit:contain;display:block}.nav-links{display:flex;gap:1rem;align-items:center;padding:.5rem 1rem;flex:1;justify-content:center}.nav-item{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#ffffffe6;font-size:.9rem;transition:all .3s ease;padding:.4rem .8rem;border-radius:9999px;text-decoration:none;position:relative;white-space:nowrap;background:transparent;border:none;cursor:pointer;font-family:inherit}button.nav-item{background-color:transparent;border:none;font-family:inherit;cursor:pointer;color:#ffffffe6;appearance:none;-webkit-appearance:none}.nav-item:hover,button.nav-item:hover{color:#fff;background-color:#ffffff1a}.nav-item.active,button.nav-item.active{color:#d32f2f;background-color:#fff;box-shadow:0 2px 8px #0000001a}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;transform:translateY(-50%)}.login-btn{background:#fff;color:#d32f2f;padding:.5rem 1.2rem;border-radius:9999px;font-weight:600;font-size:.85rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;box-shadow:0 2px 5px #0000001a;border:none}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background-color:#f5f5f5}.mobile-menu-btn{display:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;color:#fff;padding:.5rem;transition:all .2s;position:absolute;left:0}.mobile-menu-btn:hover{background:#fff3}@media(min-width:969px){.mobile-menu-btn{display:none}}.user-menu{display:flex;align-items:center;gap:.75rem;background:#ffffff1a;padding:.2rem .4rem .2rem .8rem;border-radius:9999px;border:1px solid rgba(255,255,255,.2)}.user-name-desktop{color:#fff;font-weight:500;font-size:.85rem}.icon-btn{background:#ffffff1a;border:none;color:#ffffffe6;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{transform:scale(1.1)}.logout-link{background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:inherit;font-size:.9rem;color:#fffc;padding:.5rem 1rem}.logout-link:hover{background:#ffffff1a}.mobile-only{display:none!important}.desktop-only{display:flex!important}.mobile-submenu{display:flex;flex-direction:column;background:#0003;animation:fadeIn .2s ease}.mobile-submenu-item{display:flex;align-items:center;gap:.75rem;color:#fffc;font-size:.9rem;text-decoration:none;padding:.8rem 1rem .8rem 2.5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s}.mobile-submenu-item:hover{color:#fff;background:#ffffff1a;padding-left:2.8rem}.mobile-submenu-item.active{color:#fff;background:#ffffff26;font-weight:500;border-left:3px solid #ffffff;padding-left:2.3rem}.mobile-submenu-divider{font-size:.7rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem 1rem;font-weight:700;opacity:.7}@media(max-width:968px){.header-container{display:flex;justify-content:center;position:relative;padding:0 1rem;width:100%;max-width:100%}.logo-image{height:35px}.nav-links{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;position:absolute;left:1rem;top:50%;transform:translateY(-50%);z-index:10}.header-actions{position:absolute;right:1rem;transform:translateY(-50%);z-index:10}.nav-links.active{display:flex;position:absolute;top:100%;left:0;width:100%;background-color:#d32f2f;flex-direction:column;align-items:stretch;padding:0;box-shadow:0 10px 30px #0003;border-top:1px solid rgba(255,255,255,.1);max-height:calc(100vh - 80px);overflow-y:auto}.nav-item{width:100%;padding:.75rem 1.5rem;border-radius:0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1rem;font-size:1rem;color:#fff}.nav-item:hover{background:#ffffff1a;padding-left:1.8rem;color:#fff}.nav-item.active{background:#fff3;color:#fff;border-left:3px solid #ffffff;box-shadow:none;padding-left:1.3rem}.mobile-only{display:flex!important}.desktop-only{display:none!important}.mobile-user-greeting{background:transparent;color:#fff;font-weight:800;font-size:1.5rem;padding:1rem 1.5rem;width:100%;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;-webkit-text-fill-color:#ffffff}}.hero{display:flex;flex-direction:column;width:100%;overflow:hidden;background-color:var(--bg-dark)}.hero-main{display:flex;min-height:calc(100vh - 140px);width:100%;background-image:url(/assets/hero_bg_v7-D14l8xH7.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;justify-content:center;align-items:center}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;text-align:center;width:100%}.hero-text-container{max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-subtitle{font-size:1.1rem;color:var(--text-white);margin-bottom:.5rem;display:block;font-weight:400}.hero-title{font-size:4rem;line-height:1;font-weight:900;color:var(--text-white);margin-bottom:2rem;text-transform:uppercase;letter-spacing:-.02em}.hero-description{font-size:1.2rem;color:var(--text-white);margin-bottom:3rem;line-height:1.5;max-width:80%;font-weight:400}.hero-cta-wrapper{display:flex;flex-direction:column;align-items:center;border:none;width:100%}.cta-button{background-color:var(--primary-teal);color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 3rem;border-radius:9999px;width:auto;min-width:250px;text-transform:uppercase;box-shadow:none;transition:all .2s ease-in-out;border:none}.cta-button:hover{background-color:var(--primary-teal-hover);transform:translateY(-2px)}.cta-subtext{font-size:.9rem;color:var(--text-white);text-align:center;width:100%;opacity:.9;padding-top:1.5rem}.features-section{background-color:#fcd34d;padding:3rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;justify-items:center;align-items:start}.feature-item{display:flex;align-items:center;gap:1rem;max-width:300px}.feature-icon-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:#fff;box-shadow:0 4px 6px #0000001a}.feature-icon-circle.blue{background-color:#3b82f6;color:#fff}.feature-icon-circle.gray{background-color:#9ca3af;color:#fff}.feature-icon-circle.pink{background-color:#ec4899;color:#fff}.feature-icon-circle.green{background-color:#10b981;color:#fff}.feature-text h3{font-size:1rem;font-weight:800;color:#d32f2f;margin:0 0 .25rem;text-transform:uppercase}.feature-text p{font-size:.85rem;color:#4b5563;margin:0;line-height:1.2}.promo-banner{background:linear-gradient(90deg,#4facfe,#a18cd1);width:100%;padding:1rem 0;display:flex;align-items:center;color:#fff;font-weight:700;font-size:1rem;box-shadow:0 -4px 6px #0000000d;overflow:hidden;white-space:nowrap}.promo-track{display:flex;align-items:center;gap:2rem;animation:marquee 40s linear infinite;padding-left:2rem}.promo-track:hover{animation-play-state:paused}.promo-item{display:flex;align-items:center;gap:.5rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.promo-divider{color:#ffffff80;font-weight:300}@media(max-width:968px){.hero-main{flex-direction:column;height:auto;min-height:auto}.hero-content{max-width:100%;padding:3rem 2rem}.hero-title{font-size:2.5rem}.features-section{grid-template-columns:1fr;justify-items:start}}@media(max-width:480px){.hero-title{font-size:2rem}.hero-content{padding:2.5rem 1.5rem}}.novedades-page-container{width:100%;background-color:#fff;padding-bottom:1rem}.novedades-list-section{padding:4rem 2rem 2rem;width:90%;max-width:1200px;margin:0 auto}.novedades-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.novedades-list-item{display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease;background-color:#d32f2f;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #b71c1c}.novedades-list-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.novedades-item-image-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;margin-bottom:0}.novedades-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.novedades-list-item:hover .novedades-item-image{transform:scale(1.05)}.novedades-item-content{display:flex;flex-direction:column;padding:1.5rem}.novedades-item-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem;line-height:1.3}.novedades-featured-label{font-size:.85rem;color:gold;font-weight:600;text-transform:uppercase;letter-spacing:.02em}@media(max-width:768px){.novedades-list-container{grid-template-columns:1fr}}.banner-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-popup-content{position:relative;width:100%;max-width:500px;background-color:transparent;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.banner-popup-close{position:absolute;top:10px;right:10px;background-color:#00000080;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s}.banner-popup-close:hover{background-color:#000c}.banner-carousel{position:relative;width:100%}.banner-image{width:100%;height:auto;display:block;border-radius:12px}.banner-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:5}.banner-nav-btn:hover{background-color:#000c}.banner-nav-prev{left:10px}.banner-nav-next{right:10px}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.banner-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff80;cursor:pointer;transition:background-color .2s}.banner-dot.active{background-color:#fff}.contact-section{background-image:url(/assets/contact-bg-JUIx2uhB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:5rem 2rem;width:100%;color:#1f2937;position:relative}.contact-section:before{content:"";position:absolute;inset:0;background:#ffffff1a;z-index:1;pointer-events:none}.contact-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-title{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:#111827}.text-white{color:#111827}.text-blue{color:#006fee}.contact-description{font-size:1rem;color:#4b5563;margin-bottom:3rem;line-height:1.6;max-width:90%;font-weight:500}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.method-item{display:flex;align-items:center;gap:1rem}.method-icon{width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#006fee;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.method-text h3{font-size:.85rem;font-weight:700;margin:0 0 .1rem;color:#4b5563;text-transform:uppercase;letter-spacing:.05em}.method-text p{font-size:1rem;color:#111827;font-weight:600;margin:0}.contact-form-wrapper{background-color:#ffffffe6;padding:2.5rem;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:1px solid #0d9488;border-radius:8px;font-size:.95rem;background-color:#d8e5e1;color:#1f2937;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#006fee;background-color:#fff;box-shadow:0 0 0 3px #006fee1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.submit-button{background-color:#006fee;color:#fff;font-weight:700;padding:1rem;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s;margin-top:.5rem;font-size:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-button:hover{background-color:#005bc4;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media(max-width:968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-info{text-align:center;align-items:center}.contact-methods{align-items:center;width:100%}.method-item{justify-content:center;text-align:left;width:100%;max-width:300px}.contact-title{font-size:2.5rem}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:1.5rem}.contact-section{padding:3rem 1.5rem}}.news-detail-page{min-height:100vh;background-color:var(--bg-dark);padding:2rem;color:var(--text-white)}.news-detail-container{max-width:1200px;margin:0 auto}.back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#00f;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:2rem;transition:transform .2s}.back-button:hover{text-decoration:underline}.news-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background-color:var(--bg-card);border-radius:1rem;padding:2rem;border:1px solid rgba(255,255,255,.05)}.news-media-section{display:flex;flex-direction:column;gap:1rem}.main-image-container{width:100%;border-radius:.5rem;background-color:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.main-image{width:100%;height:100%;object-fit:contain}.thumbnails-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}@media(max-width:500px){.thumbnails-container{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;width:322px}}.thumbnail-item{width:80px;height:80px;flex-shrink:0;border-radius:.5rem;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s}.thumbnail-item.active{border-color:var(--primary-teal);transform:scale(1.05)}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.news-info-section{display:flex;flex-direction:column}.news-header{margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.news-date{display:flex;align-items:center;gap:.5rem;color:var(--primary-teal);font-weight:600;margin-bottom:.5rem}.news-title{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--text-white)}.news-body{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:3rem;white-space:pre-wrap}.news-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.vote-buttons{display:flex;gap:1rem}.vote-btn{display:flex;align-items:center;gap:.5rem;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-white);padding:.5rem 1rem;border-radius:2rem;cursor:pointer;transition:all .2s}.vote-btn:hover:not(:disabled){background-color:#ffffff1a}.vote-btn.active{background-color:var(--primary-teal);border-color:var(--primary-teal);color:#fff}.vote-btn:disabled{opacity:.7;cursor:default}.share-container{position:relative}.share-btn-main{display:flex;align-items:center;gap:.5rem;background-color:transparent;border:1px solid var(--primary-teal);color:var(--primary-teal);padding:.5rem 1.5rem;border-radius:2rem;cursor:pointer;font-weight:600;transition:all .2s}.share-btn-main:hover{background-color:var(--primary-teal);color:#fff}.share-menu{position:absolute;bottom:100%;right:0;background-color:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-width:150px;margin-bottom:.5rem;box-shadow:0 10px 25px #00000080;z-index:10}.share-option{background:none;border:none;color:var(--text-white);padding:.5rem;text-align:left;cursor:pointer;border-radius:.25rem;transition:background .2s}.share-option:hover{background-color:#ffffff1a}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-dark);color:#fff;font-size:1.5rem}@media(max-width:968px){.news-detail-content{grid-template-columns:1fr;gap:2rem}.news-title{font-size:2rem}}@media(max-width:480px){.news-detail-page,.news-detail-content{padding:1rem}.news-actions{flex-direction:column;gap:1rem;align-items:stretch}.vote-buttons{justify-content:center}.share-btn-main{justify-content:center;width:100%}.share-menu{right:50%;transform:translate(50%);width:100%}}.search-tournament-container{max-width:1400px;margin:0 auto;background-color:#f3f4f6;min-height:100vh}.search-tournament-bodyChild{margin:0 auto;padding:1.5rem!important}.search-layout{display:flex;gap:2rem;position:relative;padding:1.5rem}.filters-sidebar{width:280px;flex-shrink:0;background-color:#090883;border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.1rem;color:var(--text-white);margin:0}.close-sidebar{display:none;background:none;border:none;color:var(--text-gray);cursor:pointer}.filter-section{margin-bottom:1.5rem}.filter-section h3.filter-header{font-size:.85rem;color:var(--text-gray);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.filter-section h3.filter-header:hover{color:var(--text-white)}.chevron{transition:transform .3s ease}.chevron.collapsed{transform:rotate(-90deg)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--text-gray);pointer-events:none}.search-input{width:100%;padding:.5rem .8rem .5rem 2.2rem;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-white);font-size:.9rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-teal);background-color:#ffffff1a}.filter-options{display:flex;flex-direction:column;gap:.5rem}.filter-option{padding:.4rem .8rem;border-radius:.5rem;border:1px solid transparent;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:all .2s;font-size:.9rem}.filter-option:hover{background:#ffffff0d;color:var(--text-white)}.filter-option.active{background:#14b8a61a;color:#fff;border-color:#14b8a64d;font-weight:600}.filter-select{width:100%;padding:.6rem;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-white);font-size:.9rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-teal)}.clear-filters-btn{width:100%;padding:.75rem;background:transparent;border:1px dashed var(--border-color);color:var(--text-gray);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem;margin-top:1rem}.clear-filters-btn:hover{border-color:var(--text-gray);color:var(--text-white)}.results-content{flex-grow:1}.results-count{color:#0a7385;margin-bottom:1rem;font-size:.9rem}.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.mobile-filter-toggle{display:none;align-items:center;gap:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#00f;padding:.4rem .8rem;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.mobile-filter-toggle:hover{background-color:#fff3;border-color:#00f;color:#00f}@media(max-width:1024px){.search-layout{flex-direction:column;padding:1.5rem}.mobile-filter-toggle{display:flex}.mobile-filter-toggle~.appbar-icon{display:none}.filters-sidebar{position:fixed;top:0;left:-100%;width:85%;max-width:320px;height:100vh;z-index:1000;border-radius:0;border-right:1px solid var(--border-color);transition:left .3s ease-in-out;overflow-y:auto;box-shadow:5px 0 15px #00000080}.filters-sidebar.open{left:0}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;animation:fadeIn .3s ease-out}.close-sidebar{display:block}}.tournament-card{background-color:var(--bg-card);border-radius:1rem;overflow:hidden;border:1px solid var(--border-color);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.tournament-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:var(--primary-teal)}.card-image-container{position:relative;height:180px;cursor:pointer}.card-image{flex-wrap:wrap;justify-content:flex-end}.card-badge{background-color:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;font-weight:700;border:1px solid transparent}.modality-badge,.participants-badge{border-color:var(--primary-teal);color:var(--primary-teal)}.status-finalizado{background-color:#1e293be6;border-color:#475569;color:#cbd5e1}.status-pendiente{background-color:#eab30833;border-color:#ca8a04;color:#facc15}.status-cancelado{background-color:#ef444433;border-color:#b91c1c;color:#fca5a5}.card-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.card-title{color:var(--text-white);font-size:1.1rem;margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.card-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.6rem}.view-detail-btn{width:100%;padding:.6rem;background-color:transparent;border:1px solid var(--primary-teal);color:#fff;border-radius:.5rem;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-size:.9rem}.view-detail-btn:hover{background-color:var(--primary-teal);color:var(--bg-dark)}.loading-container,.no-results{text-align:center;padding:3rem;color:var(--text-gray);font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-view{animation:fadeIn .3s ease-out;max-width:1000px}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-gray);font-size:.875rem;cursor:pointer;margin-bottom:1.5rem;transition:color .2s}.back-btn:hover{color:var(--primary-teal)}.detail-header{padding-bottom:1.5rem}.detail-title{font-size:1.75rem;color:var(--text-white);margin-bottom:.75rem}.detail-meta{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:flex-end}.meta-item{display:flex;align-items:center;gap:.5rem;color:#05554e;font-size:.9rem}.detail-section{margin-bottom:1rem}.detail-section h3{display:flex;align-items:center;gap:.5rem;color:var(--text-white);font-size:1.1rem;margin-bottom:.75rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.detail-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.detail-card h3{display:flex;align-items:center;gap:.5rem;color:var(--text-white);font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.participant-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);padding:.5rem;background:#ffffff08;border-radius:.5rem;font-size:.9rem;margin-bottom:.5rem}.standings-container{display:flex;flex-direction:column;gap:2rem}.group-standings{background-color:#1e293b;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.pagination-btn{padding:.5rem 1rem;background-color:transparent;border:1px solid var(--border-color);color:var(--text-white);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem}.pagination-btn:hover:not(:disabled){border-color:var(--primary-teal);color:var(--primary-teal);background-color:#14b8a61a}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;border-color:transparent}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);color:var(--text-gray);border-radius:.5rem;cursor:pointer;transition:all .2s;font-size:.9rem}.pagination-number:hover{color:var(--text-white);border-color:var(--text-gray)}.pagination-number.active{background-color:var(--primary-teal);color:var(--bg-dark);border-color:var(--primary-teal);font-weight:700}.tournament-bracket{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.bracket-title{display:flex;align-items:center;gap:.5rem;color:var(--primary-teal);margin-bottom:1.5rem;font-size:1.2rem}.rounds-container{display:flex;gap:2rem;overflow-x:auto;padding-bottom:1rem}@media(max-width:500px){.rounds-container{max-width:290px}}.round-column{min-width:200px;display:flex;flex-direction:column;gap:.5rem}.round-header{text-align:center;color:#aaa;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.matches-list{display:flex;flex-direction:column;gap:1.5rem;justify-content:space-around;flex-grow:1}.bracket-match-card{background-color:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.match-player{padding:.3rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:default;transition:background-color .2s}.match-player.selectable:hover{background-color:#ffffff1a;cursor:pointer}.match-player.winner{background-color:#14b8a633;color:var(--primary-teal);font-weight:700}.winner-icon{color:var(--primary-teal);margin-left:auto}.drag-handle{width:20px;height:20px;background-size:cover;cursor:grab;flex-shrink:0}.drag-handle:hover{border-color:var(--primary-teal)}.drag-handle:active{cursor:grabbing}.match-vs{text-align:center;font-size:.7rem;color:#666;background-color:#0003;padding:4px 0}.bracket-actions{margin-top:2rem;display:flex;justify-content:center}.generate-round-btn{background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.generate-round-btn:hover{background-color:var(--primary-teal-hover)}.generate-round-btn:disabled{opacity:.7;cursor:not-allowed}.add-versus-container{margin-top:1rem;padding:.5rem;border:1px dashed rgb(255 242 28);border-radius:8px;text-align:center}.add-versus-trigger{background:none;border:none;color:var(--primary-teal);cursor:pointer;font-size:.9rem;padding:.5rem;width:100%}.add-versus-trigger:hover{text-decoration:underline}.add-versus-form{display:flex;flex-direction:column}.bracket-input{border:1px solid rgba(255,255,255,.2);color:#68707f;padding:.3rem;margin:4px;border-radius:4px;font-size:.9rem}.vs-separator{font-size:.8rem;color:#dfda00}.add-versus-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.confirm-add-btn,.cancel-add-btn{padding:.25rem .75rem;border-radius:4px;border:none;cursor:pointer;font-size:.8rem}.confirm-add-btn{background-color:var(--primary-teal);color:#fff}.cancel-add-btn{background-color:#ffffff1a;color:#fff}.champion-display{margin-top:2rem;text-align:center;background:linear-gradient(145deg,#14b8a61a,#0003);padding:2rem;border-radius:12px;border:1px solid var(--primary-teal);animation:fadeIn .5s ease-out}.champion-trophy{color:#fbbf24;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.champion-info{display:flex;flex-direction:column;gap:.5rem}.champion-label{color:#aaa;font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.champion-name{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tournaments-container{padding:1rem;max-width:1400px;margin:0 auto;background-color:transparent;min-height:calc(100vh - 80px)}.tournaments-description{color:#6b7280;margin-bottom:2rem}.tournaments-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background-color:#fff;border-radius:.75rem;width:100%;box-shadow:0 1px 3px #0000001a}.tab-button{background:transparent;border:none;color:#6b7280;font-size:1rem;font-weight:600;padding:.75rem 1rem;cursor:pointer;transition:all .2s;border-radius:.5rem;flex:1;text-align:center}.tab-button:hover{color:#111827!important;background-color:#f3f4f6}.tab-button.active{color:#fff;background-color:#07605742;box-shadow:0 2px 4px -1px #0d948833}.tournaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.tournament-card{background-color:#0b404f;border-radius:1rem;overflow:hidden;border:1px solid #155d72;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px -1px #0000001a}.tournament-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#0d9488}.card-image{width:100%;height:100%;object-fit:cover}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:none;padding:.5rem;display:flex;align-items:flex-end}.ribbon-today{position:absolute;top:12px;right:-28px;background-color:#ef4444;color:#fff;padding:2px 40px;transform:rotate(45deg);font-weight:800;font-size:1rem;z-index:100;box-shadow:0 2px 4px #0000004d;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;border:1px solid rgba(255,255,255,.2);width:115px}.badges-container{display:flex;gap:.5rem;flex-wrap:wrap}.card-badge{background-color:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;font-weight:600;border:1px solid rgba(255,255,255,.1)}.status-pendiente{background-color:#f59e0be6}.status-en-curso{background-color:#10b981e6}.status-finalizado{background-color:#4b5563e6}.status-cancelado{background-color:#ef4444e6}.card-content{padding:1rem}.card-title{color:#fff;font-size:1.25rem;margin-bottom:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.tournament-card-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;align-items:center}.detail-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:500}.view-detail-btn{width:100%;padding:.75rem;background-color:transparent;border:1px solid #0d9488;color:#fff;border-radius:.75rem;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.view-detail-btn:hover{background-color:#0d9488;color:#fff;box-shadow:0 4px 6px -1px #0d948833}.no-data{grid-column:1 / -1;text-align:center;padding:4rem;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-text{color:#6b7280;text-align:center;grid-column:1 / -1}.detail-view{animation:fadeIn .3s ease-out;padding:1.5rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.detail-header{padding-bottom:1rem}.detail-title{font-size:2rem;color:#111827;margin-bottom:1rem}.detail-meta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:normal}.meta-item{display:flex;align-items:center;gap:.5rem;color:#05554e;font-size:.95rem;font-weight:500}.banner-card{border-color:#99f6e4;background-color:#f0fdfa;display:flex;justify-content:center;align-items:center}.detail-content{display:grid;grid-template-columns:1fr}.detail-section h3{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem;margin-bottom:1rem}.detail-section p{color:#4b5563;line-height:1.8;font-size:.95rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;align-items:start}.detail-card{background:#f9fafb;padding:1.5rem;border-radius:1rem;border:1px solid #e5e7eb;color:#1f2937}.detail-card .detail-item{color:#1f2937}.detail-card h3{display:flex;align-items:center;gap:.5rem;color:#111827;font-size:1.1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.participants-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.participant-item{display:flex;align-items:center;gap:.5rem;color:#374151;padding:.5rem;background:#fff;border-radius:.5rem;font-size:.9rem;border:1px solid #e5e7eb}.management-card{border-color:#fcd34d;background-color:#fffbeb}.management-actions{display:flex;flex-direction:column;gap:0rem}.cancel-toggle-container{background-color:#fff;padding:.6rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid #e5e7eb}.toggle-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toggle-text{color:#5d4949;font-weight:500}.custom-toggle{width:50px;height:26px;background-color:#d1d5db;border-radius:13px;position:relative;transition:background-color .2s}.action-btn{width:100%;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s;color:#fff}.action-btn:hover{opacity:.9}.generate-bracket-container{text-align:center;padding:3rem;background-color:#f9fafb;border-radius:1rem;border:2px dashed #e5e7eb;width:100%;grid-column:1 / -1}.generate-round-btn{background-color:#0d9488;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;transition:transform .2s;box-shadow:0 4px 6px -1px #0d948833}.generate-round-btn:hover{transform:translateY(-2px);background-color:#0f766e}.schedule-section h3{color:#111827;font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.collapsible-header{background-color:#0e63eee8;padding:1rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;margin-bottom:1rem}.collapsible-header:hover{background-color:#0e63eee8;border-color:#0d9488}.collapsible-header h3{margin:0!important;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;color:#111827}.leagues-container{padding:1rem;max-width:1280px;margin:0 auto;background-color:var(--bg-dark);min-height:100vh}.leagues-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.league-card{background-color:#0b404f;border-radius:1rem;overflow:hidden;border:1px solid #155d72;transition:all .3s ease;display:flex;flex-direction:column}.league-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-teal)}.tab-button{background:none;border:none;color:var(--text-gray);font-size:1.125rem;font-weight:600;padding:.5rem 1.5rem;cursor:pointer;transition:all .3s ease;border-radius:.5rem;width:100%}.tab-button:hover{color:var(--text-white);background-color:#ffffff0d}.tab-button.active{color:var(--primary-teal);background-color:#07605742}.card-image-container{position:relative;height:150px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;gap:.5rem;flex-wrap:wrap}.card-badge{background-color:#000000b3;color:var(--primary-teal);padding:.25rem .5rem;border-radius:9999px;font-size:.9rem;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--primary-teal)}.card-badge.status-cancelado{border-color:#ef4444;color:#ef4444}.card-badge.status-finalizado{border-color:#6b7280;color:#9ca3af}.card-badge.status-en-curso{border-color:#10b981;color:#10b981;animation:pulse 2s infinite}.card-badge.status-pendiente{border-color:#f59e0b;color:#f59e0b}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.card-content{padding:1rem;flex:1;display:flex;flex-direction:column}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-white);margin-bottom:.6rem;line-height:1.4}.card-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;flex:1}.detail-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem}.view-detail-btn{width:100%;padding:.6rem;background-color:transparent;border:1px solid var(--primary-teal);color:#fff;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.view-detail-btn:hover{background-color:var(--primary-teal);color:#fff}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-gray);gap:1rem;text-align:center;grid-column:1 / -1}.loading-text{text-align:center;color:var(--text-gray);grid-column:1 / -1}.event-detail-modal h2{color:var(--primary-teal);margin-bottom:1.5rem;font-size:1.75rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.modal-section h3{color:var(--text-white);font-size:1.1rem;margin-bottom:.5rem}.modal-section p{color:var(--text-gray);line-height:1.6}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background-color:#ffffff08;padding:1rem;border-radius:.75rem}.modal-item{display:flex;flex-direction:column;gap:.25rem}.modal-item .label{font-size:.8rem;color:var(--text-gray);text-transform:uppercase}.modal-item .value{color:var(--text-white);font-weight:600}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:700}.status-badge.published{background-color:#14b8a633;color:var(--primary-teal)}.status-badge.draft{background-color:#ffffff1a;color:var(--text-gray)}.modal-actions-section{display:flex;flex-direction:column;gap:0rem}.cancel-toggle-container{display:flex;justify-content:flex-end}.toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.toggle-text{color:#5d4949;font-weight:600}.custom-toggle{width:50px;height:26px;background-color:var(--border-color);border-radius:13px;position:relative;transition:background-color .3s ease}.custom-toggle.active{background-color:#ef4444}.toggle-handle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.custom-toggle.active .toggle-handle{transform:translate(24px)}.save-changes-btn{background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;align-self:flex-end;width:100%}.save-changes-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px)}.cancellation-notice{margin-top:1rem;padding:1rem;background-color:#ef44441a;border:1px solid #ef4444;border-radius:.5rem;color:#ef4444;display:flex;align-items:center;gap:.75rem;font-weight:600}@media(max-width:640px){.leagues-grid,.modal-grid{grid-template-columns:1fr}}.groups-distribution-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);width:100%;grid-column:1 / -1}.groups-distribution-section h3{color:#0a1281;font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.dnd-container{display:flex;flex-direction:column;gap:2rem}.unassigned-area{background-color:#ffffff08;padding:1rem;border-radius:.75rem;border:1px dashed var(--border-color)}.unassigned-area h4,.group-column h4{color:#022c75;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;font-weight:600}.participants-pool{display:flex;flex-wrap:wrap;gap:.5rem;min-height:60px}.groups-grid-dnd{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.group-column{background-color:#fff;border:1px solid var(--border-color);border-radius:.75rem;padding:1rem;min-height:200px;display:flex;flex-direction:column}.group-drop-zone{flex:1;display:flex;flex-direction:column;gap:.5rem;min-height:100px}.participant-draggable{background-color:#06267b;border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:.5rem;color:var(--text-white);font-size:.9rem;cursor:grab;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.participant-draggable:hover{border-color:var(--primary-teal);transform:translateY(-2px)}.participant-draggable:active{cursor:grabbing}.participant-draggable.dragging{opacity:.5}.save-groups-btn{background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;align-self:flex-end;transition:all .2s ease}.save-groups-btn:hover{background-color:var(--primary-teal-hover)}.save-groups-btn:disabled{opacity:.7;cursor:not-allowed}.dnd-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.randomize-btn{background-color:#6366f1;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.randomize-btn:hover{background-color:#4f46e5}.schedule-section{margin-top:0rem;width:100%;grid-column:1 / -1}.schedule-section h3{color:var(--text-white);font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.schedule-container{display:flex;flex-direction:column;gap:2rem}.group-schedule{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.group-schedule h4{color:var(--primary-teal);font-size:1.1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.round-container{margin-bottom:1.5rem}.round-container h5{color:var(--text-gray);font-size:.9rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.matches-list{display:flex;flex-direction:column;gap:.75rem}.match-card{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;overflow-x:auto}.match-participants{display:flex;align-items:center;gap:1rem;flex:1}.match-participant{flex:1;font-size:.9rem;color:var(--text-white);text-align:center}.match-vs{font-weight:700;color:var(--text-gray);font-size:.8rem}.match-result{display:flex;align-items:center;gap:.5rem}.score-input{width:48px;padding:.25rem;border-radius:.25rem;border:1px solid var(--border-color);background-color:#333;color:#fff;text-align:center;font-weight:700}.score-input:focus{border-color:var(--primary-teal);outline:none}.save-result-btn{background-color:transparent;border:1px solid var(--primary-teal);color:var(--primary-teal);padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.save-result-btn:hover{background-color:var(--primary-teal);color:#fff}.generate-schedule-btn{background-color:#8b5cf6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;width:100%;justify-content:center;margin-top:1rem;transition:all .2s ease}.generate-schedule-btn:hover{background-color:#7c3aed}.round-switch{position:relative;display:inline-block;width:40px;height:20px}.round-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#1e293b;transition:.4s;border:1px solid #475569}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-teal);border-color:var(--primary-teal)}.standings-section{margin-top:2rem}.group-standings{margin-bottom:2rem;background-color:#1e293b;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.final-phase-section{margin-top:2rem;background-color:#1e293b;border-radius:.5rem;padding:1.5rem;border:1px solid #334155;grid-column:1 / -1}content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; transition: .4s; } input:checked+.slider{background-color:var(--primary-teal);border-color:var(--primary-teal)}input:focus+.slider{box-shadow:0 0 1px var(--primary-teal)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.round-header h5{color:var(--primary-teal);margin:0;font-size:1rem;text-transform:none;letter-spacing:normal}.standings-section{margin-top:2rem;border-radius:.5rem;grid-column:1 / -1}.schedule-content-wrapper{overflow:hidden;transition:all .3s ease-in-out}@media(max-width:768px){.schedule-content-wrapper{padding:0rem 0rem .7rem;border:0}}.group-standings{margin-bottom:2rem}.group-standings h4{color:var(--primary-teal);margin-bottom:1rem;font-size:1.1rem}.standings-table th,.standings-table td{padding:.75rem;text-align:center;border-bottom:1px solid #334155}.standings-table th{background-color:#0f172a;color:#94a3b8;font-weight:600;text-transform:uppercase;font-size:.8rem}.standings-table td{color:#e2e8f0}.standings-table tr:last-child td{border-bottom:none}.points-cell{font-weight:700;color:var(--primary-teal)!important}.finals-actions{display:flex;justify-content:flex-end;margin-top:1rem}.generate-finals-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-finals-btn:hover{background-color:#0d9488}.final-phase-section{margin-top:2rem;background-color:#1e293b;border-radius:.5rem;padding:1.5rem;border:1px solid #334155}.group-header-edit h4{display:flex;align-items:center;justify-content:space-between;width:100%}.edit-group-btn{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.edit-group-btn:hover{color:var(--primary-teal);background-color:#ffffff1a}.group-edit-controls{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem}.group-name-input{flex:1;background-color:#fff;border:1px solid var(--primary-teal);color:#0f0873;padding:.25rem .5rem;border-radius:4px;font-size:.9rem}.save-group-name-btn,.cancel-group-name-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.save-group-name-btn{color:var(--primary-teal)}.save-group-name-btn:hover{background-color:#14b8a633}.cancel-group-name-btn{color:#ef4444}.cancel-group-name-btn:hover{background-color:#ef444433}.cancellation-notice{margin-top:1rem;padding:1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;display:flex;align-items:center;gap:.5rem}.collapsible-header{background-color:#0e63eee8;padding:1rem;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;margin-bottom:1rem}.collapsible-header:hover{background-color:#0e63eee8;border-color:var(--primary-teal)}.collapsible-header h3{margin:0!important;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.schedule-content-wrapper{overflow:hidden;transition:all .3s ease-in-out;opacity:1}.schedule-content-wrapper.collapsed{opacity:0;max-height:0}.standings-table{width:100%;border-collapse:collapse;font-size:.9rem}.card-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header-actions h3{margin-bottom:0}.add-btn-small{background-color:var(--primary-teal);color:#fff;border:none;padding:.4rem .8rem;border-radius:.4rem;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.add-btn-small:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px)}.add-reunion-form{display:flex;gap:.5rem;margin-bottom:1rem;background-color:#ffffff0d;padding:.75rem;border-radius:.5rem;align-items:center;flex-wrap:wrap}.add-reunion-form input{background-color:#fff;border:1px solid var(--border-color);color:#3c065d;padding:.3rem;border-radius:.25rem;min-width:0;font-size:15px}.add-reunion-form input[type=date]{flex:2}.add-reunion-form input[type=number]{flex:1}.add-reunion-form button{background-color:transparent;border:1px solid #d32f2f;color:#d32f2f;width:32px;height:32px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.add-reunion-form button:hover{background-color:#d32f2f;color:var(--text-white)}.add-reunion-form button:first-of-type{border-color:var(--primary-teal);color:var(--primary-teal)}.add-reunion-form button:first-of-type:hover{background-color:var(--primary-teal);color:#fff}.reuniones-grid{display:flex;flex-direction:column;gap:.5rem}.reuniones-header{display:grid;grid-template-columns:2fr 1fr 1fr;padding:.5rem 1rem;color:var(--text-gray);font-size:.9rem;font-weight:600;border-bottom:1px solid #c0cee5}.reunion-item{display:grid;grid-template-columns:2fr 1fr 1fr;padding:.75rem 1rem;align-items:center;background-color:#ffffff05;transition:background-color .2s ease}color: var(--text-gray); font-size: .9rem; font-weight: 600; border-bottom: 1px solid var(--border-color); } .reunion-item{display:grid;grid-template-columns:2fr 1fr 1fr;padding:.75rem 1rem;align-items:center;background-color:#ffffff05;transition:background-color .2s ease}.reunion-item span{color:var(--text-white);font-size:.95rem}.icon-btn.delete-btn{color:#ef4444}.icon-btn.delete-btn:hover{background-color:#ef44441a}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.event-detail-modal{background-color:#1e293b;border-radius:1rem;width:90%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid #334155;overflow:hidden}.modal-header{padding:1.5rem;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;background-color:#0f172a}.modal-header h2{margin:0;font-size:1.25rem;color:var(--primary-teal)}.close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.close-btn:hover{background-color:#ffffff1a;color:#fff}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.attendance-list{display:flex;flex-direction:column;gap:.75rem;height:300px;overflow-y:auto}overflow-y: auto; display: flex; flex-direction: column; gap: 1.5rem; } .attendance-list{display:flex;flex-direction:column;gap:.75rem;height:300px;overflow-y:auto}.attendance-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#0f172a;border-radius:.75rem;border:1px solid #334155;transition:all .2s}.attendance-item:hover{border-color:var(--primary-teal);transform:translateY(-1px)}.attendance-item span{color:var(--text-white);font-weight:500;font-size:1rem}.attendance-item .status-badge{font-size:.85rem;padding:.25rem .75rem;border-radius:999px}.attendance-item .status-badge.published{background-color:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.attendance-item .status-badge.draft{background-color:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.save-changes-btn{width:100%;padding:1rem;background-color:var(--primary-teal);color:#0f172a;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:auto}.save-changes-btn:hover{background-color:#0d9488;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0003}.save-changes-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.attendance-list{gap:0!important}.attendance-item{padding:.75rem .5rem!important;background-color:transparent!important;border-radius:0!important;border:none!important;border-bottom:1px solid #334155!important}.attendance-item:last-child{border-bottom:none!important}.attendance-item:hover{background-color:#ffffff05!important;border-color:transparent!important;transform:none!important}.modal-content{background-color:#1e293b;border-radius:1rem;width:90%;max-width:400px;padding:1.5rem;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;gap:1.5rem}.modal-content h3{color:var(--primary-teal);font-size:1.25rem;margin:0;border-bottom:1px solid #334155;padding-bottom:1rem}.modal-content p{color:var(--text-gray);font-size:.95rem;margin:0}.modal-content strong{color:var(--text-white)}.form-group label{color:var(--text-gray);font-size:.9rem;font-weight:600}.modal-input{background-color:#0f172a;border:1px solid #334155;color:var(--text-white);padding:.75rem;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.modal-input:focus{outline:none;border-color:var(--primary-teal)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:.5rem}.cancel-btn{background-color:transparent;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#ef44441a}.confirm-btn{background-color:var(--primary-teal);border:none;color:#0f172a;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:hover{background-color:#0d9488}.confirm-btn:disabled{opacity:.5;cursor:not-allowed}.detail-top-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.detail-top-grid{grid-template-columns:1fr}}.reuniones-header{display:grid;grid-template-columns:1fr 1fr 1fr;padding:1rem;background-color:#514bbf7d;border-radius:.5rem .5rem 0 0;font-weight:600;color:#1f2937;margin-top:1rem}.reunion-item{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.5rem;border-bottom:1px solid #bebec7;align-items:center;color:#374151;background-color:#514bbf}.reunion-item:last-child{border-bottom:none;border-radius:0 0 .5rem .5rem}.reunion-actions{display:flex;gap:.5rem;justify-content:flex-end}.reuniones-grid{display:flex;flex-direction:column;gap:0}.league-input{width:100%;padding:.5rem;border-radius:4px;border:1px solid #444;background:#222;color:#fff;transition:border-color .2s ease}.league-input:focus{outline:none;border-color:var(--primary-teal)}.league-input:read-only{color:#aaa;cursor:not-allowed}.match-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;align-items:end;gap:.5rem}@media(max-width:640px){.match-form-grid{grid-template-columns:1fr;align-items:stretch}.match-form-grid button{margin-top:.5rem;width:100%}}.appbar{position:sticky;top:0;height:61px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:0 8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);z-index:100;margin-bottom:0rem;border-radius:0;color:#00f}.appbar:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:linear-gradient(90deg,transparent,rgba(34,193,195,.6),transparent)}.appbar-back-btn{background:transparent;border:none;color:#00f;cursor:pointer;padding:0;width:48px;height:48px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.appbar-back-btn:hover{color:#1212a3;background:#ffffff0d}.appbar-spacer{width:48px}.appbar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.appbar-title{text-align:center;font-size:20px;font-weight:600;color:#00f;letter-spacing:.2px;margin:0;text-transform:uppercase}.appbar-date{font-size:.75rem;color:#fff9;text-transform:capitalize;line-height:1.2}.appbar-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.appbar{border-radius:0;height:56px;margin-bottom:0}}.login-page-container{display:flex;background-color:#111827;background-image:url(/assets/contact-bg-JUIx2uhB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;position:relative}.login-illustration{display:none}.login-form-container{flex:1;display:flex;align-items:center;justify-content:center;background-color:transparent;padding:2rem;position:relative;z-index:1}.login-form-wrapper{width:100%;max-width:400px;padding:1rem;background-color:transparent;border:none;box-shadow:none}.brand-logo{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;color:#111827;font-weight:700;font-size:1.2rem}.login-title{font-size:2rem;font-weight:800;color:#111827;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.02em}.login-subtitle{color:#4b5563;margin-bottom:2rem;font-size:.95rem;font-weight:500}.input-icon{position:absolute;left:1rem;color:#6b7280;z-index:1;transition:color .2s}.input-wrapper input{width:100%;padding:.875rem 1rem;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.75rem;color:#1f2937!important;font-size:.95rem;transition:all .2s}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f9fafb inset!important;-webkit-text-fill-color:#1f2937!important;transition:background-color 5000s ease-in-out 0s}.input-wrapper input:focus{outline:none;border-color:#0d9488;background-color:#fff;box-shadow:0 0 0 3px #0d94881a}.input-wrapper input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:#0d9488}.input-wrapper input::placeholder{color:#9ca3af}.submit-btn{width:100%;padding:.875rem;background-color:#0d9488;color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.submit-btn:hover{background-color:#0f766e;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;background-color:#4b5563}.divider-container{display:flex;align-items:center;margin:2rem 0;color:#6b7280;font-size:.9rem}.divider-container:before,.divider-container:after{content:"";flex:1;height:1px;background-color:#e5e7eb}.divider-text{padding:0 1rem}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem;background-color:#fff;border:1px solid #d1d5db;border-radius:.75rem;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.social-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.terms-text{color:#6b7280;font-size:.8rem;text-align:center;margin-bottom:2rem}.terms-text a{color:#0d9488;text-decoration:none;transition:color .2s}.terms-text a:hover{color:#0f766e;text-decoration:underline}.auth-links-bottom{text-align:center;color:#4b5563;font-size:.95rem;padding:1rem;margin-top:1rem}.auth-links-bottom a{color:#0d9488;text-decoration:none;font-weight:600;margin-left:.25rem;transition:color .2s}.auth-links-bottom a:hover{color:#0f766e;text-decoration:underline}.error-message{background-color:#fef2f2;color:#ef4444;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid #fecaca}.forgot-password-container-x{display:flex;justify-content:flex-end;margin-top:.5rem}.class-aux{margin-top:0!important}.forgot-password-link{color:#6b7280;font-size:.85rem;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#0d9488}@media(max-width:900px){.login-page-container{flex-direction:column}.login-illustration{flex:0 0 200px;padding:2rem}.illustration-content h1{font-size:2rem}.login-form-container{flex:1;border-top-left-radius:2rem;border-top-right-radius:2rem;margin-top:-2rem;z-index:10;background-color:transparent;box-shadow:none}.login-form-wrapper{box-shadow:none;background-color:transparent;border:none;padding:2rem}}.register-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);background-color:#111827;background-image:url(/assets/contact-bg-JUIx2uhB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem;position:relative}.register-inputs{padding-left:2.8rem}.createuser-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:2rem;color:#111827;text-transform:uppercase;letter-spacing:-.03em;position:relative}.createuser-title:after{content:"";display:block;width:60px;height:4px;background:#0d9488;margin:.5rem auto 0;border-radius:9999px}.register-card{background-color:transparent;padding:2rem 1rem;border-radius:1rem;box-shadow:none;width:100%;max-width:800px}.register-card h2{text-align:center;margin-bottom:2rem;color:#fff;font-size:2rem}.error-message{background-color:#ef44441a;color:#ef4444;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid rgba(239,68,68,.2)}.form-group label{display:block;margin-bottom:.5rem;color:#0ea5e9;font-size:.9rem;font-weight:600}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:#e2e8f0;border:1px solid transparent;border-radius:.5rem;color:#1f2937;font-size:1rem;transition:all .2s}.input-wrapper input:focus{outline:none;background-color:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948833}.submit-btn{width:100%;padding:.875rem;background-color:#0d9488;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px #0000001a}.submit-btn:hover{background-color:#0f766e;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-links{margin-top:2rem;text-align:center;font-size:.95rem;color:#e5e7eb}.auth-links a{color:#fff;text-decoration:none;font-weight:700;margin-left:.25rem}.auth-links a:hover{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:0}.register-container,.register-card{padding:1rem}}.forgot-password-container{justify-content:center;align-items:center;background-color:#111827;background-image:url(/assets/contact-bg-JUIx2uhB.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.forgot-password-container .forgot-password-card{background-color:transparent;padding:2.5rem;border-radius:1rem;box-shadow:none;width:100%;max-width:450px}.forgot-password-container .forgot-password-card h2{text-align:center;margin-bottom:2rem;color:#111827;font-size:1.8rem}.forgot-password-container .error-message{background-color:#ef44441a;color:#ef4444;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid rgba(239,68,68,.2)}.forgot-password-container .success-message{background-color:#10b9811a;color:#10b981;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;border:1px solid rgba(16,185,129,.2)}.forgot-password-container .form-group{margin-bottom:1.5rem}.forgot-password-container .form-group label{display:block;margin-bottom:.5rem;color:#0ea5e9;font-size:.9rem;font-weight:600}.forgot-password-container .input-wrapper{position:relative;display:flex;align-items:center}.forgot-password-container .input-icon{position:absolute;left:1rem;color:#9ca3af;z-index:1}.forgot-password-container .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background-color:#e2e8f0;border:1px solid transparent;border-radius:.5rem;color:#1f2937;font-size:1rem;transition:all .2s}.forgot-password-container .input-wrapper input:focus{outline:none;background-color:#fff;border-color:#0d9488;box-shadow:0 0 0 3px #0d948833}.forgot-password-container .submit-btn{width:100%;padding:.875rem;background-color:#0d9488;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px #0000001a}.forgot-password-container .submit-btn:hover{background-color:#0f766e;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.forgot-password-container .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.forgot-password-container .auth-links{margin-top:2rem;text-align:center;display:flex;flex-direction:column;gap:.75rem;font-size:.95rem;color:#e5e7eb}.forgot-password-container .auth-links a{color:#fff;text-decoration:none;font-weight:700}.forgot-password-container .auth-links a:hover{text-decoration:underline}.forgot-password-container .divider{height:1px;background-color:#e5e7eb33;margin:.5rem 0}.dashboard-layout{display:flex;min-height:calc(100vh - 80px);background-color:#f3f4f6}.bodyChild{padding:1.5rem}.sidebar{width:240px;background-color:#090883;border-right:1px solid #d1d5db;display:flex;flex-direction:column;padding:1rem;position:sticky;overflow-y:auto}.sidebar-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #d1d5db}.sidebar-header h2{color:#fff;font-size:1.25rem;margin:0;font-weight:800}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:.5rem;color:#fff;background:none;border:none;cursor:pointer;transition:all .2s;text-align:left;font-size:.9rem;font-weight:500}.sidebar-item:hover{background-color:#0d94881a;color:#0d9488}.sidebar-item.active{background-color:#0d9488;color:#fff;font-weight:600;box-shadow:0 4px 6px -1px #0d948833}.dashboard-content{flex:1;padding:0;overflow-y:auto;width:100%}.dashboard-overview{width:100%;padding:1.5rem;max-width:1400px;margin:0 auto}.dashboard-header-section{margin-bottom:1.5rem}.dashboard-header-section h1{font-size:1.75rem;color:#111827;margin-bottom:.25rem;font-weight:800}.dashboard-header-section p{color:#4b5563;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:1rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#0d9488}.stat-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:1.5rem;color:#111827;margin:0;line-height:1;font-weight:800}.stat-info p{color:#4b5563;font-size:.85rem;margin:.25rem 0 0;font-weight:500}.dashboard-analytics{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analytics-card{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;min-height:300px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.analytics-card h3{display:flex;align-items:center;gap:.5rem;color:#111827;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6;font-weight:700}.chart-container{min-height:200px;display:flex;align-items:center;justify-content:center}.upcoming-list{display:flex;flex-direction:column;gap:.75rem}@media(max-width:500px){.scroll-externo{overflow-y:auto;width:338px}}.upcoming-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:#312e81;border-radius:.5rem;transition:all .2s;width:100%;border:1px solid #4338ca}.upcoming-item:hover{background-color:#3730a3;border-color:#6366f1;transform:translateY(-1px)}.upcoming-date{background-color:#1e1b4b;padding:.4rem .6rem;border-radius:.4rem;text-align:center;min-width:60px;border:1px solid #312e81;box-shadow:0 1px 2px #0003}.upcoming-date .day{display:block;font-size:1.1rem;font-weight:800;color:#818cf8;line-height:1}.upcoming-date .month{display:block;font-size:.7rem;color:#a5b4fc;text-transform:uppercase;font-weight:700}.upcoming-details h4{color:#e0e7ff;margin:0 0 .2rem;font-size:.95rem;font-weight:700}.upcoming-badge{font-size:.7rem;color:#818cf8;background-color:#1e1b4b;padding:.2rem .6rem;border-radius:1rem;font-weight:600;border:1px solid #312e81}.no-data-text{color:#9ca3af;text-align:center;font-style:italic;display:flex;align-items:center;justify-content:center;min-height:150px}.sidebar-toggle-btn{height:50px;width:20px;display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:1001;background-color:#0d9488;border:none;color:#fff;padding:0;border-radius:0 8px 8px 0;cursor:pointer;align-items:center;justify-content:center;box-shadow:2px 0 8px #0000001a;transition:left .3s ease-in-out}.sidebar-toggle-btn.open{left:240px;background-color:#e5e7eb;color:#4b5563;border:1px solid #d1d5db;border-left:none}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:1024px){.dashboard-analytics{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-layout{flex-direction:column}.sidebar-toggle-btn{display:flex}.sidebar{position:fixed;top:0;left:-240px;height:100vh;z-index:1000;transition:left .3s ease-in-out;border-right:none;box-shadow:4px 0 15px #0000001a}.sidebar.open{left:0}.sidebar-overlay{display:block}.dashboard-content{padding:0}.dashboard-overview{padding:1rem}.stats-grid{grid-template-columns:1fr}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background-color:#0003}.sidebar.collapsed{width:70px;padding:1rem .5rem}.sidebar.collapsed .sidebar-header{display:flex;justify-content:center;padding-bottom:.5rem}.sidebar.collapsed .sidebar-item{justify-content:center}.sidebar.collapsed .sidebar-item span,.sidebar.collapsed .admin-section .submenu{display:none}.desktop-collapse-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.desktop-collapse-btn:hover{background-color:#ffffff1a}@media(max-width:768px){.desktop-collapse-btn{display:none}}.create-event-container{padding:1rem;max-width:1280px;margin:0 auto;background-color:var(--bg-dark);min-height:100vh}.create-event-form,.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:flex;gap:1.5rem}.form-group.half{flex:1}.input-label{font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem;margin-left:.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.input-wrapper{width:100%;border-radius:.75rem;background-color:#0003;position:relative;transition:all .2s ease;display:flex;align-items:center}.input-wrapper.textarea-wrapper{align-items:flex-start}.input-wrapper:focus-within{border-color:var(--primary-teal);box-shadow:0 0 0 1px var(--primary-teal)}.input-wrapper:focus-within+.input-label,.form-group:focus-within .input-label{color:var(--primary-teal)}.custom-input{width:100%;background:transparent;border:none}.horizontal-options{display:flex;gap:.75rem;flex-wrap:wrap}.option-chip{padding:.5rem 1rem;background-color:#ffffff1a;border:1px solid var(--primary-teal);border-radius:9999px;color:#736161;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.option-chip:hover{background-color:#ffffff26}.option-chip.selected{background-color:var(--primary-teal);color:#fff;border-color:var(--primary-teal);font-weight:600}.helper-text{font-size:.8rem;color:var(--text-gray);margin-top:.25rem;margin-left:.5rem}.switches{margin-top:1rem;justify-content:space-around;background-color:#ffffff08;padding:1.5rem;border-radius:1rem;border:1px solid var(--border-color)}.switch-group{display:flex;flex-direction:row;align-items:center;gap:1rem}.toggle-switch{width:50px;height:26px;background-color:#8196b7;border-radius:13px;position:relative;cursor:pointer;transition:background-color .3s ease}.toggle-switch.active{background-color:var(--primary-teal)}.switch-handle{width:20px;height:20px;background-color:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .3s ease}.toggle-switch.active .switch-handle{transform:translate(24px)}.submit-btn{padding:.75rem 1.5rem;background-color:var(--primary-teal);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease;box-shadow:var(--shadow-md)}.submit-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.timezone-note{font-size:.95rem;color:#b45309;background-color:#fffbeb;border:1px solid #fcd34d;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-weight:500}@media(max-width:768px){.create-event-title{font-size:2.25rem}.create-event-container{padding:1rem}.form-row{flex-direction:column;gap:1rem}.switches{flex-direction:column;gap:1rem;align-items:flex-start}}.days-selector{display:flex;gap:.5rem;flex-wrap:wrap}.day-chip{padding:.5rem .75rem;background-color:#e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;color:#1f2937;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500;min-width:40px;text-align:center}.day-chip:hover{background-color:#ffffff26}.day-chip.selected{background-color:var(--primary-teal);color:#fff;border-color:var(--primary-teal);font-weight:600}.versus-list{display:flex;flex-direction:column;gap:1rem}.versus-row{display:flex;align-items:center;gap:.5rem;background:#ff00000d;padding:0rem 0rem 0rem 1rem;border-radius:8px}.versus-label{font-weight:700;color:#b3a703;min-width:80px}.versus-separator{font-weight:900;color:#ef4444;font-size:1.2rem}.add-versus-btn{background:transparent;border:2px dashed #666;color:#aaa;width:100%;padding:1rem;border-radius:8px;margin-top:1rem;cursor:pointer;transition:all .2s;font-weight:700}.add-versus-btn:hover{border-color:#b8ac0b;color:#b8ac0b;background:#fbea010d}@media(max-width:768px){.versus-row{flex-direction:column;align-items:stretch;text-align:center;gap:0rem;padding:.5rem 1rem}.versus-separator{margin:.2rem 0}}.remove-versus-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.remove-versus-btn:hover{color:#ff6b6b}.image-upload-container{width:100%;margin-bottom:1rem}.image-upload-label:hover{border-color:var(--primary-color);background-color:#ffffff0d}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);gap:.5rem}.image-preview-wrapper{position:relative;width:100%;height:200px}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s}.news-manager-container{padding:2rem;max-width:1280px;margin:0 auto;background-color:var(--bg-dark);min-height:100vh}.news-manager-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.back-button{background:none;border:none;color:#00f;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:1rem;transition:color .3s ease;padding:0}.back-button:hover{color:#00f;text-decoration:underline}.news-manager-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:var(--text-white);text-transform:uppercase;letter-spacing:-.03em;position:relative;width:100%}.news-manager-title:after{content:"";display:block;width:80px;height:6px;background:var(--primary-teal);margin:1rem auto 0;border-radius:9999px}.news-form-card{max-width:1200px;margin:0 auto 3rem;padding:2rem;background-color:var(--bg-card);border-radius:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-title{font-size:1.25rem;margin-bottom:1.5rem;color:var(--primary-teal);font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem;margin-left:.25rem;font-weight:600;display:block}.form-input,.form-textarea{width:100%;border:2px solid var(--border-color);border-radius:.75rem;padding:.75rem;background-color:#0003;color:var(--text-white);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-teal);background-color:#0006}.form-textarea{min-height:150px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-white);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-submit{background-color:var(--primary-teal);border:none;color:var(--bg-dark);padding:.6rem 1.2rem;border-radius:.5rem;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}@media(max-width:768px){.news-item{flex-direction:column;align-items:flex-start}.news-item-image{width:100%;height:200px}.news-item-actions{width:100%;justify-content:flex-end;margin-top:1rem}.form-group{margin-bottom:1.5rem}.form-group label{font-size:.875rem;color:var(--text-gray);margin-bottom:.25rem;margin-left:.25rem;font-weight:600;display:block}.form-input,.form-textarea{width:100%;border:2px solid var(--border-color);border-radius:.75rem;padding:.75rem;background-color:#0003;color:var(--text-white);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-teal);background-color:#0006}.form-textarea{min-height:150px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-cancel{background-color:transparent;border:1px solid var(--border-color);color:var(--text-white);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:#ffffff0d}.btn-submit{background-color:var(--primary-teal);border:none;color:var(--bg-dark);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-teal-hover)}.news-list-section{margin-top:3rem}.news-list-title{font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.news-list{display:grid;gap:1.5rem}.news-item{background-color:var(--bg-card);border-radius:.75rem;padding:1.5rem;display:flex;gap:1.5rem;border:1px solid var(--border-color);align-items:center}.news-item-image{width:100px;height:100px;border-radius:.5rem;object-fit:cover}.news-item-content{flex:1}.news-item-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.news-item-date{font-size:.875rem;color:var(--text-gray);margin-bottom:.5rem;gap:.5rem}.btn-icon{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-icon:hover{background-color:#ffffff1a;color:var(--text-white)}.btn-icon.delete:hover{background-color:#ef44441a;color:#ef4444}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-white);font-weight:600}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary-teal);cursor:pointer}.featured-tag-mini{background-color:var(--primary-teal);color:var(--bg-dark);font-size:.7rem;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;font-weight:800}}.image-upload-container{width:200px;margin-bottom:1rem}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;border:1px solid var(--border-color);color:var(--text-white);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-cancel:hover{background-color:#ffffff0d}.btn-submit{background-color:var(--primary-teal);border:none;color:var(--bg-dark);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-teal-hover)}.news-list-section{margin-top:3rem}.news-list-title{font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;color:var(--primary-teal)}.news-list{display:grid;gap:1.5rem}.news-item{background-color:var(--bg-card);border-radius:.75rem;padding:1.5rem;display:flex;gap:1.5rem;border:1px solid var(--border-color);align-items:center}.news-item-image{width:100px;height:100px;border-radius:.5rem;object-fit:cover}.news-item-content{flex:1}.news-item-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.news-item-date{font-size:.875rem;color:var(--text-gray);margin-bottom:.5rem;gap:.5rem}.btn-icon{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-icon:hover{background-color:#ffffff1a;color:var(--text-white)}.btn-icon.delete:hover{background-color:#ef44441a;color:#ef4444}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-white);font-weight:600}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--primary-teal);cursor:pointer}.featured-tag-mini{background-color:var(--primary-teal);color:var(--bg-dark);font-size:.7rem;padding:.1rem .4rem;border-radius:4px;margin-left:.5rem;vertical-align:middle;font-weight:800}} .image-upload-container{width:200px;margin-bottom:1rem}.image-upload-label{display:block;width:100%;border:2px dashed var(--border-color);border-radius:.5rem;cursor:pointer;overflow:hidden;transition:all .2s;background-color:#ffffff05}.image-upload-label:hover{border-color:var(--primary-teal);background-color:#ffffff0d}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-gray);gap:.5rem}.upload-hint{font-size:.8rem;opacity:.7}.image-preview-wrapper{position:relative;width:100%;height:200px;background-color:#000}.image-preview{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;gap:.5rem}.image-preview-wrapper:hover .image-overlay{opacity:1}.additional-images-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.additional-image-preview{position:relative;width:200px;height:200px;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.additional-image-preview img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:8px;right:8px;background-color:#ef4444;color:#fff;border:2px solid white;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000004d;z-index:10}.remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}.add-more-images{width:200px;height:200px}.add-more-btn{width:100%;height:100%;border:2px dashed var(--border-color);border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--text-gray);transition:all .2s;background-color:#ffffff05;gap:.5rem}.add-more-btn:hover{border-color:var(--primary-teal);color:var(--primary-teal);background-color:#ffffff0d}.add-more-btn span{font-size:.9rem;font-weight:600}.banner-admin-container{padding:2rem;max-width:1200px;margin:0 auto}.banner-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.banner-admin-header h2{font-size:1.8rem;color:#f3f4f6;display:flex;align-items:center;gap:.75rem}.add-banner-form{padding-bottom:2rem;border-bottom:1px solid var(--primary-teal);margin-bottom:2rem}.add-banner-form h3{color:var(--primary-teal);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-group label{color:#9ca3af;font-size:.9rem;font-weight:500}.form-input{background-color:#111827;border:1px solid #374151;color:#f3f4f6;padding:.75rem;border-radius:8px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f633}.image-upload-area{border:2px dashed #374151;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background-color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:150px}.image-upload-area:hover{border-color:#3b82f6;background-color:#1f2937}.upload-preview{width:100%;max-height:200px;object-fit:contain;border-radius:4px}.banners-list{display:grid;gap:1.5rem}.banner-item{background-color:#1f2937;border-radius:12px;padding:1rem;display:flex;gap:1.5rem;align-items:center;border:1px solid #374151;transition:all .2s}.banner-item:hover{border-color:#4b5563}.banner-drag-controls{display:flex;flex-direction:column;gap:5px}.banner-drag-handle{color:#6b7280;cursor:grab;padding:.5rem}.banner-drag-handle:active{cursor:grabbing}.banner-preview{width:120px;height:80px;object-fit:cover;border-radius:6px;background-color:#111827}.banner-info{flex:1}.banner-dates{display:flex;gap:1.5rem;color:#9ca3af;font-size:.9rem;margin-top:.25rem}.date-badge{display:flex;align-items:center;gap:.4rem;background-color:#111827;padding:.25rem .75rem;border-radius:999px;border:1px solid #374151}.banner-actions{display:flex;gap:.75rem}.action-btn{padding:.5rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete{background-color:#ef44441a;color:#ef4444}.btn-delete:hover{background-color:#ef444433}.btn-toggle{background-color:#3b82f61a;color:#3b82f6}.btn-toggle:hover{background-color:#3b82f633}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500}.status-active{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-inactive{background-color:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.submit-btn:hover{background-color:#2563eb}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.banner-admin-container{padding:1rem}.banner-item{flex-direction:column;align-items:flex-start;gap:1rem;position:relative}.banner-drag-controls{flex-direction:row;position:absolute;top:1rem;right:1rem;background:#111827cc;border-radius:8px;padding:.25rem}.banner-preview{width:100%;height:160px;object-fit:cover}.banner-info{width:100%}.banner-dates{flex-direction:column;gap:.5rem}.banner-actions{width:100%;justify-content:space-between;border-top:1px solid #374151;padding-top:1rem;margin-top:.5rem}.status-badge{flex:1;text-align:center}}.search-bar{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.5rem 1rem;gap:.75rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;margin:0 auto;width:100%}.search-bar:focus-within{border-color:#0d9488;box-shadow:0 0 0 2px #0d94881a}.search-bar svg{color:#9ca3af}.search-bar input{background:transparent;border:none;color:#111827;width:100%;font-size:.95rem;outline:none}.search-bar input::placeholder{color:#9ca3af}.users-table-container{overflow-x:auto;background:#fff;border-radius:.75rem;padding:0;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.users-table{width:100%;border-collapse:collapse;color:#111827}.users-table th{padding:1rem;text-align:left;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#374151;font-size:.95rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background-color:#f9fafb}.user-info-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{background:#f3f4f6;padding:.5rem;border-radius:50%;color:#4b5563;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#111827}.user-email{font-size:.85rem;color:#6b7280}.toggle-btn{position:relative;width:44px;height:24px;border-radius:12px;border:none;cursor:pointer;transition:background .3s;padding:0}.toggle-btn:disabled{cursor:not-allowed;opacity:.6}.toggle-btn.active{background:#0d9488}.toggle-btn.inactive{background:#e5e7eb}.toggle-handle{position:absolute;top:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.toggle-btn.active .toggle-handle{left:22px}.toggle-btn.inactive .toggle-handle{left:2px}.header-actionsUser{position:relative;display:flex;justify-content:center;margin-bottom:1rem}.loading-text{text-align:center;padding:2rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.event-detail-modal{background:#fff;border-radius:.75rem;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.form-input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.95rem;color:#111827;transition:border-color .2s}.form-input:focus{outline:none;border-color:#0d9488;box-shadow:0 0 0 3px #0d94881a}.save-changes-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#0d9488;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.save-changes-btn:hover{background-color:#0f766e}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:.375rem;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.users-table tr.selected-row td{background-color:#fad031!important}.user-profile-container{padding:1rem;max-width:1280px;margin:0 auto;background-color:var(--bg-dark);min-height:100vh}.profile-card{max-width:1200px;margin:0 auto;padding:2rem;background-color:var(--bg-card);border-radius:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.avatar-wrapper{position:relative;width:150px;height:150px;margin-bottom:1rem}.profile-avatar{width:100%;height:100%}.avatar-selection-grid{display:flex;gap:1rem;overflow-x:auto;padding:1rem;max-width:100%;width:100%;scrollbar-width:thin;scrollbar-color:#4b5563 transparent}.avatar-selection-grid::-webkit-scrollbar{height:8px}.avatar-selection-grid::-webkit-scrollbar-track{background:transparent}.avatar-selection-grid::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:20px}.avatar-option{flex-shrink:0;cursor:pointer;border:2px solid transparent;border-radius:50%;padding:2px;transition:all .2s}.avatar-option:hover{transform:scale(1.1)}.avatar-option.selected{border-color:var(--primary-teal);box-shadow:0 0 0 2px #0d948880}.upload-item{display:flex;align-items:center;justify-content:center;background-color:#ffffff0d;color:var(--primary-teal);width:60px;height:60px;min-width:60px;border:2px dashed var(--primary-teal);border-radius:50%;transition:all .2s}.upload-item:hover{background-color:#0d94881a;transform:scale(1.1)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:768px){.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0rem 1.5rem}}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;color:#0b4dc1;margin-bottom:.25rem;margin-left:.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.form-input{width:100%;border:2px solid var(--border-color);border-radius:.75rem;padding:.6rem;background-color:#0003;color:var(--text-white);font-size:1rem;transition:all .2s ease;outline:none}.form-input:focus{border-color:var(--primary-teal);box-shadow:0 0 0 1px var(--primary-teal)}.form-group:focus-within label{color:var(--primary-teal)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.save-btn{margin-top:2rem;padding:.75rem 1.5rem;background-color:var(--primary-teal);color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease;box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:.5rem}.save-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.message-toast{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:500;animation:slideIn .3s ease-out;z-index:50}.message-toast.success{background-color:#10b981}.message-toast.error{background-color:#ef4444}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mass-register-container{padding:1rem;max-width:1280px;margin:0 auto;min-height:100vh}.mass-register-content{display:flex;flex-direction:column;gap:2rem}.upload-section,.users-list-section{background-color:var(--bg-card);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.upload-section h3,.users-list-section h3{margin-bottom:1rem;color:var(--text-primary);font-size:1.25rem}.instruction-text{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.file-input-wrapper{margin-bottom:1.5rem}.file-input{display:none}.file-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--bg-dark);border:1px dashed var(--border-color);border-radius:.5rem;color:var(--text-primary);cursor:pointer;transition:all .2s}.file-label:hover{border-color:var(--primary-teal);color:var(--primary-teal)}.validation-errors{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.validation-errors h4{color:#ef4444;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1rem}.validation-errors ul{list-style-type:disc;padding-left:1.5rem;color:var(--text-secondary);font-size:.9rem}.success-message{background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;padding:1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.preview-section{display:flex;align-items:center;justify-content:space-between;background-color:#10b9810d;padding:1rem;border-radius:.5rem;border:1px solid rgba(16,185,129,.1)}.preview-info{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.confirm-btn{display:flex;align-items:center;gap:.5rem;background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.refresh-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.refresh-btn:hover{background-color:#ffffff1a;color:var(--text-white)}.table-responsive{overflow-x:auto}.mass-users-table{width:100%;border-collapse:collapse;font-size:.9rem}.mass-users-table th,.mass-users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.mass-users-table th{font-weight:600;color:var(--text-primary);background-color:#0003}.mass-users-table tr:hover td{background-color:#ffffff05}.password-cell{min-width:150px}.password-wrapper{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.toggle-pass-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center}.toggle-pass-btn:hover{color:var(--primary-teal)}.no-data{text-align:center;padding:2rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:.5rem}.action-btn{background:transparent;border:none;padding:.4rem;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn.edit{color:#3b82f6;background-color:#3b82f61a}.action-btn.edit:hover{background-color:#3b82f633}.action-btn.delete{color:#ef4444;background-color:#ef44441a}.action-btn.delete:hover{background-color:#ef444433}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#ffffff1a;color:var(--text-white)}.cancel-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#ffffff0d;color:var(--text-primary)}.save-btn{background-color:var(--primary-teal);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{background-color:var(--primary-teal-hover);transform:translateY(-1px)}.top-bar{background-color:#fff;color:#333;padding:10px 0;width:100%;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;position:relative;z-index:102}.top-bar-container{width:100%;max-width:1280px;padding:0 2rem;display:flex;align-items:center;justify-content:flex-end}.top-bar-contact{display:flex;align-items:center;max-width:100%}.top-bar-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#555;font-weight:600;font-size:.9rem;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.top-bar-link:hover{color:#000}.top-bar-icon{display:block;color:#d32f2f;flex-shrink:0}@media(max-width:768px){.top-bar-container{padding:0 1rem;justify-content:center;width:100%;box-sizing:border-box}.top-bar-link{font-size:.85rem}}.footer{background-color:#1c2630;color:var(--text-gray);padding:3rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto}.footer-container{max-width:1280px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1.2rem}.footer-logo{width:100px;height:auto;object-fit:contain;margin-bottom:.5rem}.footer-description{line-height:1.6;font-size:.95rem;color:#9ca3af}.footer-subtitle{color:var(--text-white);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.footer-link{color:var(--text-gray);text-decoration:none;transition:color .2s ease;font-size:.95rem;background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left;display:inline-block}.footer-link:hover{color:var(--primary-teal)}.footer-contact-list{display:flex;flex-direction:column;gap:1rem}.footer-contact-item{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-gray);font-size:.95rem}.footer-contact-icon{color:var(--primary-teal);flex-shrink:0;margin-top:2px}.footer-contact-text{line-height:1.5}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;text-align:center;font-size:.9rem;color:#6b7280}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2.5rem;text-align:center}.footer-section{align-items:center}.footer-logo{margin:0 auto .5rem}.footer-link{text-align:center}.footer-contact-item{justify-content:center}}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.whatsapp-float:hover{background-color:#128c7e;transform:scale(1.1)}@media(max-width:768px){.whatsapp-float{width:50px;height:50px;bottom:20px;right:20px}}.survey-float-container{position:fixed;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;right:40px;bottom:120px}.survey-float-btn{background-color:#3b82f6;color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #3b82f680;transition:transform .2s ease}.survey-float-btn:hover{transform:scale(1.1)}@media(max-width:768px){.survey-float-container{right:20px;bottom:90px}.survey-float-btn{width:50px;height:50px}}