header{display:flex;font-size:18px;width:100%;padding:10px;margin-right:10px;height:15vh;align-items:center;justify-content:space-evenly}.logo{width:100px;height:80px;border-radius:50%;padding:var(--ppk-padding-s)}.menudesplagble{display:none}nav{display:flex;width:80%;height:fit-content;justify-content:space-evenly;flex-wrap:wrap;align-items:center}ul{display:flex;flex-wrap:wrap;width:100%;justify-content:space-evenly;align-items:center;gap:var(--ppk-gap-s);z-index:200}a{color:#000}li{font-size:15px;text-align:center;padding:20px;height:50px!important;transition:transform .5s ease,border-bottom .5s ease}li:hover:not(:has(.buttondiv)){transform:scale(1.1)}.loginb{border:2px solid black;border-radius:30px;width:100px!important;height:30px;text-align:center;padding:6px;font-size:15px;display:inline-block;position:relative}.registerb{width:120px!important;background-color:#000;color:#fff;height:30px;font-size:15px;position:relative;top:-12px;text-align:center;padding:6px;border-radius:30px;display:inline-block}.buttondiv{display:flex;gap:var(--gg-gap-medium);width:600px;justify-content:space-between;pointer-events:auto;height:100%;position:relative;left:-40px;height:fit-content}.buttondiv button{transition:none;pointer-events:auto;width:100px;height:40px;position:relative;top:5px;border-radius:30px;background-color:beige;font-size:15px;transition:transform .5s ease-in}.buttondiv button:hover{transform:scale(1.1);background-color:#000;color:#fff}.active{color:brown;font-weight:bolder}@media (max-width: 952px){.buttondiv{width:400px}}@media (max-width: 926px){header{height:15vh}}@media (max-width: 920px){.buttondiv{position:relative;left:0}.menulist{width:30%;left:0}}@media (max-width: 817px){.loginb{left:0}}@media (max-width: 700px){li{font-size:15px}.buttondiv{position:relative;left:0;width:350px}}@media (max-width: 590px){.buttondiv{position:relative;left:0;justify-content:flex-start}}@media (max-width: 664px){header{justify-content:space-between}.menudesplagble{display:block;width:100px;height:70px;border-radius:50%;transition:transform .5s ease-in}.buttondiv{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:200px}.menudesplagble:active{transform:scale(.9)}.nodisplay{display:none}ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;align-content:center;height:600px;position:absolute;top:0;gap:var(--gg-gap-l)}.buttondiv{position:absolute;top:350px;left:-42px}.menulist{display:flex;flex-direction:column;align-items:center;width:100%}.menuvertical{display:flex;flex-direction:column;height:100svh;width:250px;align-items:center;justify-content:space-around;position:absolute;top:0;right:0;background-color:#c9dcec;z-index:2;overflow:hidden}}.apphome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;text-align:center}.background-image{position:absolute;top:100px;left:0;width:100%;opacity:.5;height:84%;object-fit:fill;z-index:0}.typewriter{font-family:Courier New,Courier,monospace;font-size:2rem;color:#333;position:absolute;top:250px;overflow:hidden;white-space:nowrap;animation:typing 4s steps(10,end),erasing 5s steps(20,end) 4s,retyping 5s steps(10,end) 6s;animation-iteration-count:infinite;animation-delay:5s}.typewriter1{font-family:Courier New,Courier,monospace;font-size:2rem;color:#333;position:absolute;top:300px;overflow:hidden;white-space:nowrap;animation:typing 4s steps(22,end),erasing 5s steps(22,end) 4s,retyping 5s steps(22,end) 6s;animation-iteration-count:infinite;animation-delay:5s}.heading{position:absolute;top:100px;padding:var(--ppk-padding-l)}@keyframes typing{0%{width:20%}to{width:40%}}@keyframes erasing{0%{width:40%}to{width:20%}}@keyframes retyping{0%{width:20%}to{width:30%}}@media (max-width: 1072px){.heading{position:absolute;top:100px}.typewriter{position:absolute;top:300px}.typewriter1{position:absolute;top:350px}}@media (max-width: 938px){@keyframes retyping{0%{width:42%}to{width:70%}}.typewriter,.typewriter1{font-size:16px}}@media (max-width: 768px){.app h1{font-size:2rem;position:absolute;top:200px}@keyframes typing{0%{width:20%}to{width:60%}}@keyframes erasing{0%{width:40%}to{width:20%}}@keyframes retyping{0%{width:20%}to{width:50%}}}@media (max-width: 600px){.heading{position:absolute;top:100px;font-size:40px}.typewriter{position:absolute;top:300px!important}.typewriter1{position:absolute;top:350px!important}}.logincontainer{width:100%;top:60px;display:flex;height:100%;justify-content:center;align-items:center}.loading{width:400px;display:flex;gap:var(--ppk-gap-m);flex-direction:column;justify-content:center;align-items:center;height:400px}.loginform{display:flex;flex-direction:column;width:80%;align-items:center;height:300px;justify-content:space-around}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;min-height:85vh;height:100%;align-content:center;padding:var(--ppk-padding-xl)}.formregister{display:flex;position:relative;top:0;flex-direction:column;align-items:center;font-size:20px;justify-content:center;width:100%;gap:var(--ppk-padding-l);flex-wrap:wrap;padding:var(--ppk-padding-l)}.successs{position:absolute;top:200px}.loading_img{width:100px}label{font-size:medium;font-style:italic;font-weight:700}input{width:300px;height:30px;border:none;border-radius:30px;text-align:center}.general{width:150px;height:50px;border:none;border-radius:30px;background-color:#000;color:#fff;font-weight:700;cursor:pointer}.general:hover{background-color:#fff;color:#000;transition:transform .5s;transform:scale(1.1)}button.general:active{transform:scale(1);background-color:#003f7f}.goback{width:150px;height:50px;border:none;position:relative;top:70px;border-radius:30px;background-color:#000;color:#fff;font-weight:700;cursor:pointer}.goback:hover{background-color:#fff;color:#000;transition:transform .5s;transform:scale(1.1)}@media (max-width: 522px){input{width:200px;height:20px}}.createevent{display:flex;width:100%;justify-content:center;flex-wrap:wrap}.eventcreateform{display:flex;flex-direction:column;gap:var(--ppk-gap-m);justify-content:center;align-items:center}.eventcreateform span{display:flex;flex-direction:column;gap:var(--ppk-gap-m)}.eventcreateform p{font-size:20px}.update-events{display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center;gap:var(--ppk-gap-m);flex-wrap:wrap}.event-list{display:flex;width:100%;gap:var(--ppk-gap-m);flex-wrap:wrap;justify-content:center}.event-item{display:flex;flex-direction:column;width:200px;justify-content:center;align-items:center;gap:var(--ppk-gap-m);height:300px}.event-item button{width:80px;height:30px;border:none;border-radius:30px}.event-item img{border-radius:30px;height:80px}.event-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--ppk-gap-m);flex-wrap:wrap}.event-form button{width:150px;height:40px;border-radius:30px}.deleteimg{width:200px;height:150px;border-radius:30px}.apuntarextra{position:relative;height:400px}.success{position:relative;top:100px}.selectdate{display:flex;position:absolute;top:100px;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:var(--ppk-gap m);height:fit-content;align-content:center}.selectdate1{display:flex;flex-direction:column;justify-content:space-evenly;height:500px;width:100%;align-items:center;gap:var(--ppk-gap-m);position:relative}.selectdate2{display:flex;flex-direction:column;justify-content:space-evenly;gap:var(--ppk-gap-m);height:400px}.extra-hour-item{position:relative;top:50px;display:flex;justify-content:space-between;width:500px;align-items:center;align-content:center;text-align:left;gap:var(--ppk-gap-s)}.extra-hour-item button{width:80px;height:40px;border-radius:30px}.updateform{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%;align-items:center}@media (max-width: 809px){.extra-hour-item{width:400px}.extra-hour-item h3{font-size:15px}.extra-hour-item button{width:60px;height:30px}}@media (max-width: 500px){.extra-hour-item{width:300px}.extra-hour-item h3{font-size:12px}.extra-hour-item button{width:50px;font-size:10px;height:25px}}.activity-container{display:flex;align-items:center;flex-direction:column;gap:20px;width:100%;justify-content:center;flex-wrap:wrap;height:fit-content;padding:var(--ppk-padding-m)}.activitydiv{display:flex;flex-direction:column;gap:var(--ppk-gap-m);align-items:center;width:70%;justify-content:space-around;height:100%;flex-wrap:wrap}.buttons-container{display:flex;width:90%;flex-wrap:wrap;padding:var(--ppk-padding-m);justify-content:center;gap:var(--ppk-gap-m)}.buttons-container button{width:120px;height:50px;border-radius:30px;border:2px double black;transition:all .5s ease-in-out}.buttons-container button:hover{transform:scale(1.1);background-color:#000;color:#fff}.activity-container h1{font-size:30px}.gobacka{width:150px;height:50px;border:none;border-radius:30px;background-color:#000;color:#fff;font-weight:700;cursor:pointer}.gobacka:hover{background-color:#fff;color:#000;transition:transform .5s;transform:scale(1.1)}@media (max-width: 700px){.activity-container h1{font-size:30px}}@media (max-width: 650px){.activitydiv{width:550px;flex-direction:row;justify-content:center;align-items:center;display:flex}}.buttons-container{align-items:center;justify-content:center}@media (max-width: 576px){.activitydiv{width:60%}}.selectdate{display:flex;flex-direction:column;height:100vh;width:50%;justify-content:center}.date-filters{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:500px}.date-filters label{display:flex;gap:10px;align-items:center;flex-direction:column}.calculate{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%;position:relative;top:50px;width:100svh}.pdes{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.productparticular{display:flex;flex-wrap:wrap;margin-top:50px;justify-content:center;text-align:center;gap:var(--ppk-gap-m);max-height:85vh;padding:1rem;padding-bottom:10px}.product{border:2px solid black;padding:10px;display:flex;flex-wrap:wrap}@media (max-width: 593px){.product{width:300px}}.productparticularr{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:var(--ppk-gap-m);padding:var(--ppk-padding-m);flex-wrap:wrap}.category-filter{display:flex;justify-content:space-evenly;align-items:center;align-content:center;width:600px;position:relative;top:0;flex-wrap:wrap}.filterdproducts{height:90vh;position:relative;top:100px;gap:var(--ppk-gap-m)}select{width:200px;height:30px;border:none;border-radius:30px;text-align:center}@media (max-width: 591px){.category-filter{max-width:400px;flex-direction:column;gap:var(--ppk-gap-m)}}.update-product-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;justify-content:space-evenly;min-height:150svh}.update-product-container h2{text-align:center;margin-bottom:20px}.update-product-container label{display:block;margin-bottom:10px;font-weight:700}.update-product-container select,.update-product-container input{width:100%;margin-bottom:20px;text-align:center;border:none;border-radius:30px}.update-product-container button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:30px;cursor:pointer;margin-right:10px}.update-product-container button:hover{background-color:#0056b3}.productupdate{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:auto;gap:var(--ppk-gap-m)}.productupdate button{width:100%;height:50px;margin-bottom:10px}#gobackbu{position:relative;top:10px;left:16px}.suessmessage{position:relative}.productupdateformm{display:flex;flex-direction:column;gap:0px;position:relative;align-items:center;align-content:center;height:1000px;justify-content:space-evenly}.productupdateformm label{font-weight:700}.productupdateformm input{padding:10px;border:none;border-radius:30px}@media (max-width: 768px){.update-product-container{padding:10px}.update-product-container h2{font-size:1.5rem}.update-product-container select,.update-product-container input{padding:8px}.update-product-container button{padding:8px 16px;font-size:.9rem}.productupdate button{padding:8px;font-size:.9rem}.productupdateformm input{padding:8px}}@media (max-width: 480px){.update-product-container h2{font-size:1.2rem}.update-product-container select,.update-product-container input{padding:6px}.update-product-container button{padding:6px 12px;font-size:.8rem}.productupdate button{padding:6px;font-size:.8rem}.productupdateformm input{padding:6px}}.delete-product-container{display:flex;max-width:100svh;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;position:relative}.go-back-btn{width:140px;height:40px;border-radius:30px;position:relative;top:70px;margin-bottom:30px}.load{position:relative;top:130px}.selectt{display:flex;flex-direction:column;height:500px;justify-content:space-evenly;align-items:center;width:100%}.product-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--ppk-gap-m);padding-bottom:30px;margin-bottom:30px}.product-item{display:flex;width:90%;max-width:400px;align-items:center;justify-content:space-between;padding:var(--ppk-padding-m);border:1px solid #ddd;border-radius:10px;background:#f9f9f9}.product-item button{width:100px;height:30px;border:none;cursor:pointer;border-radius:30px;background:red;color:#fff;font-weight:700;transition:.3s ease-in-out}.product-item button:hover{background:#8b0000}@media (max-width: 900px){.product-list{max-width:500px}}@media (max-width: 600px){.product-item{flex-direction:column;align-items:center;padding:10px}.product-item button{width:80%;margin-top:10px}}.update-staff{display:flex;justify-content:center;width:100%;flex-direction:column;align-items:center;gap:var(--ppk-gap-m);flex-wrap:wrap;padding:30px}.staff-list{display:flex;width:100%;height:fit-content;gap:var(--ppk-gap-m);flex-wrap:wrap;justify-content:space-evenly;align-content:center;padding:20px}.staff-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--ppk-gap-m);flex-wrap:wrap;padding:20px}.staff-form button{width:150px;height:40px;border-radius:30px}.staff-item{display:flex;flex-direction:column;width:100px;justify-content:space-between;align-items:center;align-content:center;gap:var(--ppk-gap-m);height:130px}.staff-item button{width:80px;height:30px;border:none;border-radius:30px}.create-horario{display:flex;flex-direction:column;justify-content:space-evenly;height:100svh;align-items:center;gap:var(--ppk-gap-m);padding:20px}.staff-list{display:flex;max-width:90vw;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.staff-item{width:220px;height:70px;display:flex;align-items:center;justify-content:center;border:2px solid salmon;border-radius:30px;cursor:pointer;text-align:center;padding:10px}.horariostaff{text-align:center;font-size:1.5rem;margin-bottom:10px}.selected-staff{display:flex;flex-direction:column;align-items:center;gap:var(--ppk-gap-m);height:auto;text-align:center}.selected-staff button{width:150px;height:50px;border-radius:30px;cursor:pointer;font-size:1rem;margin-top:10px}.horario-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;max-width:800px;margin-top:20px;padding:10px}.horario-item{display:flex;flex-direction:column;background:#f9f9f9;padding:15px;border-radius:10px;box-shadow:0 2px 5px #0000001a}.horario-item h3{font-size:1.2rem;margin-bottom:10px}.horario-item label{font-weight:700;margin-top:5px}.horario-item input,.horario-item select{border-radius:5px;border:1px solid #ccc;font-size:1rem}.generall{width:170px;height:70px!important;border-radius:30px;padding:30px;text-align:center}@media (max-width: 768px){.staff-list{flex-direction:column;width:100%}.staff-item{width:90%}.horario-forms{grid-template-columns:1fr}}@media (max-width: 480px){.create-horario{padding:10px}.horariostaff,.selected-staff h2{font-size:1.2rem}.selected-staff button{width:120px;height:40px;font-size:.9rem}.horario-item{padding:10px}button{width:100%;padding:8px}}.update-horario-container{display:flex;width:100%;height:180svh;flex-direction:column;justify-content:space-around;align-content:space-around;flex-wrap:wrap;align-items:center}.containerselect{display:flex;height:200px;flex-direction:column;justify-content:space-evenly;align-items:center}.selectupdate{text-align:center;height:100px;display:flex;flex-direction:column;justify-content:space-evenly}.horarioup{display:flex;flex-direction:column;width:100%;justify-content:space-evenly;align-items:center;gap:var(--ppk-gap-m)}.horario-update-form{display:flex;flex-direction:column;width:100%;flex-wrap:wrap;align-items:center;justify-content:space-evenly;height:600px}@media (max-width: 600px){.update-horario-container{justify-content:flex-start}}.horario-container{max-width:800px;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.horario-container label{font-size:1rem;font-weight:700;display:block;margin-bottom:8px}.horario-container input[type=date]{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;width:100%;max-width:250px;margin-bottom:10px}.horario-container button{background:#007bff;color:#fff;border:none;padding:10px 15px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background .3s}.horario-container button:hover{background:#0056b3}table{width:100%;border-collapse:collapse;margin-top:20px}thead{background:#007bff;color:#fff}th,td{padding:12px;border:1px solid #ddd;text-align:center}@media (max-width: 600px){table{display:block;width:100%;overflow-x:auto;white-space:nowrap}th,td{font-size:.9rem;padding:8px}}tbody tr{transition:background .3s ease-in-out}.getevents{display:flex;justify-content:center;width:100%;align-items:center;padding:10px 10px 30px;height:90%;position:absolute;top:50px}.eventerror{height:200px;padding:20px}.eventimg{height:300px;width:400px;min-width:200px;margin-top:30px;display:flex;border:2px solid rgb(151,72,72);flex-direction:column;justify-content:center;border-radius:30px;align-items:center;gap:var(--ppk-gap-m)}.loading_img{width:100px;height:100px;position:absolute;top:150px}.getevents img{width:250px;height:150px;border-radius:60px;padding:var(--ppk-gap-m)}.getevents img:hover{transform:scale(1.1);transition:all .5s ease-in-out;rotate:360deg}.eventparticular{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;align-items:center;gap:var(--ppk-gap-m)}.eventimg:hover{transform:scale(1.05);transition:all .5s ease-in-out}.eventdes{width:350px;flex-direction:column;justify-content:center}.eventdes h1,h2,h3,p{font-size:20px}@media (max-width: 852px){.getevents{position:absolute;top:150px;height:fit-content}.eventparticular{position:relative;top:0}.eventimg{height:300px}.eventimg img{width:200px}}@media (max-width: 430px){.eventimg{width:250px;height:300px}.eventdes{width:250px}.eventdes h1,h2,h3,p{font-size:15px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Lobster,sans-serif;list-style:none;text-decoration:none}body{background-color:#e1e5e7;color:#000;font-size:30px}:root{--ppk-padding-s: 10px;--ppk-padding-m: 20px;--ppk-padding-l: 30px;--ppk-padding-xl: 40px;--ppk-margin-s: 10px;--ppk-margin-m: 20px;--ppk-margin-l: 30px;--ppk-margin-xl: 40px;--ppk-gap-xs: 10px;--ppk-gap-s: 20px;--ppk-gap-m: 30px;--ppk-gap-l: 40px;--ppk-gap-xl: 50px}html,body{overflow-x:hidden}