*{margin:0;padding:0;box-sizing:border-box}body,html,#root{height:100%;width:100%;font-family:Segoe UI,sans-serif;background-color:#1e1e1e;color:#fff}#root{display:flex;flex-direction:column}.reglamento-container{max-width:600px;margin:0 auto;text-align:center;padding:2rem 1rem;color:#fff}.qr-image{width:100%;max-width:300px;margin:20px auto;display:block;border:4px solid gold;border-radius:12px}.reglamento-link{display:inline-block;margin-top:20px;padding:12px 20px;background-color:gold;color:#1e1e1e;font-weight:700;text-decoration:none;border-radius:8px;transition:background-color .3s}.reglamento-link:hover{background-color:#ffcf40}.navbar{background-color:#2f2f2f;color:#fff;padding:10px 20px;display:flex;flex-direction:column}.navbar-top{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{width:60px;border-radius:8px}.menu-button{background:none;border:none;color:gold;font-size:1.8rem;cursor:pointer;display:block}.menu{list-style:none;padding:0;margin:0;overflow:hidden;max-height:0;transition:max-height .4s ease-in-out;flex-direction:column;width:100%;display:flex}.menu.open{max-height:500px}.menu li{padding:12px 0;text-align:left}.menu li a{color:gold;text-decoration:none;font-weight:700;padding:10px 0;display:block}.menu li a:hover{color:#fff}@media (min-width: 768px){.navbar{flex-direction:row;align-items:center;justify-content:space-between}.navbar-top{width:auto;margin-right:auto}.menu-button{display:none}.menu{display:flex!important;flex-direction:row;max-height:none!important;overflow:visible!important;gap:20px;width:auto;margin-top:0}.menu li,.menu li a{padding:0}}.footer{text-align:center;background-color:#2f2f2f;padding:20px;color:#fff;font-size:.9rem}.social{margin-top:10px}.facebook-link{color:gold;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.facebook-link:hover{color:#fff}