@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}html,body,#root,.container-app{height:100%}body{background:#fff url(/assets/background-d304718b.jpg) repeat scroll 0 0;background-size:250px}a{text-decoration:none}li{list-style:none}.container-app{display:flex;flex-direction:column;justify-content:space-between}.header{background-color:#23180e;display:flex;justify-content:space-between;gap:15px;padding:10px 25px;align-items:center}.logo{color:#caa17d;display:flex;align-items:center;gap:10px;text-shadow:2px 2px 0px black}.logo>img{width:70px}.nav>ul{display:flex;gap:15px}.nav>ul span{padding:8px 12px;color:#fff;font-weight:900;border-radius:8px;display:inline-block}.nav>ul span:hover{background-color:#000}.nav>ul .linkActive span{background-color:#000}.container-search{position:relative;margin-top:20px}.btn-limpiar{position:absolute;right:20px;top:0;background-color:#5e2821;padding:8px 12px;border-radius:8px;border:none;color:#fff;cursor:pointer}.titulo{background-color:#824842;color:#fff;padding:8px 12px;width:fit-content;margin:0 auto 20px;border-radius:8px;text-align:center}.form-search{width:90%;max-width:500px;margin:0 auto;display:flex;gap:10px}.form-search>input{width:100%;border:1px solid #824842}.form-search>input:focus{box-shadow:0 0 10px 2px #000000ab}.form-search>button{cursor:pointer;background-color:#824842;font-weight:900;color:#fff}.form-search>input,.form-search>button{border-radius:8px;outline:none;border:none;padding:8px 12px}.container-recetas{display:flex;width:90%;margin:20px auto;flex-wrap:wrap;gap:20px 30px;justify-content:center}.container-receta{width:100%;max-width:200px;border-radius:8px;border:1px solid black;background-color:#f5f5f5;overflow:hidden;transition:all .2s ease-in-out}.container-receta:hover{transform:translateY(-5px);box-shadow:0 2px 8px 2px #0000006d}.container-receta>figure{height:200px;display:flex}.margin-auto{margin:auto}.display-none{display:none}.container-receta>figure>img{width:100%;height:100%;object-fit:cover}.name-receta{text-align:center;color:#000}.name-receta:hover{text-decoration:underline}.container-random{width:90%;max-width:fit-content;margin:0 auto}.container-random>button{display:block;color:#fff;background-color:#5e2821;border-radius:8px;border:none;cursor:pointer;margin:0 auto 15px;padding:8px 12px;font-weight:900}.container-detail{display:flex;align-items:center;width:90%;margin:20px auto;gap:20px}.container-detail>figure{width:50%}.container-detail>figure>img{display:block;width:100%;margin-right:auto}.detail-info{width:50%;padding:10px 12px;background-color:#f5f5f5;border-radius:8px;border:1px solid black;text-align:center}.detail-info li{list-style:disc;list-style-position:inside;margin-left:-20px}.footer{background-color:#282828;padding:20px 0;text-align:center;display:flex;flex-direction:column;gap:10px}.redes{display:flex;justify-content:center;align-items:center;gap:20px}.redes>a>img{height:30px;transition:filter .2s ease-in-out}.redes>a>img:hover{filter:drop-shadow(0px 0px 2px rgba(255,255,255,.445))}.loading{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000004c;display:flex}.circles{margin:auto;width:100px;height:30px;display:flex;justify-content:space-between}.circles>span{width:30px;display:inline-block;border-radius:50%;box-shadow:0 2px 10px 2px #00000084}.circle1{background-color:#fff;animation:alternate infinite subir-bajar 1s;animation-timing-function:ease-in-out}.circle2{background-color:#c5c5c5;animation:alternate infinite subir-bajar 1s .5s;animation-timing-function:ease-in-out}.circle3{background-color:#989898;animation:alternate infinite subir-bajar 1s 1s;animation-timing-function:ease-in-out}@keyframes subir-bajar{to{transform:translateY(-30px)}}@media (max-width: 700px){.header,.container-detail{flex-direction:column}.container-detail>figure{width:70%;margin:0 auto}.detail-info{width:100%}}