@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";:root{--x: rgb(69, 58, 148);--y: rgb(244, 59, 71);--main-color-100: rgb(69, 58, 148, 1);--main-color-90: rgb(69, 58, 148, .9);--main-color-80: rgb(69, 58, 148, .8);--main-color-70: rgb(69, 58, 148, .7);--main-color-60: rgb(69, 58, 148, .6);--main-color-50: rgb(69, 58, 148, .5);--main-color-40: rgb(69, 58, 148, .4);--main-color-30: rgb(69, 58, 148, .3);--main-color-20: rgb(69, 58, 148, .2);--main-color-10: rgb(69, 58, 148, .1);--sec-color-100: rgb(244, 59, 71, 1);--sec-color-90: rgb(244, 59, 71, .9);--sec-color-80: rgb(244, 59, 71, .8);--sec-color-70: rgb(244, 59, 71, .7);--sec-color-60: rgb(244, 59, 71, .6);--sec-color-50: rgb(244, 59, 71, .5);--sec-color-40: rgb(244, 59, 71, .4);--sec-color-30: rgb(244, 59, 71, .3);--sec-color-20: rgb(244, 59, 71, .2);--sec-color-10: rgb(244, 59, 71, .1);--ter-color-100: rgb(34, 34, 34, 1);--ter-color-90: rgb(34, 34, 34, .9);--ter-color-80: rgb(34, 34, 34, .8);--ter-color-70: rgb(34, 34, 34, .7);--ter-color-60: rgb(34, 34, 34, .6);--ter-color-50: rgb(34, 34, 34, .5);--ter-color-40: rgb(34, 34, 34, .4);--ter-color-30: rgb(34, 34, 34, .3);--ter-color-20: rgb(34, 34, 34, .2);--ter-color-10: rgb(34, 34, 34, .1);--white-100: rgb(255, 255, 255, 1);--white-90: rgb(255, 255, 255, .9);--white-80: rgb(255, 255, 255, .8);--white-70: rgb(255, 255, 255, .7);--white-60: rgb(255, 255, 255, .6);--white-50: rgb(255, 255, 255, .5);--white-40: rgb(255, 255, 255, .4);--white-30: rgb(255, 255, 255, .3);--white-20: rgb(255, 255, 255, .2);--white-10: rgb(255, 255, 255, .1);--black-100: rgb(0, 0, 0, 1)}.flex{display:flex}.flex-center-center{display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Comfortaa}::-webkit-scrollbar{background-color:var(--sec-color-100);width:15px}::-webkit-scrollbar-thumb{background-color:var(--white-70);border:4px var(--sec-color-100) solid;border-radius:10px}.cover{width:100%;height:fit-content;z-index:-1}.cover img{border-radius:0}.navbar{position:fixed;top:0;width:100%;display:block;z-index:99}.navbar img{border-radius:0}.navbar .nav-contenedor{background-image:linear-gradient(45deg,#453a94,#f43b47);max-width:700px;margin:auto;-webkit-user-select:none;user-select:none;border-radius:0 0 20px 20px}.navbar .main-navbar{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:10px;-webkit-user-select:none;user-select:none;box-shadow:0 0 10px var(--ter-color-50);border-radius:inherit}.navbar .sub-navbar{display:grid;grid-template-rows:repeat(2,1fr);gap:10px;padding:0;max-height:0;overflow:hidden;border-radius:inherit;transition:all .5s ease-in-out}.navbar .sub-navbar.visible{max-height:300px;padding:10px}.navbar .link{flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:5px;border-radius:20px;text-decoration:none;color:#fff;position:relative;cursor:pointer}.navbar .link:hover{background-color:#ffffff30}.navbar .link.active{background-color:#fff;color:#000;cursor:default}.navbar .link.active img{filter:invert()}.navbar .link.active.no-invert img{filter:none}.navbar .link img{width:30px;transition:all .2s}.navbar .link:hover img{transform:rotate(20deg) scale(1.02)}main{display:flex;flex-direction:column;gap:50px;max-width:1200px;width:100%;margin:auto}.inicio{display:flex;gap:40px;margin-bottom:-80px}.inicio .info{text-align:justify;flex:1;width:100%}.inicio .imagenes{flex:1}.inicio .imagenes img{width:100%}.horario th,.horario td{padding:10px;border-radius:5px}.horario th{background-color:var(--main-color-80);color:#fff}.horario tr{cursor:default;-webkit-user-select:none;user-select:none;transition:all .2s}.horario tr:hover{background-color:var(--sec-color-20)}.horario tr:nth-child(2n) td{background-color:var(--main-color-40)}.horario tr:nth-child(odd) td{background-color:var(--main-color-30)}#galeria{padding-top:80px}.galeria .galeria-imgs{display:grid;grid-template-columns:repeat(4,1fr)}.galeria .imagen{aspect-ratio:1 / 1}.galeria .imagen img{width:100%}.imagen{background-size:cover;background-repeat:no-repeat;background-position:center}.galeria .imagen .img-fondo{position:absolute;left:-50%;top:-25%;width:200%;filter:blur(2px);z-index:-1}.galeria-imgs{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:30px}.galeria .imagen{display:flex;flex-direction:column;box-shadow:0 0 10px var(--ter-color-20);border-radius:15px;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);overflow:hidden;-webkit-user-select:none;user-select:none;transition:transform .5s ease-in-out,box-shadow .5s ease-in-out}.galeria .imagen:hover{box-shadow:0 0 15px var(--ter-color-60);transform:scale(1.05) translateY(-15px)}#titulo-diseños{margin-bottom:10px}.productos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.producto{position:relative;display:flex;gap:15px;flex-direction:row;height:120px;background-color:var(--main-color-100);color:var(--white-100);padding:8px;border-radius:15px;transition:all .5s;overflow:hidden}.producto:before{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,var(--main-color-100),var(--sec-color-100));border-radius:inherit;transform:translate(100%);z-index:1;transition:inherit}.producto.nuevo-prod:after{content:"Nuevo";position:absolute;left:8px;top:8px;padding:5px 10px;background-color:var(--sec-color-100);border-radius:10px 20px 20px;z-index:5;transition:inherit}.producto:hover .preview img{transform:scale(1.2)}.producto:hover{transform:scale(1.03)}.producto:hover:before{transform:translate(0)}.producto .preview,.producto .nombre-producto{z-index:2}.producto .preview{height:100%;overflow:hidden;border-radius:10px}.preview img{height:100%;border-radius:10px;transition:all .5s}.preview-color{aspect-ratio:1/1;box-shadow:0 5px 5px 0 var(--ter-color-50);border-radius:10px}.preview-color~.info{text-align:center}.nombre-producto{display:flex;flex:1;flex-direction:column;justify-content:space-between}.nombre-producto li{font-size:small}.producto .ver-mas{color:var(--white-70)}.info-producto{display:flex}.info-producto .info{text-align:justify}.info-producto .info h2{text-align:left;margin-bottom:5px}.info-producto .img{display:flex;justify-content:center;margin-top:-40px}.info-producto img{width:500px}.variantes{margin-top:-30px}.variantes .variante{margin-top:20px}.variantes .sub-variante{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:5px}.variante-prod{background-color:var(--main-color-100);border-radius:15px;padding:10px;-webkit-user-select:none;user-select:none}.variante-prod:hover img{transform:scale(1.2)}.variante-prod:active img{transform:scale(2)}.variante-prod .preview{overflow:hidden;width:100%;aspect-ratio:1/1;border-radius:10px}.variante-prod .preview img{width:100%;transition:all .5s;pointer-events:none}.variante .preview img[alt]{color:var(--white-100)}.variante-prod .info{margin-top:5px;color:var(--white-100)}.variante-prod .info h4{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px}.variante p{margin-top:3px}.sec{padding:15px;border-radius:10px;max-width:600px;text-align:justify;box-shadow:0 0 10px 5px var(--ter-color-10)}.s100{max-width:100%}.sec h2{margin-bottom:10px}.right li{margin-bottom:5px}iframe{width:100%;margin-top:20px;margin-bottom:20px;border:none;border-radius:10px}.input{position:relative;display:flex;flex-direction:column;max-width:400px;margin-top:25px}.input label{position:absolute;left:10px;top:25%;color:var(--ter-color-80);cursor:text;transition:all .3s ease-in-out}.input input{width:100%;height:40px;padding-left:10px;font-size:medium;border:2px solid var(--main-color-100);outline:none;border-radius:5px;transition:all .3s ease-in-out}.input input[type=number]::-webkit-inner-spin-button{display:none}.input input::placeholder{color:transparent}.input input:focus{border:2px solid var(--sec-color-100)}.input input:not(:placeholder-shown)~label{top:-50%;left:0%;font-size:small;color:var(--main-color-100)}.input input:focus~label{top:-50%;left:0%;font-size:small;color:var(--sec-color-100)}.input-btns{flex-direction:row;gap:10px}.input .comprar{border:none;cursor:pointer}.li-tab{margin-left:20px}.comprar{color:var(--white-100);background-color:var(--main-color-100);padding:10px;border-radius:5px;transition:background .4s ease-in-out}.comprar:hover{background-color:var(--sec-color-90)}.comprar img{border-radius:0}footer{flex-direction:column;background-image:linear-gradient(90deg,var(--main-color-100),var(--sec-color-100));color:var(--white-100);padding:20px;margin-top:60px;text-align:center;gap:20px}footer div{gap:15px}footer a img{border-radius:0;width:50px;height:50px;filter:drop-shadow(0 0 5px var(--ter-color-40));transition:transform .2s ease-in-out}footer a:hover img{transform:scale(1.1)}footer h4 a{position:relative}footer h4 a:before{content:" ";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;opacity:0;transition:all .2s ease-in-out}footer h4 a:hover:before{opacity:1}footer h4 a img{width:auto;height:auto}footer h4 a:hover img{transform:none}.wame{display:flex;align-items:center;gap:5px;width:fit-content}.a-link-img{width:25px;height:25px}a{text-decoration:none;color:#fff}img{border-radius:15px}.inicio p{margin-bottom:25px}.inicio h4{margin-bottom:10px}ul{margin-left:20px}hr{margin:20px;border:none;border-bottom:1px solid var(--ter-color-30)}@media screen and (max-width:1240px){main{padding:0 20px}}@media screen and (max-width:1024px){.catalogo .productos{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:800px){.info-producto .img{margin-top:-20px}.info-producto img{width:300px}.variantes .sub-variante{grid-template-columns:repeat(5,minmax(0,1fr))}}@media screen and (max-width:600px){.cover{margin-top:40px}.inicio{display:inline}.inicio img{display:none}.inicio .info img{display:block}.catalogo .productos{display:flex;flex-direction:column}.info-producto{flex-direction:column}.info-producto .img{margin-top:0}.info-producto img{width:200px}.variantes .sub-variante{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:500px){.cover{display:flex;flex-direction:column;align-items:center;overflow:hidden}.cover img{width:150%}.galeria .galeria-imgs{grid-template-columns:repeat(2,1fr);gap:10px}.galeria .imagen:hover{transform:scale(1.03) translateY(-5px)}footer{padding:10px}}@media screen and (max-width:400px){.navbar{justify-content:space-around}.nav-link{flex-direction:column;width:80px;text-align:center;padding:5px}main{padding:5px}.variantes .sub-variante{display:grid;gap:5px}.variante-prod{padding:7px;border-radius:10px}.variante-prod img{border-radius:7px}}
