@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,400;1,500&family=Montserrat:wght@400;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#lp-container{background-color:#000;background-color:var(--color-secundary);display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;width:100vw}#lp-container h3{font-size:1.5em;margin:-30px}#lp-container h1,#lp-container h3{color:#fff;color:var(--color-primary)}#lp-container h1{font-size:15em;margin:0}#lp-container button{font-family:"Montserrat",sans-serif;font-weight:700;font-size:1.3em;margin:0;border:none;border-radius:50px;height:50px;width:150px;transition:.1s}#lp-container button:hover{font-size:1.32em;margin-bottom:-1px;height:52px;width:152px}@media screen and (max-width:400px){#lp-container h1{font-size:5em;margin:50px}#lp-container button{height:50px;width:150px}}.cards-container a{text-decoration:none;color:#f0f8ff;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:20px;height:350px;width:320px}.cards-container p{color:#545454;color:var(--color-gray-medium);font-size:1.5em;margin-top:10px;margin-left:20px;height:5%}.cards-container p button{margin-top:0;margin-left:90px;height:25px;width:25px;border:none;border-radius:50%;transition:.3s}.cards-container p button:hover{background-color:red}.cards-container a h2{margin:5px}.c-c-img{height:95%;outline:3px solid #000}.c-c-img,.c-c-img div{display:flex;justify-content:center;width:100%;border-radius:10px}.c-c-img div{font-size:1em;color:transparent;background-color:initial;align-items:center;height:0%;padding:10px;transition:.5s}.cards-container:hover a .c-c-img div{color:#fff;color:var(--color-primary);background-color:rgba(0,0,0,.58);height:94%}.pag-container{flex-direction:column;margin:0;padding:0;width:100%}.pag-cont-cards,.pag-container{display:flex;align-items:center}.pag-cont-cards{justify-content:space-evenly;flex-wrap:wrap;width:85%}.pg-cont-butt{display:flex;justify-content:center;flex-wrap:wrap;height:50px;width:100%;margin:20px}.pg-cont-butt button{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);font-size:1.2em;margin:5px;height:40px;width:40px;border:none;border-radius:50%}.pg-cont-butt button:hover{font-size:1.2em;margin:2.5px;height:45px;width:45px;border:none;border-radius:50%}@media screen and (max-width:390px){.pg-cont-butt{display:flex;justify-content:center;flex-wrap:wrap;height:80px;width:100%;margin:20px}}#cont-loading{display:flex;align-items:center;flex-direction:column;height:200px;width:300px}#cont-loading img{height:200px;width:200px;-webkit-animation:girar 3s infinite;animation:girar 3s infinite}@-webkit-keyframes girar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes girar{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cont-searchbar{height:100%;width:550px;margin:0 -150px}.cont-searchbar form{display:flex;justify-content:center;align-items:center;height:100%;width:550px}.cont-searchbar form button{margin-right:20px;height:50px;width:50px;border:none;border-radius:50%}.cont-searchbar form button img{margin-top:2px;height:40%;width:50%}.cont-searchbar form input{outline:none;font-size:1em;background-color:#000;background-color:var(--color-secundary);padding-left:0;height:35px;width:0;border:none;border-radius:50px;transition:1s}.cont-searchbar:hover form input{background-color:#fff;background-color:var(--color-primary);padding-left:20px;height:35px;width:250px;border:none;border-radius:50px}@media screen and (max-width:390px){.cont-searchbar form button{margin:0;padding:0;height:0;width:0}.cont-searchbar form input{background-color:#fff;background-color:var(--color-primary);margin-top:30px;padding-left:20px;height:35px;width:250px;border:none;border-radius:50px}}body{font-family:"Montserrat",sans-serif;font-family:var(--font-primary)}.home-container{background-color:#fff;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.home-nav{background-image:url(/static/media/papel_negro.30b174d4.png);background-position:bottom;width:100%;height:350px}#btn-open-nav{position:absolute;margin-left:-100px}#btn-close-nav,#btn-open-nav{width:0;height:0;font-size:0;padding:0}.home-navbar-up{color:#fff;color:var(--color-primary);display:flex;justify-content:space-around;align-items:center;height:40%;width:100%}.home-navbar-up h1{font-size:4.5em}.home-navbar-up a button{background-color:#fff;background-color:var(--color-primary);padding:0;height:40px;width:250px;border-radius:50px;border:none;transition:.3s}.home-navbar-up a button:hover{font-size:.85em;height:42px;width:252px;margin-left:-2px}.home-navbar-up a button h1{font-size:1.35em}.home-navbar-d{display:flex;justify-content:space-evenly;height:60%;width:100%}.home-navbar-d a button{padding:0;margin:0;height:0;width:0}.home-navbar-d a button:hover{height:0;width:0}.home-navbar-d select{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);font-size:.87em;padding-left:30px;border:3px solid #fff;border:3px solid var(--color-primary);border-radius:15px;height:45px;width:100%}.home-navbar-d button{font-size:.5em;border:none;border-radius:10px;height:50px;width:300px;margin:30px -25px 30px -100px;transition:.3s}.home-navbar-d button:hover{padding-bottom:2px;font-size:.51em;height:52px;width:304px;margin:29px -27px 29px -100px}.home-navbar-d div{color:#fff;color:var(--color-primary);font-size:1.1em;display:flex;flex-direction:column;align-items:center;width:250px}.home-navbar-d div label{height:30px}@media screen and (max-width:1390px){.home-navbar-d{display:flex;height:100vh;width:0;z-index:100}.home-navbar-d button,.home-navbar-d select{margin-left:-1000px}#btn-open-nav{font-size:.5em;font-weight:700;margin-left:50px;padding-bottom:10px;width:40px;height:40px;border:none;border-radius:10px}#btn-close-nav{width:0;height:0}.nav-activate #btn-close-nav{width:35px;height:35px;font-size:1em;font-weight:700;margin:0}.nav-activate{background-color:#000;background-color:var(--color-secundary);opacity:.97;position:absolute;top:0;display:flex;flex-direction:column;align-items:center;height:100vh;width:350px}.nav-activate button,.nav-activate button:hover{margin:0}.nav-activate select{margin-left:0}}@media screen and (max-width:390px){#crear-receta{padding:0;margin:0;height:0;width:0}#btn-open-nav{margin-top:-150px;margin-left:25px}.home-navbar-up{margin-top:30px;display:flex;flex-wrap:wrap}.home-navbar-up h1{margin:-20px 15px 15px}.home-navbar-up a button{padding-top:30px;height:40px;width:200px}.nav-activate a button{background-color:#fff;background-color:var(--color-primary);padding:0;height:35px;width:200px;border-radius:50px;border:none}}:root{--color-gray-dark:#545454;--color-gray-medium:#737373}.card-container{font-family:"Montserrat",sans-serif;font-family:var(--font-primary);margin:0;padding:0;height:100vh;width:100vw;background-image:url(/static/media/papel_negro_v.4f7055d6.png);background-repeat:no-repeat}.card-nav{display:flex;flex-direction:row;width:100%;height:17vh}.card-nav-button{display:flex;justify-content:center;align-items:center;height:100%;width:23%}.card-nav-button a button{font-size:.7em;height:40px;width:250px;border:none;border-radius:50px;transition:.3s}.card-nav-button a button h1{margin:7px}.card-nav-button a button:hover{font-size:.72em;height:43px;width:253px}.card-nav-title{display:flex;justify-content:center;align-items:center;height:100%;width:77%}.card-nav-title h1{font-size:2.8em}.card-line-data{background-color:rgba(204,205,205,.65);display:flex;justify-content:space-evenly;align-items:center;height:4vh;width:100%}.card-line-data p{color:#000;color:var(--color-secundary);font-weight:700;font-size:1.4em}.card-cont-img-data{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;height:79vh;width:100%}.card-img{height:550px;width:550px;outline:5px solid #000;outline-offset:-15px;border-radius:20px}.card-cont-data{height:500px;width:1000px;margin-left:50px}.card-cont-data h3{font-size:1.7em;margin:5px}.cont-data-rp{background-color:#cccdcd;background-color:var(--color-gray-light);height:350px;width:100%;overflow-y:auto;border-radius:8px;padding:20px}.cont-data-rp::-webkit-scrollbar{-webkit-appearance:none;width:8px}.cont-data-rp::-webkit-scrollbar-thumb{background-color:#545454;background-color:var(--color-gray-dark);border-radius:50px}.cont-data-rp li,.cont-data-rp p{font-size:1.2em;font-weight:700}#cont-btn-data{display:flex;justify-content:center;align-items:center;height:70px}#btn-data{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);font-size:1em;font-weight:700;height:45px;width:230px;border:none;border-radius:50px;transition:.3s}#btn-data:hover{box-shadow:0 5px 5px #737373;box-shadow:0 5px 5px var(--color-gray-medium)}@media screen and (max-width:1390px){.card-container{background-image:none}.card-img{margin:50px}}@media screen and (max-width:768px){.card-nav{display:flex;flex-direction:column;align-items:center;margin:20px 0}.card-nav-title h1{font-size:1.8em}.card-line-data{background-color:rgba(204,205,205,.65);display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:150px;width:100vw;margin:10px 0}.card-line-data p{font-size:1.2em;margin:0}.card-cont-data h3{font-size:1.4em;margin:5px}.cont-data-rp{background-color:#cccdcd;background-color:var(--color-gray-light);height:350px;width:80%;overflow-y:auto;border-radius:8px;padding:20px}}:root{--color-primary:#fff;--color-secundary:#000;--color-gray-dark:#737373;--color-gray-medium:#545454;--color-gray-light:#cccdcd;--font-primary:"Montserrat",sans-serif}#container-createrecipe{font-family:"Montserrat",sans-serif;font-family:var(--font-primary);margin:0;padding:0;background-image:linear-gradient(#fff 23%,#000 0);height:100vh;width:100vw;overflow:hidden}#cont-btn-home a button{font-size:1em;font-weight:700;margin:25px;height:40px;width:200px;border:none;border-radius:50px}#cont-title-form{font-size:1.5em;display:flex;justify-content:center;align-items:center;height:8vh;width:100vw}#form-create{background-image:url(/static/media/plato_comida.0dfefbb8.png);background-repeat:no-repeat;background-position:0 0;display:flex;flex-direction:row;flex-wrap:wrap;height:80vh;width:100vw}#form-create p{color:#c00}#form-cont-left{height:95%;width:36%;margin-top:3%;margin-left:23%;padding:10px}.form-inputs{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:65px;width:100%}.form-inputs label{color:#fff;color:var(--color-primary);font-size:1.2em;font-weight:700}.form-inputs input{width:400px;border:2px solid #fff;border:2px solid var(--color-primary);border-radius:10px;padding-left:10px}#select-diets select,.form-inputs input{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);height:25px}#select-diets select{margin-right:50px;width:200px;border:2px solid #fff;border:2px solid var(--color-primary);border-radius:15px}#cont-diets{color:#fff;color:var(--color-primary);display:flex;justify-content:center;height:280px;width:100%}#cont-diets ul li button{background-color:#fff;background-color:var(--color-primary);height:25px;width:25px;border:2px solid #000;border-radius:50%;padding-right:12px}#cont-btn-submit{display:flex;justify-content:center;align-items:center;height:50px;width:100%}#cont-btn-submit button{font-size:1.2em;font-weight:700;height:40px;width:200px;border:none;border-radius:25px;transition:.3s}#cont-btn-submit button:hover{font-size:1.25em;height:42px;width:205px;box-shadow:0 5px 5px #555}#form-cont-right{display:flex;flex-direction:column;align-items:center;height:95%;width:38%;margin-top:3%}#form-cont-right label{color:#fff;color:var(--color-primary);font-size:1.5em;font-weight:700;margin:10px}#form-cont-right button{font-size:1.1em;font-weight:700;margin:10px;padding:5px 10px;border:none;border-radius:25px;transition:.3s}#form-cont-right button:hover{font-size:1.15em;padding:5px 12px;box-shadow:0 5px 5px #555}#form-cont-right input{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);margin:5px;height:28px;width:450px;border:2px solid #fff;border-radius:10px}@media screen and (max-width:390px){#container-createrecipe{font-family:"Montserrat",sans-serif;font-family:var(--font-primary);margin:0;padding:0;height:100vh;width:100vw;overflow:auto}#cont-title-form{font-size:1em;padding-bottom:10px}#form-create{background-image:none;flex-direction:row;flex-wrap:wrap;height:80vh;width:100vw}#form-cont-left,#form-create{background-color:#000;display:flex}#form-cont-left{flex-direction:column;justify-content:center;height:95%;width:100%;margin:0;padding:50px 0 0}.form-inputs{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:100%;width:85%;margin:20px}#select-diets{background-color:#000;width:100%;margin:0;padding:25px}#cont-diets{color:#fff;color:var(--color-primary);justify-content:center;flex-direction:row;flex-wrap:wrap;height:400px;margin-bottom:-170px}#cont-diets,#form-cont-right{background-color:#000;display:flex;width:100%}#form-cont-right{flex-direction:column;align-items:center;height:115%;margin:170px 0;padding:10px}#form-cont-right input{color:#fff;color:var(--color-primary);background-color:#000;background-color:var(--color-secundary);margin:5px;height:28px;width:85%;border:2px solid #fff;border-radius:10px}#cont-btn-submit{position:absolute;bottom:10px}}
/*# sourceMappingURL=main.e22f0d1e.chunk.css.map */