html,body{width:100%;height:100%;margin:0}.fondo{z-index:-3;position:fixed;width:100%;height:100%;background:radial-gradient(orange, darkred)}#boton-desplegar{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:20px;width:150px;height:40px;background:none;border:2px solid orange;border-radius:20px;font-size:1rem;outline:none;font-family:"Chela One",cursive;transition-duration:.15s}#boton-desplegar:hover{background:orange}#div-principal{z-index:0;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%}#contenedor-inicio{display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center;width:40%;height:75%;margin:0}#contenedor-inicio img{filter:contrast(1) brightness(110%);margin:20px;margin-top:0;width:273px;height:126px}#contenedor-inicio div{overflow:auto;width:100%;font-size:1.1rem;font-family:"Chela One",cursive;text-align:center}#menu{display:none;opacity:0;justify-content:space-around;align-items:center;width:100%;height:100%}#menu div{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:25%;height:40%;border-radius:30px;background-color:orange;transition-duration:.15s}#menu div span{font-family:"Chela One",cursive;font-size:2rem}#menu div div{background:none;overflow:hidden;height:0;opacity:1;border-radius:0;transition-duration:.15s}#menu div div:hover{box-shadow:0 0 black}#menu div div i{font-size:4rem}#menu div:hover{opacity:1;box-shadow:0 0 10px black}#menu div:hover div{height:70px}#contenedor-productos{overflow-y:auto;overflow-x:hidden;display:none;flex-wrap:wrap;justify-content:center;width:90%;margin-bottom:1%;font-family:"Chela One",cursive}#contenedor-productos::-webkit-scrollbar{background:none;border-radius:30px;width:10px}#contenedor-productos::-webkit-scrollbar-thumb{border-radius:30px;background-color:#808080}#contenedor-productos .contenedor-informacion-producto{cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;width:250px;margin:5%;margin-top:1%;background-color:orange;border-radius:30px;text-align:center;transition-duration:.15s}#contenedor-productos .contenedor-informacion-producto div{overflow:hidden;display:flex;height:150px;border-radius:30px;border-bottom-left-radius:0;border-bottom-right-radius:0}#contenedor-productos .contenedor-informacion-producto div img{width:250px;height:150px}#contenedor-productos .contenedor-informacion-producto:nth-of-type(2) .carousel img:nth-of-type(1){animation:animacion-carousel 5s infinite;animation-timing-function:linear;animation-direction:alternate}#contenedor-productos .contenedor-informacion-producto:nth-of-type(4) .carousel img:nth-of-type(1){animation:animacion-carousel 5s infinite;animation-timing-function:linear;animation-direction:alternate}#contenedor-productos .contenedor-informacion-producto:nth-of-type(12) .carousel img:nth-of-type(1){animation:animacion-carousel 5s infinite;animation-timing-function:linear;animation-direction:alternate}#contenedor-productos .contenedor-informacion-producto:nth-of-type(13) .carousel img:nth-of-type(1){animation:animacion-carousel 5s infinite;animation-timing-function:linear;animation-direction:alternate}#contenedor-productos .contenedor-informacion-producto:nth-of-type(14) .carousel img:nth-of-type(1){animation:animacion-carousel 5s infinite;animation-timing-function:linear;animation-direction:alternate}#contenedor-productos .contenedor-informacion-producto .titulo-producto{margin:10px}#contenedor-productos .contenedor-informacion-producto h2{font-size:1rem}#contenedor-productos .contenedor-informacion-producto span:nth-of-type(2){display:none;margin:10px;margin-top:0}#contenedor-productos .contenedor-informacion-producto:hover{box-shadow:0 0 20px black}#fuera-modal{display:none;z-index:1;top:0;left:0;position:absolute;width:100%;height:100%;background:black;opacity:0}#modal{z-index:2;display:none;flex-direction:column;flex-wrap:nowrap;background-color:orange;border-radius:30px;text-align:center;top:50%;left:50%;margin-top:-262.5px;margin-left:-150px;position:absolute;width:300px;height:0px}#modal i{border-top-left-radius:30px;border-top-right-radius:30px;cursor:pointer;font-size:2rem;background:none;transition-duration:.15s}#modal i:hover{background:#ff8c00}#modal .carousel-modal{display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden;display:flex;width:300px;height:200px}#modal span:nth-of-type(1){padding:20px}#modal span:nth-of-type(2){height:250px;margin-bottom:10px;padding-left:20px;padding-right:20px;overflow-y:auto}#modal span:nth-of-type(2)::-webkit-scrollbar{background:none;border-radius:30px;width:5px;height:90%}#modal span:nth-of-type(2)::-webkit-scrollbar-thumb{border-radius:30px;background-color:#808080}#modal span{padding:20px;padding-top:10px}#modal span a button{cursor:pointer;padding:5px;font-size:1.05rem;background:#ff8c00;border:none;border-radius:5px;box-shadow:2px 2px 2px black;outline:none;transition-duration:.05s}#modal span a button:active{box-shadow:0px 0px 0px black;margin-bottom:-2px;margin-right:-2px}@keyframes animacion-carousel{0%{margin-left:0px}40%{margin-left:0px}60%{margin-left:-250px}100%{margin-left:-250px}}#contenedor-contacto{overflow:auto;display:none;flex-direction:column;justify-content:flex-start;align-items:center;width:40%;height:80%;opacity:0}#contenedor-contacto iframe{margin:30px;margin-top:0;border-radius:30px;width:100%;height:50%}#contenedor-contacto span{font-family:"Chela One",cursive;font-size:1.2rem;font-weight:bold;margin:2px;text-align:center}#contenedor-contacto span a{text-decoration:none}@media only screen and (max-width: 1024px){#div-principal{justify-content:flex-start;align-items:center}#boton-desplegar{width:200px;height:50px;font-size:1.5rem;border-radius:30px}#contenedor-inicio{width:75%}#contenedor-inicio img{width:273px;height:126px}#contenedor-inicio span{font-size:1.5rem}#menu div div{min-width:72px;min-height:67px}#contenedor-contacto{width:75%}#contenedor-contacto span{font-size:2rem}}@media only screen and (max-width: 425px){#boton-desplegar{width:150px;height:40px;font-size:1rem}#div-principal{justify-content:flex-start;align-items:center}#contenedor-inicio span{font-size:1rem}#menu{align-items:center;justify-content:center;flex-direction:column}#menu div{width:80%;height:30%;margin:5%}#contenedor-contacto span{font-size:1rem}}@-moz-document url-prefix(){#contenedor-productos{padding:10px}}