body{margin:0}svg{min-height:35px;min-width:35px}.nav-horizontal-a{display:flex;flex-direction:row;align-items:center;justify-content:left;font-size:30px;gap:10px}.close-icon{display:block;cursor:pointer;display:flex;justify-content:left;padding-left:15px;padding-top:15px}.no-animation{animation:none!important}.nav-horizontal{padding-top:20px;display:flex;align-items:left;flex-direction:column;margin:20px auto;gap:35px;width:70%}.aside-home{position:fixed;right:0;top:0;flex-direction:column;background-color:#000;gap:7px;z-index:99999;width:0vw;height:100%}.lateral-bar{display:none}.menu-button~input:checked~.aside-home{animation:asideMotion .2s linear forwards}.menu-button~input:not(:checked)~.aside-home{animation:asideMotionEnd .3s linear forwards}.menu-button{cursor:pointer}.titulos a.Inicio:before{width:100%;visibility:visible}a{text-decoration:none;color:#fff}.header-home{position:relative;background-color:#0c0c0c;text-align:center;height:12.5vh;margin:0;display:flex;align-items:center;justify-content:center;z-index:3}.titulos{color:#fff;display:flex;justify-content:center;align-items:center;max-height:100%;gap:96px;text-align:center}@media (max-width: 768px){.titulos{display:none}.titulos a{font-size:20px}.header-home{display:flex;justify-content:end;padding-right:30px}}@media (min-width: 769px){label{display:none}}.titulos a{position:relative;margin:0;padding:0;font-size:27px;font-family:Crimson Text,serif;font-weight:500;line-height:normal;text-decoration:none}.titulos a:before{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#b69576;visibility:hidden;transition:all .5s ease-in-out}.titulos a:hover:before{visibility:visible;width:100%}.logo-home{position:absolute;height:95%;top:0;left:40px}.main{background:url(/Real_background.jpg);background-repeat:no-repeat;background-attachment:local;background-size:cover;background-position:center;height:87.5vh;position:relative;z-index:1}.shadow{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:20px;position:absolute;width:100%;height:100%;z-index:999;background:#000000bf}.h2-HomePage{width:70%;color:#fff;text-align:center;font-family:Crimson Text;font-size:68px;font-style:normal;font-weight:700;line-height:normal}@media (max-width: 768px){.h2-HomePage{font-size:40px}}.main-button{border:4px solid #FFF;background-color:transparent;padding:20px;color:#fff;text-align:center;font-family:Crimson Text;font-size:18px;font-style:normal;font-weight:700;line-height:normal;border-radius:5px}.main-button:hover{background-color:#fff;color:#000;border-radius:10px;border:4px solid rgba(0,0,0,.75);pointer-events:painted;transition:all .5s;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 2s ease-in-out forwards}.fade-in.delay{animation-delay:1s}.scrollable-div{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;overflow-y:scroll;border-radius:10px;scrollbar-width:thin;scrollbar-color:transparent;height:70vh;margin:0;padding:0}.scrollable-div::-webkit-scrollbar{width:8px;color:transparent}.scrollable-div::-webkit-scrollbar-track{border-radius:10px}.scrollable-div::-webkit-scrollbar-thumb{border-radius:10px;border:2px solid #ccc}.service-category{background-color:#fff;padding:15px;border-radius:20px}.service-category h2{font-family:system-ui,sans-serif;font-size:24px;margin:5px}.service-item{border-radius:7px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;list-style-type:none;background-color:#fff;border:1px solid #0C0C0C;padding:10px 20px;margin-bottom:10px;transition:background-color .3s ease}@media (max-width: 768px){.service-item{flex-direction:column}.reserve-button{max-width:200px;width:80%}}.service-item h3{font-family:system-ui,sans-serif;font-size:20px;margin:5px 0}.service-item p{font-family:system-ui,sans-serif;margin:5px 0}.service-item:hover{background-color:#f1f1f1}.reserve-button{font-family:system-ui,sans-serif;font-size:15px;border-radius:8%;background-color:#5b3a2b;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reserve-button:hover{background-color:#382c1e}.left{display:flex;justify-content:end}span{font-weight:700;font-family:system-ui,sans-serif}.cart-for-desk{position:relative;grid-column:2 / 3;grid-row:1 / 3;height:85vh;border:#ccc solid 1px;display:grid;grid-template-rows:1fr 7fr 1fr;font-family:system-ui,sans-serif}.cart-for-desk .background-for-desk{background-color:#0c0c0c;height:100%;display:flex;align-items:center;justify-content:center}.cart-for-desk .background-for-desk img{height:60px}.cart-for-desk .cart-items-for-desk{display:flex;flex-direction:column;gap:10px;padding-top:10px;padding-left:10px;padding-right:10px;max-height:65vh;overflow-y:auto}.cart-for-desk .cart-item-for-desk{border:1px solid #D8CBBB;border-radius:8px;background-color:transparent;padding:10px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cart-for-desk .cart-item-for-desk h3{margin-bottom:10px;margin-top:0}.cart-for-desk .cart-item-for-desk p{margin:5px 0}.cart-for-desk .cart-item-for-desk button{background-color:#d8cbbb;font-weight:600;color:#000;padding:10px 20px;border-radius:10px}.cart-for-desk .cart-item-for-desk button:hover{cursor:pointer}.cart-for-desk .send-part-for-desk{border-top:#ccc solid 1px;display:flex;flex-direction:column;gap:10px;margin:0 10px 10px}.cart-for-desk .send-part-for-desk span{font-weight:500}.cart-for-desk .send-part-for-desk button{text-align:center;text-decoration:none;background-color:#0c0c0c;color:#fff;padding:10px 0;border:0px;border-radius:7px}.cart-for-desk .send-part-for-desk button:hover{cursor:pointer}.cart-for-desk .error-for-desk{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 0;width:90%;border-radius:7px;border:#ccc;background-color:#000;color:#fff;z-index:9999999;margin-left:auto;margin-right:auto;bottom:22%}.input-for-mobile{display:none}.cart-view-for-mobile{width:100vw;height:10vh;border-top:1px #000 solid;background-color:#fff;position:absolute;left:-2.6%;bottom:0}.cart-view-container-for-mobile{font-family:system-ui,sans-serif;position:relative;height:100%;display:flex;gap:10px;flex-direction:row;align-items:center;justify-content:space-between;margin:0 10%}.cart-view-container-for-mobile button{background-color:#0c0c0c;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 30px;color:#fff;border-radius:10px}.cart-view-information-for-mobile h3,h4{margin:0}.cart-view-information-for-mobile h3{font-size:18px;font-weight:500}.cart-view-information-for-mobile h4{font-size:13px;font-weight:400;color:#5f5f5f}.error-for-mobile{background-color:#0c0c0c;color:#fff;padding:5px;border-radius:7%}.full-cart-for-mobile{position:absolute;left:-2.6%;bottom:0;flex-direction:column;background-color:#faf9f9;gap:7px;width:100vw;z-index:99999;display:none}@keyframes fullCartMotion-for-mobile{0%{height:0vh}to{height:80vh}}@keyframes fullCartMotionEnd-for-mobile{0%{display:flex;height:80vh}99.99%{display:none}to{height:0vh}}.no-animation-for-mobile{animation:none!important}.cart-view-for-mobile~input:checked~.full-cart-for-mobile{display:flex;animation:fullCartMotion-for-mobile .2s linear forwards}.cart-view-for-mobile~input:not(:checked)~.full-cart-for-mobile{animation:fullCartMotionEnd-for-mobile .2s linear forwards}.close-icon-for-mobile{position:absolute;z-index:10;cursor:pointer;display:flex;justify-content:left;left:10px;top:5px;width:30px;height:30px}.logo-container-for-mobile{top:0;display:flex;justify-content:center;width:100%;align-items:center;height:9vh;background-color:#0c0c0c;margin-bottom:10px}.logo-container-img-for-mobile{height:90%}.cart-services-for-mobile{display:flex;flex-direction:column;gap:10px;margin:0 5%;font-family:system-ui,sans-serif;height:75%;overflow-y:auto}.cart-item-for-mobile{display:flex;flex-direction:column;justify-content:center;background-color:#f3ededee}.cart-item-for-mobile h3{font-size:20px;font-weight:700}.cart-item-for-mobile span{font-weight:700;font-size:15px}.cart-item-for-mobile p{font-weight:400;font-size:15px}.cart-services-for-mobile button{background-color:#5a3806;color:#fff;width:90%;padding:10px 0;border-radius:7px}.reservar-button-for-mobile{margin:0 auto;width:90%;background-color:#0c0c0c;color:#fff;padding:5px 0;border-radius:7px}.slider{position:relative;width:100%;display:flex;justify-content:space-around;align-items:center;grid-column:1/2;grid-row:1/2;border-bottom:#ccc solid 1px;max-width:95vw}@media (max-width: 768px){.slider{overflow-x:auto;overflow-y:hidden}.slider::-webkit-scrollbar{width:0}}.slider-item{padding:10px;color:#000;text-decoration:none;font-weight:700;font-family:system-ui,sans-serif}.slider-item.selected{background-color:#000;border-radius:30px;color:#fff;padding:5px 10px}.services-container{display:grid;grid-template-columns:2.5fr 1fr;width:100%;max-height:85vh;gap:10px}.html{scroll-behavior:smooth}@media (max-width: 768px){.services-container{display:flex;flex-direction:column}}.h2{color:#000;font-size:47px;font-family:Crimson Text,serif;text-transform:uppercase;margin:10px}.root{width:100%}.Services{position:relative;display:flex;height:100vh;margin:0 auto;max-width:1360px;width:95%;flex-direction:column;align-items:center}.container{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.back-arrow{position:absolute;left:25px;top:28%;max-width:40px;cursor:pointer}@media (max-width: 430px){.back-arrow{left:0}}@keyframes slideLeft{0%{transform:translate(40%)}to{transform:translate(0)}}.shadow-container{padding:20px;height:75vh;width:50vw;display:flex;align-items:center;justify-content:center;z-index:9999}.shadow-container.shift-left{animation:slideLeft 1s ease forwards}.barbersGalery{display:flex;height:75vh;width:50vw}.barbersGalery.single{width:400px;transition:width .5s ease,opacity .5s ease,filter .5s ease,box-shadow .5s ease}.barbersGalery.single:hover{width:450px}.barbersGalery-thubmnail{width:0px;flex-grow:1;object-fit:cover;object-position:center;transition:width .5s ease,opacity .5s ease,filter .5s ease,box-shadow .5s ease;box-shadow:0 4px 8px #00000080}.barbersGalery-thubmnail:hover{cursor:pointer;width:300px}@media (max-width: 768px){.shadow-container.shift-left{animation:none}.main-container{margin:0}.shadow-container{padding:0;height:60vh;width:95vw}.barbersGalery{margin:0 auto;height:60vh;display:grid;grid-template-columns:repeat(2,1fr);width:95vw}.barbersGalery.single{width:95vw;display:grid;grid-template-columns:1fr}.barbersGalery-thubmnail{width:100%;height:400px;object-fit:cover;object-position:center}.barbersGalery-thubmnail:hover{cursor:pointer;width:47.5vw}}@keyframes slideLeftDate{0%{transform:translate(-70%)}to{transform:translate(0)}}.shift-left-date{animation:slideLeftDate 1.2s ease forwards}.all-days{display:flex;gap:5px;align-items:center}.days{background-color:#099396;color:#fff;height:55px;width:55px;border-radius:50%;border:none;cursor:pointer}@media (max-width: 768px){.days{height:45px;width:45px}}.days:not(.selected-day):hover{background-color:#05787a}.selected-day{background-color:#014857;border:none}.shift-left-date h2{margin:10px 0}.barber-name{color:#099396}.titulo3-SelecDate{font-size:22px;font-weight:700;color:#0c0c0c;text-align:center;margin-bottom:20px;position:relative}.titulo3-SelecDate:after{content:"";display:block;width:60px;height:4px;background-color:#007bff;margin:10px auto 0;border-radius:2px}.select-container{display:flex;flex-direction:column;align-items:center;gap:15px}.select-container select{width:100%;max-width:300px;padding:10px;font-size:1rem;color:#333;border:2px solid #ddd;border-radius:5px;transition:border-color .3s ease;cursor:pointer}.select-container select:focus{border-color:#007bff;outline:none}.select-container select:disabled{background-color:#f9f9f9;color:#ccc}.select-container button{padding:10px 20px;font-size:1rem;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.select-container button:disabled{background-color:#ccc;cursor:not-allowed}.select-container button:not(:disabled):hover{background-color:#0056b3}.aside{position:fixed;right:0;top:0;flex-direction:column;background-color:#fff;border-left:#ccc 4px solid;gap:7px;z-index:99999;width:80vw;height:100%;animation:asideMotion .2s linear forwards;overflow-y:auto}.close-aside{animation:asideMotionEnd .3s linear forwards}@keyframes asideMotion{0%{width:0}to{width:80vw;max-width:500px}}@keyframes asideMotionEnd{0%{width:80vw;max-width:500px}to{width:0}}.aside-content{margin:0 5%;min-width:70vw}.close-icon{margin:0}.title{margin:2px 0;font-size:1.5rem}.title-barber{color:#099396;font-size:30px;margin:2px 0}.main-container{display:flex;justify-content:space-around;flex-direction:row}.All-Scheduler{background-color:#f7f7f7;height:95vh}.All-Scheduler h1{margin:0;padding:20px;background-color:#f7f7f7}body{margin:0;font-family:system-ui,sans-serif}.all-pages{height:5vh;display:flex;flex-direction:row;border-bottom:1px solid #F7F7F7;background-color:#cdcdcd}.cart-pages{display:flex;align-items:center;justify-content:center;position:relative;padding:9px 12px;color:#000;border:none;background-color:#cdcdcd;transition:background-color .3s;cursor:pointer}.cart-pages.selected{background-color:#f7f7f7;border-top:#CDCDCD solid 1px}.cart-pages:not(.selected):hover{background-color:#dadada}.cart-pages:not(.selected):after{content:"";position:absolute;top:15%;bottom:15%;right:0;width:1px;background-color:#727272}body{font-family:Arial,sans-serif;margin:0;padding:0}.appointment-page{max-width:800px;margin:0 auto;padding:20px}.logo{height:15vh}.background{height:15vh;background-color:#0c0c0c;width:100vw;z-index:-1;display:flex;justify-content:space-around;align-items:center}.h1-sendPage{text-align:center;color:#fff;font-size:160%}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.service-item-sendPage{display:flex;gap:0;flex-direction:column;text-align:left;background-color:#c9bbbb;border:1px solid #000;padding:15px;border-radius:5px}.service-item h2{margin-top:0;color:#000}.user-form{background-color:#fff;border:1px solid #000;padding:20px;border-radius:5px}.user-form h2{margin-top:0;color:#000}.input-sendPage{display:block;width:97%;padding:10px;margin-bottom:10px;border:1px solid #000;border-radius:3px}.button-sendPage{display:block;width:100%;padding:10px;background-color:#000;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:16px}.button-sendPage:hover{background-color:#333}@media (max-width: 768px){.input-sendPage{width:90%};.services-list{grid-template-columns:1fr;overflow-y:auto;max-height:40vh}.services-list{grid-template-columns:1fr;overflow-y:auto;max-height:40vh;scrollbar-width:thin;scrollbar-color:#2e2e2e #1c1c1c}.services-list::-webkit-scrollbar{width:8px}.services-list::-webkit-scrollbar-thumb{background-color:#2e2e2e;border-radius:4px}.services-list::-webkit-scrollbar-track{background-color:#1c1c1c}}.notification{position:fixed;top:-50px;left:50%;transform:translate(-50%);background-color:#09a530;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 4px 8px #0003;z-index:1000;transition:top .5s ease-in-out}.notification.show{top:20px}