@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{align-items:center;display:flex;flex-direction:column;font-family:Roboto;font-style:normal;font-weight:400;margin:0}.span{display:none}.banner{height:100%;width:100%}.titulo{color:orange;margin-bottom:0;margin-top:15px}.subtitulo,.titulo{font-style:italic;text-align:center}.subtitulo{font-size:26px;margin:0}.grid{display:grid;flex-wrap:wrap;grid-template-columns:50% 50%;justify-content:space-around;justify-items:center;margin-top:10px;width:100%}.grid div{align-items:center;background-color:#e14d2a;box-shadow:0 -2px 5px #e14d2a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:10px 10px 25px;width:40vw}.grid div:hover{background-color:orange;box-shadow:orange}#movil{display:flex}#pc{display:none}.grid p{color:#fff;font-size:24px;margin:0 10px 10px}.grid img{filter:invert(99%) sepia(1%) saturate(332%) hue-rotate(328deg) brightness(123%) contrast(100%);padding:10px 0;width:100px}container{display:flex;flex-direction:column}container img{box-sizing:border-box;padding:10px;width:100%}container img:first-child{border-bottom:5px solid #e14d2a}.b-contac{background-color:orange;border-radius:50px;color:#fff;font-size:24px;font-weight:700;margin:2vh;padding:15px 0;text-align:center}.b-contac:hover{background-color:#e14d2a}.lore{font-family:Roboto;font-size:20px;font-weight:400;padding:0 20px;text-align:justify}box{display:flex;flex-direction:column;margin-top:10px}@media (min-width:600px){.banner{height:25vw;width:90%}h1{font-size:45px;margin-bottom:5px}h2{font-size:55px}.span{display:inline}#subtitulo{display:none}.grid{grid-template-columns:25% 25% 25% 25%;justify-items:center;width:100%}.grid div{width:20vw}.grid p{font-size:32px;padding-top:15px}.grid img{width:100px}container{border-bottom:2px solid #000;flex-direction:row;margin-bottom:20px}container img{width:50%}container img:first-child{border:none}.box{display:flex;flex-direction:row;margin-bottom:75px;margin-top:75px}.box section{width:50%}.lore{font-size:24px}.titulo{font-size:5vw;margin-bottom:20px;margin-top:25px}.titulo span{font-size:4vw}h1 span{color:#000;font-size:32px}#movil{display:none}#pc{display:flex;height:550px}}footer{background-color:#001253;margin-top:30px;padding:10px 15px}footer p{color:#fff;font-family:Roboto;font-style:italic;margin:10px;text-align:center}.contacto{background-color:#001253;display:flex;justify-content:space-around;width:100%}.contacto img:hover{background-color:#f49c86;border-radius:10px}.contacto img{filter:invert(99%) sepia(1%) saturate(332%) hue-rotate(328deg) brightness(123%) contrast(100%);padding:10px;width:100%}.copy{font-size:small}.copy a{color:#fff;text-decoration:underline}@media (min-width:600px){.container{margin:10px;width:25vw}.container img{height:100%;width:auto}.container-img{height:50vh!important}.section{justify-content:space-around}}.contenido h1{color:orange;font-family:Roboto;font-style:italic;font-weight:900;margin-bottom:30px;text-align:center;text-shadow:2px 2px 4px orange}.cuadro{background-color:#3e6d9c;display:flex;flex-wrap:wrap;max-width:100%;padding:50px}.cuadro img,.info{width:100%}.info{align-items:center;display:flex;flex-direction:column}.info img{filter:invert(99%) sepia(1%) saturate(332%) hue-rotate(328deg) brightness(123%) contrast(100%);width:50px}.info a{align-items:center;color:#fff;display:flex;margin:25px 0;padding:10px}.info a:hover{background-color:orange;border-radius:10px}.info p{font-family:Roboto,sans-serif;font-size:25px;font-weight:400;margin:0 0 0 20px}.whats{background-color:orange;border-radius:10px 10px;box-shadow:2px 2px 4px #fff;display:flex;justify-content:center;padding:15px!important;width:60%}.whats:hover{background-color:#e14d2a!important;width:60%}.redes{align-items:center;display:flex;flex-direction:column;width:100%}.redes img{filter:invert(99%) sepia(1%);width:50px}.redes a{border-radius:10px 10px;box-shadow:2px 2px 4px gray;display:flex;justify-content:center;margin-bottom:30px;padding:15px;width:70%}.redes a,.redes a:first-child{background-color:#3b5998}.redes a:nth-child(2){background-color:#e1306c}.redes a:hover:first-child{background-color:#748fca}.redes a:hover:nth-child(2){background-color:#d5678c}.redes p{color:#fff;font-family:Robot,sans-serif;font-weight:700;margin-left:20px}.map{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.map iframe{height:100%;position:absolute;width:100%}box{background-color:#eee;border-radius:10px;margin:20px 10px;padding:20px 0 0}box p{font-family:Roboto,sans-serif;font-size:20px;margin-top:0;text-align:center}@media (min-width:600px){.contenido{align-items:center;display:flex;flex-direction:column}.cuadro{align-items:center;border-radius:10px;justify-content:center;width:80%}.cuadro section{overflow:hidden}.cuadro img,.info{width:50%}.info img{width:50px}.redes{flex-direction:row;justify-content:space-around;width:100%}.redes,.redes a{align-items:center}.redes a{background-color:#3b5998;border-radius:10px 10px;box-shadow:2px 2px 4px gray;flex-direction:column;margin-bottom:30px;padding:30px;width:30%}.redes p{font-size:20px;margin:20px 0 0}.redes img{width:40%}.map{border-radius:10px;width:80%}box{margin-top:30px;width:90%}box p{font-size:30px}}.product img{height:650px;width:100%}.muestra{flex-direction:column}.muestra,.muestra section{align-items:center;display:flex}.muestra section{height:100px;justify-content:space-around;overflow:hidden;padding:15px;width:90%}.muestra section img{height:100%;margin:0 10px;width:75px}.selectable{border:none}.selected{border:2px solid gray;border-radius:5px;padding:5px}.product h1{color:#537fe7;font-style:italic}.product h2{color:orange;margin:20px 0;text-align:justify;text-align:center}.product h2,.product h3{font-family:Roboto,sans-serif;font-size:xx-large}.product h3{margin-bottom:10px;width:100%}.product p{font-size:24px;margin:10px 0;padding:0 0 0 5px}.square{background-color:#eee;border-radius:10px;margin:20px 10px;padding:20px;width:80%}.square section{display:flex;flex-wrap:wrap;justify-content:center}.square figcaption{text-align:center}.square div{margin:0 10px}.square .colorHex{border-radius:100px;height:50px;margin:0;width:50px}.product .colores{width:100%}.product .colores p{margin:0;padding:0;text-align:center}.product figure{display:flex;flex-direction:row;justify-content:center;margin:10px 0 0;overflow:hidden}.product .colores_img{height:50px;padding:0 2px;width:50px}.about{align-items:center;display:flex;flex-direction:column}.compra{background-color:#25d366;border-radius:10px 10px;box-shadow:2px 2px 4px #fff;color:#fff;display:flex;height:50px;justify-content:center;padding:15px!important;width:80%}.compra:hover{background-color:#128c7e}.compra img{filter:invert(99%) sepia(1%);height:100%;margin-right:20px;width:auto}.red{color:red;font-weight:700}#whats{width:auto}.cargando{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.cargando img{width:15vw}@media (min-width:600px){.product{align-items:center;display:flex;justify-content:space-around;margin:3vh 5vw}.product img{width:500px}.imagenes img{height:100%;margin:1vh 0;width:auto}.square{padding:20px 50px}.muestra{margin-right:100px}}header{background:#c33f22;background:linear-gradient(0deg,#c33f22 45%,#c36a22);display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c33f22",endColorstr="#c36a22",GradientType=1);font-size:18px;height:10vh;justify-content:space-between;width:100%}.logo{display:inline-flex;padding:2vh}.logo img{max-width:10vw;width:100%}nav{align-items:center;background-color:#537fe7;border-bottom:2px solid #181823;display:flex;flex-direction:column;position:absolute;top:10vh;transform:translateX(-100%);transition:all .3s ease;width:100%;z-index:9999}nav a{color:#e9f8f9;font-size:20px;margin:15px;padding:0 5px;position:relative;text-align:center;text-decoration:none}nav a:hover{background-color:orange;border-radius:5px}.toggle{display:flex;flex-direction:column;margin:25px}.toggle span{background:#fff;height:5px;margin-bottom:5px;transform-origin:5px 0;transition:all .2s linear;width:35px}.nav-items.open{transform:translateX(0)!important}.toggle.open>span{transform:rotate(45deg) translate(-2px,1px)}.toggle.open>span:nth-child(2){display:none}.toggle.open>span:nth-child(3){transform:rotate(-45deg) translate(-8px,2px)}@media (min-width:600px){.toggle{display:none}nav{background-color:initial;border-bottom:none;flex-direction:row;margin-right:20px;position:static;transform:translateX(0);width:auto}}a{text-decoration:none}.containerApi{align-items:center;height:80vh;justify-content:center}.containerApi,.porcentaje{display:flex;flex-wrap:wrap}.porcentaje{height:20%;padding:0 2%;width:80%}.porcentaje h3{margin:0}meter{height:25px;width:100%}meter::-webkit-meter-bar{background:#eee}meter::-webkit-meter-even-less-good-value,meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value{background:#4caf50}.infoA{display:flex;flex-direction:row;justify-content:space-around;width:100%}.infoA div{align-items:center;display:flex;justify-content:space-between}.infoA p{font-size:medium;margin-left:10px}.infoA p:nth-child(3){font-weight:700}.esfera{background-color:#eee;border:1px solid gray;border-radius:100%;height:20px;width:20px}.infoA div:first-child .esfera{background-color:#4caf50;border:none}.grid_1{display:grid;flex-wrap:wrap;height:80%;justify-content:space-around;width:100%}.grid_1,.grid_1 a{align-items:center}.grid_1 a{background-color:#e14d2a;box-shadow:0 -2px 5px #e14d2a;box-sizing:border-box;display:flex;flex-direction:column;height:40vh;justify-content:center;width:65%}.grid_1 a:hover{background-color:orange;box-shadow:orange}.grid_1 p{color:#fff;font-size:24px;margin:0 10px 10px}.grid_1 img{filter:invert(99%) sepia(1%) saturate(332%) hue-rotate(328deg) brightness(123%) contrast(100%);padding:10px 0;width:100px}@media (min-width:600px){.grid_1{grid-template-columns:33% 33% 33%;justify-items:center;width:100%}.grid_1 div{height:25vw;position:relative;top:25%;width:25vw}.grid_1 img{width:10vw}.grid_1 p{font-size:32px;padding-top:15px}}form{grid-row-gap:15px;display:grid;padding:2%;width:96%}label{font-weight:700}input,select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:20px;padding:10px;width:100%}textarea{resize:vertical}h4{margin:0 0 5px}#descripcion{height:300px!important}.send{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:large;font-weight:700;margin:0 auto 30px;padding:10px 15px;width:50%}.send:disabled{background-color:#a0a0a0;cursor:not-allowed}.gen{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:10px;width:100%}.gen label{font-weight:400}.gen div{align-items:center;display:flex;flex-direction:column}.contenedor{display:grid;flex-wrap:wrap;grid-template-columns:25% 25% 25% 25%}.contenedor div{justify-content:center;width:100%}.contenedor div,.contenedor figure{align-items:center;display:flex;flex-direction:column}.contenedor figure{margin:0}.contenedor figcaption{font-weight:450;text-align:center}.contenedor input{margin:5px 0 30px}.colores_img{height:50px;width:50px}.colorHex{border-radius:100%;height:50px!important;margin:0;width:50px!important}.preview{align-items:center;display:flex;flex-direction:column;width:100%}.preview img{width:30%}.preview button{background-color:#e13b3b;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;margin-top:10px;padding:10px 15px;width:40%}.modal_1{align-items:center;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%;z-index:1000}.modal_1 img{margin-bottom:10px;width:30%}.modal_1 h2{margin:0 auto}.checkYoung{align-items:center;display:flex;flex-wrap:nowrap;justify-content:center;width:100%}.checkYoung input,.checkYoung p{margin:0!important}.checkYoung input{width:20px}.modal_1 button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 auto 30px;padding:10px 15px;width:40%}.error{color:red;font-size:small}.advice,.error{text-align:center}.advice{color:#e13b3b;margin:0;width:100%}@media (min-width:600px){form{display:flex;flex-wrap:wrap;padding:0;width:100%}form div{padding:1%;width:48%}input,select,textarea{margin-bottom:10px}.Igrid{display:grid;grid-template-columns:33% 33% 33%;width:100%}.contenedor{grid-template-columns:20% 20% 20% 20% 20%;width:100%}}h1{color:#ff8c00;font-family:Roboto}.name,h1{text-align:center}.name{font-size:34px;margin-bottom:0}.section{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.container{background-color:tomato;border:1px solid red;border-radius:10px;box-shadow:1px -2px 5px #ff4500;box-sizing:border-box;margin:5px 5px 20px;overflow:hidden;width:47%}.container img{height:auto;width:100%}.container p{color:#000;margin:0;text-align:center}.container>p{font-size:18px;margin-bottom:2px}.container>p:nth-child(3){font-size:22px;font-weight:700}.container-img{background-color:#fff;border-bottom:2px solid navy!important;display:flex;height:35vh!important;justify-content:center;padding:0}.button{background-color:orange;border-top:2px solid navy;color:#000;font-size:20px;font-weight:700;padding:5px;text-align:center}.eliminar{background-color:#e13b3b;color:#fff}.agotado{color:red;font-size:24px;font-weight:700;position:absolute}.modal{align-items:center;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:70%;z-index:1000}.modal h2{margin:0 auto}.modal div{display:flex;justify-content:space-between;width:50%}.modal button{border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 auto 30px;padding:10px 15px;width:40%}.modal button:first-child{background-color:#4caf50}.modal button:nth-child(2){background-color:#e13b3b}@media (min-width:600px){.container{margin:10px;width:25vw}.container img{height:100%;width:auto}.container-img{height:50vh!important}.section{justify-content:space-around}.modal{width:50%}}
/*# sourceMappingURL=main.c91aa1f9.css.map*/