h1{justify-self:left}body{background-color:#d6a1b3;font-family:Arial,Helvetica,sans-serif}.contenedorBotones{display:flex}.radioCategorias{cursor:pointer}.GiftList{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;max-height:650px;min-height:314px;background-color:#83196c4d;overflow-y:auto;margin-top:5px}.contenedorEstatus{align-self:center;margin-left:25px;width:280px}.contenedorBarraBusqueda{align-self:center;margin-left:13em}.barraBusqueda{width:250px;height:20px;border:2px solid black;background-color:pink;border-radius:10px}.categoriaMostrada{justify-self:left}.pContador{justify-self:left;background-color:#83196c4d;color:#000;padding:5px;border:2px solid black}.botonEliminar{border:1px solid black;background-color:#ddd1d1;color:#000;font-size:17px;width:auto;background-color:#d6a1b3;border-radius:10px;cursor:pointer}.FButton{border:1px solid black;background-color:#ddd1d1;color:#000;margin:6px;font-size:17px;width:6em;background-color:#d6a1b3;border-radius:10px;cursor:pointer}.FButton:hover{background-color:#000;color:#fff}.FButton:active{background-color:#fff}.Card:hover{background-color:#f0f0f0}.Card{position:relative;background-color:#aa72a3;display:flex;flex-direction:column;width:250px;height:300px;font-size:14px;border:2px solid black;border-radius:5px;margin:5px;transition:background-color .5s ease}.comprado{background-color:#924688!important}.comprado:hover{background-color:#b478aa!important}.contenedorTitulo{display:flex}.Titulo{display:inline-block;justify-self:left;margin:15px auto 15px 15px}.botonOpciones{display:inline-block;justify-content:right;margin:.1em .3em auto 1em;background-color:#aa72a380;border:1px solid black;border-radius:10px}.imagenCard{align-self:center}.contenedorDescripcion{overflow-y:auto;max-height:95px}.buttonAddElement{font-size:45px;background-color:#aa72a3;width:1.1em;height:1.1em;border-radius:50%;margin:1em;align-self:center;display:flex;justify-content:center;align-items:center}.buttonAddElement:hover{background-color:#fff}.buttonAddElement:active{background-color:#000}.descripcionInput{font-family:Arial,Helvetica,sans-serif;margin:1em;height:90%;justify-content:initial;align-items:start}.InputCosto{margin:.5em 1em;width:5em}.urlObjeto{width:15em;align-self:center}.botonRegistrar{align-self:center;margin:1em 1em 1em 3em}.contenedorOpciones{position:absolute;top:20px;right:5px;z-index:10;background-color:#550d4acc;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;max-width:100px;padding:5px 0;pointer-events:none}.botonesOpcion{width:85px;margin:4px auto;background-color:#53155c;color:#fff;border:0px solid white;pointer-events:auto}.botonesOpcion:hover{cursor:pointer}.mensajeFlotante{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;box-shadow:0 4px 8px #0003}.mensajeFlotante.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@media(max-width:600px){.contenedorBotones{flex-direction:column;align-items:center}.contenedorEstatus{margin-left:0;margin-top:15px}.contenedorBarraBusqueda{margin-left:0;margin-top:15px;width:90%;display:flex;justify-content:center}.barraBusqueda{width:95%;max-width:300px}}@media(max-width:600px){.GiftList{justify-content:center;max-height:500px}.Card{width:90%;max-width:300px;height:auto;margin:10px 0}.imagenCard img{max-width:100%;height:auto}}.LoginFormContainer{position:relative;display:flex;flex-direction:column;width:300px}.inputLogin{margin:5px;width:250px;border-radius:5px;height:20px;border:2px solid black;background-color:pink}.botonLogin{border:1px solid black;background-color:#ddd1d1;color:#000;margin:6px;font-size:13px;width:200px;background-color:#d6a1b3;border-radius:10px;cursor:pointer}.cabecera{display:flex;justify-content:space-between;align-items:center;border:1px solid black;padding:1rem 2rem;background-color:#dd6faf;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000}.infoUser{display:flex;align-items:center;gap:15px}.logoutButton{border:1px solid black;color:#000;padding:8px 16px;background-color:#d6a1b3;border-radius:10px;cursor:pointer}.logoutButton:hover{background-color:#000;color:#fff}.logoutButton:active{background-color:#fff;color:#000}.saludo{margin:0;font-size:1.1rem}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}