*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html,body{margin:0;background-color:#f5f5f5;overflow-x:hidden}header{background-color:#000000d6;padding:5px;display:flex;flex-direction:row;gap:80px;align-items:center;height:10vh;box-shadow:3px 3px 5px #000;position:fixed;width:100%;z-index:1000;background:#000}header img{height:100px;width:auto;margin-left:20px}header nav{flex:1}header nav ul{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;width:100%;height:auto;gap:30px;margin:0;padding:0;list-style:none}header nav ul li a{text-decoration:none;color:#fff;font-family:sans-serif;font-size:medium;transition:transform .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}header nav ul li a:hover{color:#ff0;transform:scale(1.2)}#sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#0008;box-shadow:-10px 0 10px #000;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#sidebar li{width:100%}#sidebar a{width:100%;font-size:18px}.menu_button{display:none;margin-left:auto}@media (max-width:768px){.hideOnMobile{display:none}.menu_button{display:block}header{height:9vh;width:100%;box-shadow:1.5px 1.5px 3px #000;gap:40px}header img{height:70px;width:auto;margin-left:10px}header nav ul li a{font-size:small}}@media (max-width:539px){.hideOnMobile{display:none}#sidebar{width:100%}.menu_button{display:block}header{height:9vh;width:100%;gap:25px}header img{height:55px;width:auto;margin-left:8px}header nav ul li a{font-size:7.5px;font-weight:700}}main{padding:10.5vh 0 0;background:linear-gradient(to bottom,#ff0 0% 50%,#555 75%,#000)}#hero{min-height:80vh;position:relative;width:100%;padding-bottom:50px}#hero img{display:block;margin:0 auto;width:100%;height:auto}#hero p{font-family:monospace;font-size:23px;text-align:center;margin:100px 40px 10px;color:#000}#hero button{display:block;margin:0 auto 20px;background-color:#000;color:#fff;padding:5px;border-radius:8px;font-size:20px;cursor:pointer;transition:background .3s ease}#hero button:hover{background-color:#333}#instalaciones{margin:90px 25px 25px;padding:5px;border-radius:8px}#instalaciones h2{text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#gallery{margin-top:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 10px 40px}#gallery img{width:100%;height:400px;border-radius:8px}#horarios{margin-top:90px}#horarios h2{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center;margin-bottom:25px}#horarios li{color:#fff;margin-bottom:35px;list-style:none;font-size:20px;padding-left:25px}#contacto{margin:90px 0 0;padding:10px 10px 50px}#contacto h2{color:#fff;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-bottom:25px}#contacto h3{color:#fff;margin:2px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#contacto a{color:#ff0}@media (max-width:993px){main{margin:0;padding:11vh 0 0}#hero p{font-size:16px;margin:100px 40px 10px}#hero button{margin-bottom:20px;padding:5px;border-radius:8px;font-size:15px}#instalaciones{margin:80px 20px 20px;padding:5px;border-radius:8px}#gallery{margin-top:15px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 10px 30px}#gallery img{width:100%;height:370px;border-radius:8px}}@media (max-width:624px){main{margin:0;padding:11vh 0 0}#hero p{font-size:14px;margin:50px 40px 10px}#hero button{margin-bottom:23px;padding:5px;border-radius:8px;font-size:12px}#gallery{margin:15px 0 5px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:2px 2px 15px}#gallery img{width:100%;height:200px;border-radius:8px}#horarios li{font-size:16px}}footer{background-color:#000}p{color:#fff;text-align:center}
