*{margin:0;padding:0;box-sizing:border-box}:root{--electric-red: #e63946;--charcoal: #1d1d1d;--cyan-blue: #00b4d8;--white: #ffffff;--light-gray: #f5f5f5;--border-color: #e5e5e5;--dark-gray: #333333;--success-green: #28a745;--warning-orange: #fd7e14}body{font-family:"Roboto",sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:6px;text-decoration:none;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background-color:var(--electric-red);color:var(--white)}.btn-primary:hover{background-color:#d32f2f;transform:translateY(-2px)}.btn-secondary{background-color:var(--cyan-blue);color:var(--white)}.btn-secondary:hover{background-color:#0090a5;transform:translateY(-2px)}.btn-small{padding:6px 12px;font-size:.9rem;background-color:var(--cyan-blue);color:var(--white);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.btn-small:hover{background-color:#0090a5}.sidebar{position:fixed;left:0;top:0;width:280px;height:100vh;background:var(--charcoal);color:var(--white);z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:center}.logo{color:var(--electric-red);font-size:1.8rem;font-weight:700;margin:0}.sidebar-close{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}.sidebar-nav{flex:1;padding:1rem 0}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin-bottom:.5rem}.nav-link{display:block;padding:1rem 1.5rem;color:var(--white);text-decoration:none;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{background-color:var(--electric-red);color:var(--white)}.nav-link.active::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--cyan-blue)}.sidebar-footer{padding:16px}.contact-info{font-size:.9rem;color:#ccc}.contact-info p{margin-bottom:.5rem}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;background:var(--charcoal);color:var(--white);padding:1rem;z-index:1001;align-items:center;justify-content:space-between}.mobile-menu-toggle{background:none;border:none;cursor:pointer;padding:0;width:30px;height:30px;display:flex;flex-direction:column;justify-content:space-around}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--white);transition:.3s}.mobile-logo{color:var(--electric-red);font-size:1.5rem;font-weight:700;margin:0}.main-content{margin-left:280px;min-height:100vh;background-color:var(--white)}.page-title{text-align:center;color:var(--charcoal);margin-bottom:3rem;padding-top:2rem}.hero{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding:4rem 0;background:linear-gradient(135deg, #f8f9fa 0%, var(--white) 100%);margin-left:-280px;padding-left:300px;padding-right:20px}@media(min-width: 1024){.hero{grid-template-columns:1fr 1fr}}@media(min-width: 1540px){.hero{margin-left:10px;grid-template-columns:1fr 1.5fr}}.hero-content{max-width:600px}.hero-title{font-size:3rem;color:var(--charcoal);margin-bottom:1rem;font-weight:700}.hero-subtitle{font-size:1.2rem;color:var(--dark-gray);margin-bottom:2rem}.hero-stats{display:flex;gap:2rem;margin-bottom:2rem}.stat{text-align:center}.stat h3{font-size:2rem;color:var(--electric-red);margin-bottom:.5rem}.stat p{color:var(--dark-gray);margin:0}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-image img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.section-title{text-align:center;color:var(--charcoal);margin-bottom:3rem;font-weight:500}.sports-section{padding:5rem 0;background-color:var(--light-gray)}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}.sport-card{background:var(--white);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.sport-card:hover{transform:translateY(-5px)}.sport-icon{font-size:3rem;margin-bottom:1rem}.sport-card h3{color:var(--charcoal);margin-bottom:1rem}.sport-stats{display:flex;justify-content:space-around;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.sport-stats span{font-weight:500;color:var(--electric-red)}.tournament-section{padding:5rem 0}.table-container{overflow-x:auto;margin:2rem 0;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:8px}.tournament-table,.teams-table,.results-table,.cookies-table{width:100%;border-collapse:collapse;background:var(--white)}.tournament-table th,.teams-table th,.results-table th,.cookies-table th,.tournament-table td,.teams-table td,.results-table td,.cookies-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.tournament-table th,.teams-table th,.results-table th,.cookies-table th{background:var(--charcoal);color:var(--white);font-weight:500}.tournament-table tr:hover,.teams-table tr:hover,.results-table tr:hover{background-color:#f8f9fa}.tournament-table a{text-decoration:none}.status{padding:4px 8px;border-radius:4px;font-size:.9rem;font-weight:500}.status.active{background-color:var(--success-green);color:var(--white)}.status.upcoming{background-color:var(--warning-orange);color:var(--white)}.status.completed{background-color:var(--dark-gray);color:var(--white)}.score{font-weight:700;font-size:1.1rem;color:var(--electric-red)}.top-position{background-color:#fff3cd}.team-name{display:flex;align-items:center;gap:.5rem}.team-icon{font-size:1.2rem}.news-section{padding:5rem 0;background-color:var(--light-gray)}.news-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem}.news-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.news-card:hover{transform:translateY(-5px)}.news-card img{width:100%;height:200px;object-fit:cover}.news-content{padding:1.5rem}.category{display:inline-block;background-color:var(--electric-red);color:var(--white);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;margin-bottom:1rem}.news-card h3{color:var(--charcoal);margin-bottom:1rem}.news-meta{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.9rem;color:var(--dark-gray)}.read-more{color:var(--electric-red);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}.article-meta{display:flex;gap:1rem;margin-top:1rem;font-size:.9rem;color:var(--dark-gray)}.featured-news{margin-bottom:3rem}.featured-article{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}.featured-article img{width:100%;height:300px;object-fit:cover}.featured-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.featured-content h2{color:var(--charcoal);margin-bottom:1rem}.cta-section{padding:4rem 0;background:var(--charcoal);color:var(--white);text-align:center}.cta-content h2{margin-bottom:1rem}.cta-content p{font-size:1.1rem;margin-bottom:2rem}.filters{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--cyan-blue);background:rgba(0,0,0,0);color:var(--cyan-blue);border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--cyan-blue);color:var(--white)}.teams-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:4rem}.team-card{background:var(--white);border-radius:12px;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .3s ease}.team-card:hover{transform:translateY(-5px)}.team-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.team-logo{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--light-gray);border-radius:50%}.team-info h3{color:var(--charcoal);margin-bottom:.5rem}.team-info p{color:var(--dark-gray);margin:0}.team-stats{display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem;background:var(--light-gray);border-radius:8px}.team-stats .stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--electric-red)}.stat-label{font-size:.9rem;color:var(--dark-gray)}.team-colors{display:flex;gap:.5rem}.color-badge{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-color)}.top-teams-section{margin-top:4rem}.contact-info-section{margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-bottom:3rem}.contact-item{background:var(--light-gray);padding:32px 16px;border-radius:12px;text-align:center;border-top:4px solid var(--electric-red)}.contact-item h3{color:var(--charcoal);margin-bottom:1rem}.map-section{margin-bottom:4rem}.map-container{border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.1)}.forms-section{margin-bottom:3rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:3rem}.form-container{background:var(--light-gray);padding:2rem;border-radius:12px}.form-container h2{color:var(--charcoal);margin-bottom:1.5rem}.contact-form,.newsletter-form,.register-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:var(--dark-gray);margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{padding:12px;border:2px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--electric-red)}.checkbox-group{gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:.5rem}.checkbox-label input{width:auto}.faq-section{margin-bottom:3rem}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;background:var(--light-gray);transition:background-color .3s ease}.faq-question:hover{background:#e9ecef}.faq-question h4{margin:0;color:var(--charcoal)}.faq-toggle{font-size:1.5rem;color:var(--electric-red);font-weight:bold;transition:transform .3s ease}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:all .3s ease}.faq-item.active .faq-answer{padding:1.5rem;max-height:200px}.legal-content{max-width:800px;margin:0 auto;padding:2rem 0}.legal-content h1{color:var(--charcoal);text-align:center;margin-bottom:3rem}.last-updated{text-align:center;color:var(--dark-gray);font-style:italic;margin-bottom:3rem}.legal-content section{margin-bottom:2rem}.legal-content h2{color:var(--charcoal);border-bottom:2px solid var(--electric-red);padding-bottom:.5rem;margin-bottom:1rem}.legal-content h3{color:var(--electric-red);margin-top:1.5rem;margin-bottom:.5rem}.legal-content ul,.legal-content ol{margin-left:2rem;margin-bottom:1rem}.legal-content li{margin-bottom:.5rem}.legal-content a{color:var(--electric-red);text-decoration:none}.legal-content a:hover{text-decoration:underline}.cookie-settings{background:var(--white);padding:2rem;border-radius:12px;margin:2rem 0;box-shadow:0 2px 5px rgba(0,0,0,.1)}.cookie-category{margin-bottom:1rem;padding:1rem;background:var(--light-gray);border-radius:8px}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(5px)}.modal-content{background-color:var(--white);margin:5% auto;padding:2rem;border-radius:12px;width:90%;max-width:500px;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close{position:absolute;right:1rem;top:1rem;font-size:2rem;cursor:pointer;color:var(--dark-gray);transition:color .3s ease}.close:hover{color:var(--electric-red)}.modal-content h2{color:var(--charcoal);margin-bottom:1rem}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.overlay.active{display:block}.results-section{margin-top:3rem}@media(max-width: 768px){.sidebar{transform:translateX(-100%)}.sidebar.active{transform:translateX(0)}.sidebar-close{display:block}.mobile-header{display:flex}.main-content{margin-left:0;padding-top:70px}.hero{grid-template-columns:1fr;margin-left:0;padding-left:20px;text-align:center}.hero-title{font-size:2rem}.hero-stats{justify-content:center}.hero-buttons{justify-content:center}.sports-grid,.teams-grid,.news-grid{grid-template-columns:1fr}.forms-grid{grid-template-columns:1fr;gap:2rem}.contact-grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.featured-article{grid-template-columns:1fr}.featured-article img{height:200px}.filters{flex-wrap:wrap}.hero-stats{gap:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 15px}.table-container{font-size:.9rem}.tournament-table th,.teams-table th,.results-table th,.tournament-table td,.teams-table td,.results-table td{padding:.5rem}}@media(max-width: 480px){.hero-title{font-size:1.5rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:250px}.team-header{flex-direction:column;text-align:center}.team-stats{flex-direction:column;gap:1rem}.modal-content{margin:10% auto;width:95%;padding:1.5rem}.sport-stats{flex-direction:column;gap:.5rem}.news-grid{grid-template-columns:1fr}}.sport-card,.team-card,.news-card{transition:all .3s ease}.btn{transition:all .3s ease}.btn:active{transform:translateY(0)}.btn:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--electric-red);outline-offset:2px}.nav-link:focus{outline:2px solid var(--electric-red);outline-offset:2px;border-radius:4px}@media print{.sidebar,.mobile-header,.btn,.mobile-menu-toggle{display:none}.main-content{margin-left:0;padding-top:0}body{font-size:12pt;line-height:1.4}h1,h2,h3{page-break-after:avoid}}.footer{background-color:#1d1d1d;color:#fff;padding:2rem 0}@media(min-width: 1024px){.footer{margin-left:280px}}.footer .footer-content{display:flex;flex-direction:column;gap:2rem;text-align:center;border-top:1px solid #333;padding-top:2rem}.footer .footer-content .footer-section h3,.footer .footer-content .footer-section h4{text-transform:uppercase;margin-bottom:.5rem}.footer .footer-content .footer-section h3{color:var(--electric-red)}.footer .footer-content .footer-section p,.footer .footer-content .footer-section li,.footer .footer-content .footer-section a{font-size:.95rem;line-height:1.5}.footer .footer-content .footer-section a{color:var(--border-color);text-decoration:none}.footer .footer-content .footer-section a:hover{color:var(--electric-red)}.footer .footer-content .footer-section ul{list-style:none;padding:0;margin:0}.footer .footer-content .footer-section ul li{margin-bottom:.3rem}.footer .footer-bottom{border-top:1px solid #333;margin-top:2rem;padding-top:32px;text-align:center;font-size:.85rem;color:#aaa}@media(min-width: 768px){.footer .footer-content{flex-direction:row;justify-content:space-between}.footer .footer-content .footer-section{flex:1}}