.navbar{display:flex;justify-content:center;align-items:center;background-color:#f3d7b1}.logo img{width:85%;padding-right:1rem}.nav-links{display:flex;column-gap:1rem}.nav-links a{text-decoration:none;background-color:#e8875d;color:#fff;padding:1rem 1.5rem;border-radius:9999px;font-size:1.5rem;font-weight:500;transition:background-color .3s ease}.nav-links a:hover,.nav-links a.active{background-color:#7d759a;color:#fff;padding:1rem 1.5rem;border-radius:9999px;font-size:1.5rem;font-weight:500;transition:background-color .3s ease}@media (width < 599px){.navbar{display:none}}.homepage-mobile{display:none}.myrecipes-mobilebutton{text-decoration:none;background-color:#ff914d;color:#fff;width:40%;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;transition:background-color .3s ease}.myrecipes-mobilebutton:hover{background-color:#ff914d90}.newrecipe-mobilebutton{text-decoration:none;border:2px solid #FF914D;color:#ff914d;width:40%;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;transition:background-color .3s ease}.newrecipe-mobilebutton:hover{background-color:#ff914d1a}@media (width < 599px){.homepage{display:none}.homepage-mobile{display:flex;flex-direction:column;background-image:url(/assets/background-BBQFLGr5.svg);background-size:cover;background-position:center;justify-content:center;align-items:center;width:100vw;height:100vh}.navbar-mobile{display:flex;width:100%;gap:.5rem;padding-top:6rem;justify-content:center}}.newrecipe-page{flex-direction:column;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:50%;margin:0 auto}.newrecipe-header img{border-radius:3px;width:100%}@media (1440px > width > 769px){.newrecipe-page{width:86%}}@media (width < 769px){.newrecipe-page{width:100%}}.newrecipe-form{display:flex;flex-direction:column;text-align:center}.newrecipe-recipe-data{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.ingredients-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.ingredients-container h1{padding-bottom:1rem}.recipeform-group{width:75%;display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(4,1fr);gap:.5rem;align-items:center;padding-bottom:1rem}.recipeform-group-input-select{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:999px;margin-top:1rem;background-color:#efe0bf}.newrecipe-info h1{font-size:2.6rem}.newrecipe-info p{padding-top:.5rem}.basicbutton{color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:1.125rem;width:20%}.basicbutton:hover{background-color:#afa6ce}.add-recipe-button{margin-top:1rem;padding:.3rem;background-color:#7d759a;font-weight:600}.add-ingredient-button{background-color:#e8875d;font-weight:600}.add-ingredient-button:hover{background-color:#f0b399}.remove-ingredient-button{background-color:#b83333;font-weight:600}.remove-ingredient-button:hover{background-color:#dd4242}.name-container{display:flex;align-items:center;width:70%;gap:1rem}.label-container{text-align:left;width:20%}.label-container label{font-size:1.5rem}.input-container{display:flex;width:70%;gap:1rem}#recetas-icon{color:#e8875d;font-size:3rem}#add-icon{color:#e8875d;margin-top:1rem;margin-left:.2rem;cursor:pointer}#delete-icon{margin-left:2rem;color:#fff;background-color:#b83333;border:none;border-radius:999px;cursor:pointer;width:24%}.flexrow{display:flex;justify-content:center;gap:.5rem}@media (width < 599px){.newrecipe-form{width:100%;padding-left:.5rem}.recipeform-group{width:100%;gap:.2rem}.name-container{width:100%}.label-container label{font-size:.9rem}#delete-icon,.basicbutton{width:30%}}.myrecipes-page{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:50%;margin:0 auto;background-color:#faebd7}.myrecipes-header img,.myrecipes-footer img{width:100%}@media (1440px > width > 769px){.myrecipes-page{width:86%}}@media (width < 769px){.myrecipes-page{width:100%}}.rc-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.25rem,max-content));grid-template-rows:auto;gap:10px;justify-content:center}.rd-header{display:flex;flex-direction:column}.rd-header{margin-top:1rem}.rd-header p{padding-top:.4rem;padding-bottom:.4rem}.rd-namerecipe{text-align:center;width:50%}.rd-servingrecipe{text-align:center;width:15%}.rd-input{text-align:center;width:8%;border:1px solid #ccc;border-radius:999px;margin-top:1rem;background-color:#efe0bf}.disable{pointer-events:none}.rd-body{display:flex;flex-direction:column;align-items:center}.rd-list-container{width:80%;display:flex;flex-direction:column}.rd-h-recipeinfo{display:flex;flex-direction:column;justify-content:center;align-items:center}.rd-h-category{display:flex;justify-content:space-between;margin-bottom:2rem}.rd-h-actionbuttons{display:flex;gap:1rem}.rd-lc-ingredient-list{display:flex;justify-content:center}.rd-lc-ingredient-list li,.rd-lc-ingredient-list ul{color:#000;margin-bottom:.6rem}.rd-lc-ingredient-list li::marker{color:#e8875d}.resaltar{padding-left:.5rem;padding-right:.5rem;border-radius:999px;background-color:#efe0bf}#rd-recetas-icon{font-size:2.5rem;vertical-align:middle}@media (width < 599px){.rd-body div{width:100%}.rd-input{width:12%}.rd-namerecipe{text-align:center;width:80%}.rd-servingrecipe{width:24%}}.rcard{display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;background-color:#0ff;height:6.25rem;width:7.25rem;cursor:pointer}.rcard:hover{transform:scale(1.1);box-shadow:0 6px 20px #0003}.rcard-info{width:100%;height:100%;background-color:#7c8185}.rcard-info-data{text-align:center;background-color:#faebd7;height:65%}.rcard-info-actions{height:35%;background-color:#f3d7b1;display:flex;justify-content:center;align-items:center;overflow:hidden}.full-rounded{text-align:center;border-radius:9999px}.cook-page{flex-direction:column;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:50%;margin:0 auto}.cp-header img{border-radius:3px;width:100%}@media (1440px > width > 769px){.cook-page{width:86%}}@media (width < 769px){.cook-page{width:100%}}.updaterecipe-page{flex-direction:column;box-sizing:border-box;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:50%;margin:0 auto}.updaterecipe-header img{border-radius:3px;width:100%}@media (1440px > width > 769px){.updaterecipe-page{width:86%}}@media (width < 769px){.updaterecipe-page{width:100%}}
