:root{--font:sans-serif;--wc-primary-color:#3cac3b;--wc-secondary-color:#2a398d;--wc-terciary-color:#e61d25;--bg-color:#d1d4d1;--text-color:#111211;--shadow-color:#0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes AnimationFont{0%{color:var(--wc-primary-color)}25%{color:var(--wc-secondary-color)}50%{color:var(--wc-terciary-color)}75%{color:var(--wc-secondary-color)}to{color:var(--wc-primary-color)}}@keyframes GradientBackgroundAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes GradientLineAnimation{0%{width:220px}50%{width:300px}to{width:220px}}*{box-sizing:border-box}body{color:var(--text-color);background:var(--bg-color);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{max-width:950px;margin-left:auto;margin-right:auto;padding:1rem}.gradient-text{background:linear-gradient(90deg,var(--wc-primary-color),var(--wc-secondary-color),var(--wc-terciary-color));-webkit-text-fill-color:#0000;-webkit-background-clip:text}article{min-height:80vh}@media (max-width:768px){#groups-page .groups-list{flex-direction:column;justify-content:center!important;align-items:center!important}.news-grid{flex-direction:column;align-items:center}footer{text-align:center;flex-direction:column;gap:4px}.hide-mobile{display:none!important}}header{padding:1rem}header .header-title{justify-content:center;align-items:center;width:100%;display:flex}header .header-title a{justify-content:center;align-items:center;text-decoration:none;display:flex}header .header-title a h1{text-align:center;font-size:1.5rem}footer{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:1rem;font-weight:700;display:flex}footer hr{width:100%}footer a{color:var(--text-color);cursor:pointer;text-decoration:none;transition:all .3s}footer a:hover{text-decoration:underline}.footer-alternative{min-height:10vh;box-shadow:-10px 0px 10px var(--shadow-color)}.footer-alternative hr{display:none}.btn{color:var(--text-color);background-color:var(--bg-color);box-shadow:2px 2px 8px var(--shadow-color);border-radius:20px;padding:10px 24px;font-weight:700;text-decoration:none}.btn:hover{padding:10px 48px;transition:all .4s}#backBtn{left:1rem}#shareBtn{right:1rem}#shareBtn,#backBtn{cursor:pointer;color:var(--bg-color);border:2px solid var(--bg-color);background:0 0;border-radius:100%;justify-content:center;align-items:center;padding:8px;font-size:1.3rem;display:flex;position:fixed;top:1rem}#backBtn:hover,#shareBtn:hover{transition:all .3s;scale:1.1}.share-container{position:fixed;top:1rem;right:1rem}.share-menu{flex-direction:column;gap:.5rem;animation:.3s fadeIn;display:flex;position:absolute;top:3.2rem;right:0}.share-menu a{color:var(--bg-color);border:2px solid var(--bg-color);border-radius:100%;justify-content:center;align-items:center;padding:8px;font-size:1.3rem;transition:transform .2s,color .2s;display:flex}.share-menu a:hover{transform:scale(1.2)}.card{box-shadow:0 4px 10px var(--shadow-color);border-radius:.5rem;width:17.5rem;padding:1rem 1rem 1rem 1.3rem;transition:transform .2s,box-shadow .2s;position:relative}.card:before{content:"";background:linear-gradient(180deg,var(--wc-primary-color),var(--wc-secondary-color),var(--wc-terciary-color));border-radius:10px 0 0 10px;width:4px;height:100%;position:absolute;top:0;left:0}.card:hover{box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-3px)}.card .card-title{color:var(--text-color);font-size:1.1rem;font-weight:600;text-decoration:none}.card .card-title:hover{text-decoration:underline}.card .card-snippet{color:#222;margin-top:.4rem;font-size:.9rem;line-height:1.4}.card .card-date{color:#333;margin-top:.6rem;font-size:.75rem}#counter-hero{background:linear-gradient(270deg,var(--wc-primary-color),var(--wc-secondary-color),var(--wc-terciary-color));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:600% 600%;justify-content:center;align-items:center;min-height:90vh;animation:20s infinite GradientBackgroundAnimation;display:flex}#counter-hero .hero-container{color:var(--bg-color);text-align:center;max-width:500px;margin:20px}#counter-hero .hero-container h1{margin-top:0}#counter-hero .hero-container p{margin-bottom:25px}#counter-hero .trophy{filter:invert()}#news-container{max-width:1000px;margin:1.5rem auto;padding:1.5rem}#news-container .news-title{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}#news-container .news-grid{flex-wrap:wrap;justify-content:center;gap:1.2rem;display:flex}.animated-gradient-line{background:linear-gradient(90deg,var(--wc-primary-color),var(--wc-secondary-color),var(--wc-terciary-color));border:none;border-radius:20px;width:300px;height:6px;animation:3s ease-in-out infinite GradientLineAnimation}#world-cup-guide-menu{margin-bottom:3rem}#world-cup-guide-menu h3{text-align:center;margin-bottom:1.5rem;font-size:1.8rem}#world-cup-guide-menu .guide-options-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}#world-cup-guide-menu .guide-options-list .guide-option{background:var(--bg-color);text-align:center;width:100%;max-width:14rem;box-shadow:0 4px 10px var(--shadow-color);color:var(--text-color);cursor:pointer;border-radius:10px;padding:1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}#world-cup-guide-menu .guide-options-list .guide-option:hover{box-shadow:0 6px 15px var(--shadow-color);transform:translateY(-3px)}.curiosities{text-align:center;margin-top:2rem}.curiosities a{color:var(--text-color);font-size:1.1rem;text-decoration:none}.curiosities a:hover{text-decoration:underline;transition:all .2s}#welcome-section{text-align:center}#welcome-section h2{margin-bottom:0;font-size:2.5rem}#welcome-section p{margin-top:.5rem}#news-section h3,#groups-page .groups-page-header{text-align:center}#groups-page .groups-list{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;margin:3rem 0;display:flex}#groups-page .groups-list .card h4{margin-top:0}#groups-page .groups-list .card{flex-direction:column;display:flex}#privacy-page{padding:.5rem 2rem}
