.container-restaurante[data-astro-cid-bx7cfvnk]{width:100%;height:100vh;background-repeat:no-repeat;scrollbar-width:none;background-size:cover;overflow-y:scroll;overflow-x:hidden;.btn-back{position:fixed;top:10%;margin-left:100px;font-size:1.3rem;letter-spacing:1px;display:flex;align-items:center;text-decoration:none;padding:5px 15px;color:var(--color-light);text-transform:uppercase;font-weight:700;z-index:50;background-color:var(--color-dark-servicio);svg{width:25px;height:25px;transition:transform .2s ease}&:hover{svg{transform:translate(-50%)}}@media (width <= 956px){margin-left:50px}@media (width <= 568px){margin-left:20px;font-size:.95rem;gap:5px;svg{width:20px;height:20px}}}.box-restaurante{width:90%;margin:0 auto;height:100%;display:flex;align-items:end;justify-content:space-around;gap:20px;.carrusel-img-restaurante{width:100%;min-width:420px;max-width:552.31px;height:80%;display:flex;align-items:center;gap:25px;scrollbar-width:none;overflow-x:scroll;img{width:100%;min-width:420px;max-width:450px;height:450px;aspect-ratio:1;object-fit:cover;border-radius:8px;mask-image:linear-gradient(rgb(0,0,0) 80%,transparent)}}.info-restaurante{width:100%;min-width:300px;max-width:686.8px;height:80%;display:flex;flex-direction:column;justify-content:center;color:var(--color-light);gap:20px;h2{text-transform:uppercase;letter-spacing:2px}p{line-height:1.5;font-weight:500;font-size:clamp(.8rem,1.25vw,.95rem);letter-spacing:1px}.container-btn{display:flex;flex-wrap:wrap;gap:15px;.reserva{text-decoration:none;text-transform:uppercase;color:var(--color-light);outline:1px solid var(--color-light);padding:10px 30px;border-radius:4px;font-weight:600;font-size:.8rem;text-align:center;flex:1 1 auto;letter-spacing:2px;width:max-content;transition:background-color .3s ease,outline-color .3s ease,padding-inline .3s ease;&:hover{background-color:var(--color-dark-servicio);outline-color:var(--color-dark-servicio);padding-inline:30px}}}}}@media (width <= 956px){height:100%;.box-restaurante{width:75%;flex-direction:column;margin-top:180px;margin-bottom:50px;.carrusel-img-restaurante{max-width:100%;height:500px;display:flex;align-items:center;gap:25px;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;img{width:100%;min-width:400px;max-width:480px;height:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}}.info-restaurante{width:100%;min-width:100%;max-width:686.8px;height:80%;display:flex;flex-direction:column;justify-content:center;color:var(--color-light);gap:20px;h2{text-transform:uppercase;letter-spacing:2px}p{line-height:1.5;font-weight:500;font-size:clamp(.8rem,1.25vw,.95rem);letter-spacing:1px}.container-btn{display:flex;flex-wrap:wrap;gap:15px;.reserva{text-decoration:none;text-transform:uppercase;color:var(--color-light);outline:1px solid var(--color-light);padding:10px 25px;border-radius:4px;font-weight:600;font-size:.8rem;text-align:center;flex:1 1 auto;letter-spacing:2px;width:max-content;transition:background-color .3s ease,outline-color .3s ease,padding-inline .3s ease;&:hover{background-color:var(--color-dark-servicio);outline-color:var(--color-dark-servicio);padding-inline:30px}}}}}}@media (width <= 568px){height:100%;.box-restaurante{width:90%;flex-direction:column;row-gap:30px;margin-top:130px;margin-bottom:50px;.carrusel-img-restaurante{max-width:100%;height:450px;display:flex;align-items:center;gap:25px;scrollbar-width:none;overflow-x:scroll;overflow-y:hidden;img{width:100%;min-width:360px;max-width:480px;height:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}}.info-restaurante{width:100%;min-width:100%;max-width:686.8px;height:80%;display:flex;flex-direction:column;justify-content:center;color:var(--color-light);gap:20px;h2{text-transform:uppercase;letter-spacing:2px;font-size:1.3rem}p{line-height:1.5;font-weight:500;font-size:clamp(.8rem,1.25vw,.95rem);letter-spacing:1px}.container-btn{display:flex;flex-wrap:wrap;gap:15px;.reserva{text-decoration:none;text-transform:uppercase;color:var(--color-light);outline:1px solid var(--color-light);padding:10px 25px;border-radius:4px;font-weight:600;font-size:.8rem;text-align:center;flex:1 1 auto;letter-spacing:2px;width:max-content;transition:background-color .3s ease,outline-color .3s ease,padding-inline .3s ease;&:hover{background-color:var(--color-dark-servicio);outline-color:var(--color-dark-servicio);padding-inline:30px}}}}}}@media (width <= 478px){.btn-back{top:5%}height:100%;.box-restaurante{width:90%;height:100%;flex-direction:column;row-gap:30px;margin-top:130px;margin-bottom:50px;.carrusel-img-restaurante{width:100%;min-width:280px;max-width:100%;height:400px;display:flex;flex-direction:column;justify-content:start;padding-block:0;row-gap:30px;scrollbar-width:none;overflow-x:scroll;overflow-y:scroll;img{width:100%;min-width:100%;max-width:100%;height:340px;aspect-ratio:0;object-fit:cover;object-position:center;border-radius:8px}}.info-restaurante{width:100%;min-width:100%;max-width:686.8px;height:50%;display:flex;flex-direction:column;justify-content:center;color:var(--color-light);gap:20px;h2{text-transform:uppercase;letter-spacing:2px;font-size:1.3rem}p{line-height:1.5;font-weight:500;font-size:clamp(.8rem,1.25vw,.95rem);letter-spacing:1px}.container-btn{display:flex;flex-wrap:wrap;gap:15px;.reserva{text-decoration:none;text-transform:uppercase;color:var(--color-light);outline:1px solid var(--color-light);padding:10px 25px;border-radius:4px;font-weight:600;font-size:.8rem;text-align:center;flex:1 1 auto;letter-spacing:2px;width:max-content;transition:background-color .3s ease,outline-color .3s ease,padding-inline .3s ease;&:hover{background-color:var(--color-dark-servicio);outline-color:var(--color-dark-servicio);padding-inline:30px}}}}}}}