@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{-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}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}:root{--color-primary:#ff4747;--color-gray-light:#ff7676}#lp-container{align-items:center;background-image:url(/static/media/cocinaa.92580775103f580af17c.jpg);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}#lp-container h3{color:#922323;font-size:2rem;margin:-30px}#lp-container h1{color:#000;color:var(--color-secundary);font-size:8em;margin:0}#lp-container button{background-color:#922323;border:none;border-radius:50px;color:#f0f8ff;font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;height:50px;margin:0;transition:.1s;width:150px}#lp-container button:hover{font-size:1.32rem;height:52px;margin-bottom:-1px;transition:.3s;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{align-items:center;color:#f0f8ff;display:flex;flex-direction:column;height:350px;justify-content:center;margin:20px;text-decoration:none;width:320px}.cards-container p{color:#545454;color:var(--color-gray-medium);font-size:1.5em;height:5%;margin-left:20px;margin-top:10px}.cards-container p button{border:none;border-radius:50%;height:25px;margin-left:90px;margin-top:0;transition:.3s;width:25px}.cards-container p button:hover{background-color:red}.cards-container a h2{margin:5px}.c-c-img{height:95%;outline:3px solid #ff4646}.c-c-img,.c-c-img div{border-radius:10px;display:flex;justify-content:center;width:100%}.c-c-img div{align-items:center;background-color:initial;color:transparent;font-size:1em;height:0;padding:10px;transition:.5s}.cards-container:hover a .c-c-img div{background-color:rgba(0,0,0,.58);color:#fff;color:var(--color-primary);height:94%}.pag-container{flex-direction:column;margin:0;padding:0;width:100%}.pag-cont-cards,.pag-container{align-items:center;display:flex}.pag-cont-cards{flex-wrap:wrap;justify-content:space-evenly;width:85%}.pg-cont-butt{display:flex;flex-wrap:wrap;height:50px;justify-content:center;margin:20px;width:100%}.pg-cont-butt button{background-color:#000;background-color:var(--color-secundary);border:none;border-radius:50%;color:#fff;color:var(--color-primary);font-size:1.2em;height:40px;margin:5px;width:40px}.pg-cont-butt button:hover{border:none;border-radius:50%;font-size:1.2em;height:45px;margin:2.5px;width:45px}@media screen and (max-width:390px){.pg-cont-butt{display:flex;flex-wrap:wrap;height:80px;justify-content:center;margin:20px;width:100%}}#cont-loading{align-items:center;display:flex;flex-direction:column;height:200px;width:300px}#cont-loading img{-webkit-animation:girar 3s infinite;animation:girar 3s infinite;height:200px;width:200px}@-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%;margin:0 -150px;width:550px}.cont-searchbar form{align-items:center;display:flex;height:100%;justify-content:center;width:550px}.cont-searchbar form button{border:none;border-radius:50%;height:50px;margin-right:20px;width:50px}.cont-searchbar form button img{height:40%;margin-top:2px;width:50%}.cont-searchbar form input{background-color:#000;background-color:var(--color-secundary);border:none;border-radius:50px;font-size:1em;height:35px;outline:none;padding-left:0;transition:1s;width:0}.cont-searchbar:hover form input{background-color:#fff;background-color:var(--color-primary);border:none;border-radius:50px;height:35px;padding-left:20px;width:250px}@media screen and (max-width:390px){.cont-searchbar form button{height:0;margin:0;padding:0;width:0}.cont-searchbar form input{background-color:#fff;background-color:var(--color-primary);border:none;border-radius:50px;height:35px;margin-top:30px;padding-left:20px;width:250px}}body{font-family:Montserrat,sans-serif;font-family:var(--font-primary)}.home-container{align-items:center;background-color:#fff;background-color:var(--color-primary);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.home-nav{background-color:#d71f1c;background-position:bottom;height:350px;width:100%}#btn-open-nav{margin-left:-100px;position:absolute}#btn-close-nav,#btn-open-nav{font-size:0;height:0;padding:0;width:0}.home-navbar-up{align-items:center;color:#fff;color:var(--color-primary);display:flex;height:40%;justify-content:space-around;width:100%}.home-navbar-up h1{font-size:4.5em}.home-navbar-up a button{background-color:#fff;background-color:var(--color-primary);border:none;border-radius:50px;height:40px;padding:0;transition:.3s;width:250px}.home-navbar-up a button:hover{font-size:.85em;height:42px;margin-left:-2px;width:252px}.home-navbar-up a button h1{font-size:1.35em}.home-navbar-d{display:flex;height:60%;justify-content:space-evenly;width:100%}.home-navbar-d a button{height:0;margin:0;padding:0;width:0}.home-navbar-d a button:hover{height:0;width:0}.home-navbar-d select{background-color:#fff;background-color:var(--color-primary);border:3px solid #fff;border:3px solid var(--color-primary);border-radius:15px;color:#000;color:var(--color-secundary);font-size:.87em;height:45px;padding-left:30px;width:100%}.home-navbar-d button{border:none;border-radius:10px;font-size:.5em;height:50px;margin:30px -25px 30px -100px;transition:.3s;width:300px}.home-navbar-d button:hover{font-size:.51em;height:52px;margin:29px -27px 29px -100px;padding-bottom:2px;width:304px}.home-navbar-d div{align-items:center;color:#fff;color:var(--color-primary);display:flex;flex-direction:column;font-size:1.1em;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{border:none;border-radius:10px;font-size:.5em;font-weight:700;height:40px;margin-left:50px;padding-bottom:10px;width:40px}#btn-close-nav{height:0;width:0}.nav-activate #btn-close-nav{font-size:1em;font-weight:700;height:35px;margin:0;width:35px}.nav-activate{align-items:center;background-color:#000;background-color:var(--color-secundary);display:flex;flex-direction:column;height:100vh;opacity:.97;position:absolute;top:0;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{height:0;margin:0;padding:0;width:0}#btn-open-nav{margin-left:25px;margin-top:-150px}.home-navbar-up{display:flex;flex-wrap:wrap;margin-top:30px}.home-navbar-up h1{margin:-20px 15px 15px}.home-navbar-up a button{height:40px;padding-top:30px;width:200px}.nav-activate a button{background-color:#fff;background-color:var(--color-primary);border:none;border-radius:50px;height:35px;padding:0;width:200px}}:root{--color-gray-dark:#545454;--color-gray-medium:#737373}.card-container{background-color:#f2deba;font-family:Montserrat,sans-serif;font-family:var(--font-primary);height:100vh;margin:0;padding:0;width:100vw}.card-nav{display:flex;flex-direction:row;height:17vh;width:100%}.card-nav-button{align-items:center;display:flex;height:100%;justify-content:center;width:23%}.card-nav-button a button{border:none;border-radius:50px;font-size:.7em;height:40px;transition:.3s;width:250px}.card-nav-button a button h1{margin:7px}.card-nav-button a button:hover{font-size:.72em;height:43px;width:253px}.card-nav-title{align-items:center;display:flex;height:100%;justify-content:center;width:77%}.card-nav-title h1{font-size:2.8em}.card-line-data{align-items:center;background-color:hsla(180,1%,80%,.65);display:flex;height:4vh;justify-content:space-evenly;width:100%}.card-line-data p{color:#000;color:var(--color-secundary);font-size:1.4em;font-weight:700}.card-cont-img-data{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:79vh;justify-content:center;width:100%}.card-img{border-radius:20px;height:550px;outline:5px solid #000;outline-offset:-15px;width:550px}.card-cont-data{height:500px;margin-left:50px;width:1000px}.card-cont-data h3{font-size:1.7em;margin:5px}.cont-data-rp{background-color:#cccdcd;background-color:var(--color-gray-light);border-radius:8px;height:350px;overflow-y:auto;padding:20px;width:100%}.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{align-items:center;display:flex;height:70px;justify-content:center}#btn-data{background-color:#000;background-color:var(--color-secundary);border:none;border-radius:50px;color:#fff;color:var(--color-primary);font-size:1em;font-weight:700;height:45px;transition:.3s;width:230px}#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{align-items:center;display:flex;flex-direction:column;margin:20px 0}.card-nav-title h1{font-size:1.8em}.card-line-data{align-items:center;background-color:hsla(180,1%,80%,.65);display:flex;flex-wrap:wrap;height:150px;justify-content:center;margin:10px 0;width:100vw}.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);border-radius:8px;height:350px;overflow-y:auto;padding:20px;width:80%}}: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{background-image:linear-gradient(#fff 23%,#fd8989 0);font-family:Montserrat,sans-serif;font-family:var(--font-primary);height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}#cont-btn-home a button{border:none;border-radius:50px;font-size:1em;font-weight:700;height:40px;margin:25px;width:200px}#cont-title-form{align-items:center;display:flex;font-size:1.5em;height:8vh;justify-content:center;width:100vw}#form-create{display:flex;flex-direction:row;flex-wrap:wrap;height:80vh;width:100vw}#form-create p{color:#c00}#form-cont-left{height:95%;margin-left:23%;margin-top:3%;padding:10px;width:36%}.form-inputs{align-items:center;display:flex;flex-wrap:wrap;height:65px;justify-content:space-between;width:100%}.form-inputs label{color:#000;color:var(--color-secundary);font-size:1.2em;font-weight:700}.form-inputs input{border:2px solid #fff;border:2px solid var(--color-primary);border-radius:10px;padding-left:10px;width:400px}#select-diets select,.form-inputs input{background-color:#000;background-color:var(--color-secundary);color:#fff;color:var(--color-primary);height:25px}#select-diets select{border:2px solid #fff;border:2px solid var(--color-primary);border-radius:15px;margin-right:50px;width:200px}#cont-diets{color:#000;color:var(--color-secundary);display:flex;height:280px;justify-content:center;width:100%}#cont-diets ul li button{background-color:#fff;background-color:var(--color-primary);border:2px solid #000;border-radius:50%;height:25px;padding-right:12px;width:25px}#cont-btn-submit{align-items:center;display:flex;height:50px;justify-content:center;width:100%}#cont-btn-submit button{border:none;border-radius:25px;font-size:1.2em;font-weight:700;height:40px;margin-bottom:300px;margin-left:250px;transition:.3s;width:200px}#cont-btn-submit button:hover{box-shadow:0 5px 5px #555;font-size:1.25em;height:42px;width:205px}#form-cont-right{align-items:center;display:flex;flex-direction:column;height:95%;margin-top:3%;width:38%}#form-cont-right label{color:#000;color:var(--color-secundary);font-size:1.5em;font-weight:700;margin:10px}#form-cont-right button{border:none;border-radius:25px;font-size:1.1em;font-weight:700;margin:10px;padding:5px 10px;transition:.3s}#form-cont-right button:hover{box-shadow:0 5px 5px #555;font-size:1.15em;padding:5px 12px}#form-cont-right input{background-color:#000;background-color:var(--color-secundary);border:2px solid #fff;border-radius:10px;color:#fff;color:var(--color-primary);height:28px;margin:5px;width:450px}@media screen and (max-width:590px){#container-createrecipe{font-family:Montserrat,sans-serif;font-family:var(--font-primary);height:100vh;margin:0;overflow:auto;padding:0;width:100vw}#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;height:95%;justify-content:center;margin:0;padding:50px 0 0;width:100%}.form-inputs{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-between;margin:20px;width:85%}#select-diets{background-color:#000;margin:0;padding:25px;width:100%}#cont-diets{color:#fff;color:var(--color-primary);flex-direction:row;flex-wrap:wrap;height:400px;justify-content:center;margin-bottom:-170px}#cont-diets,#form-cont-right{background-color:#000;display:flex;width:100%}#form-cont-right{align-items:center;flex-direction:column;height:115%;margin:170px 0;padding:10px}#form-cont-right input{background-color:#000;background-color:var(--color-secundary);border:2px solid #fff;border-radius:10px;color:#fff;color:var(--color-primary);height:28px;margin:5px;width:85%}#cont-btn-submit{bottom:10px;position:absolute}}
/*# sourceMappingURL=main.e8376568.css.map*/