*{box-sizing:border-box}#root{flex-direction:column;min-height:100vh;display:flex}body{margin:0;overflow-x:hidden}.cabecera{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#d3d3d380;border:5px solid #000;flex-direction:column;width:100%;height:12vh;display:flex;position:fixed}.cabecera-titulo{grid-template-columns:30% 40% 20% 10%;place-items:center;margin-bottom:auto;padding:10px;display:grid}.cabecera-titulo h1{grid-column:2;margin:0}.cabecera-titulo .login{cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:12px;grid-column:4;justify-self:right;place-items:center;gap:10px;padding:5px;display:flex;box-shadow:0 0 10px 2px #a9a9a9}.cabecera-titulo .login img{width:36px}.cabecera-titulo .login:hover{scale:1.05;box-shadow:0 0 10px 2px #fff}.cabecera-titulo .login:active{scale:.95;box-shadow:inset 0 0 10px 2px #a9a9a9}.cabecera-filtros{grid-template-columns:10% 20% 40% 20% 10%;place-items:center;padding:10px;display:grid}.cabecera-filtros .boton-filtros{cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:12px;grid-column:1;justify-self:left;padding:5px;display:flex;box-shadow:0 0 10px 2px #a9a9a9}.cabecera-filtros .boton-filtros img{width:36px}.cabecera-filtros .boton-filtros:hover{scale:1.05;box-shadow:0 0 10px 2px #fff}.cabecera-filtros .boton-filtros:active{scale:.95}.cabecera-filtros .boton-filtros.filtros-abiertos{box-shadow:inset 0 0 10px 2px #000}.cabecera-filtros .boton-filtros.filtros-abiertos:hover{box-shadow:0 0 10px 2px #fff,inset 0 0 10px 2px #000}.cabecera-filtros .orden{grid-column:3}.cabecera-filtros .orden .ordenacion{cursor:pointer;border-radius:8px;padding:3px}.cabecera-filtros .orden .ordenacion:hover{box-shadow:0 0 10px 5px #fff}.cabecera-filtros .orden .ordenacion:active{box-shadow:inset 0 0 10px 2px #a9a9a9}.cabecera-filtros .boton-carrito{cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:12px;grid-column:5;justify-self:right;padding:5px;display:flex;position:relative;box-shadow:0 0 10px 2px #a9a9a9}.cabecera-filtros .boton-carrito img{width:36px}.cabecera-filtros .boton-carrito .marcador{aspect-ratio:1;color:#fff;background-color:#00f;border:2px solid #fff;border-radius:50%;justify-content:center;place-items:center;min-width:26px;min-height:26px;padding:3px;display:flex;position:absolute;top:-13px;left:12px}.cabecera-filtros .boton-carrito:hover{scale:1.05;box-shadow:0 0 10px 2px #fff}.cabecera-filtros .boton-carrito:active{scale:.95}.cabecera-filtros .boton-carrito.carrito-abierto{box-shadow:inset 0 0 10px 2px #000}.cabecera-filtros .boton-carrito.carrito-abierto:hover{box-shadow:0 0 10px 2px #fff,inset 0 0 10px 2px #000}.principal{flex-direction:column;flex:1;margin-top:12vh;display:flex;position:relative}.principal .dialog-registro{border:3px solid #000;border-radius:20px}.principal .dialog-registro::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pie-pagina{place-items:center;padding-bottom:20px;font-style:italic}.seccion-sin-resultados{place-items:center}.seccion-sin-resultados .sin-resultados{border:3px solid #000;border-radius:20px;margin-top:100px;padding:10px;font-size:24px;animation:1.5s ease-in-out infinite alternate pulso;box-shadow:0 0 20px 5px #a9a9a9}@keyframes pulso{to{box-shadow:none}}.seccion-resultados{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:min-content;gap:20px;width:100%;padding:30px;display:grid}.card-producto{text-align:center;background-color:#d3d3d3;border:8px double #000;border-radius:30px;flex-direction:column;place-items:center;max-width:500px;padding:30px;display:flex;box-shadow:0 0 10px 1px #a9a9a9}.card-producto .nombre{margin-bottom:auto;font-weight:bolder}.card-producto .imagen{width:100%;margin-top:24px;margin-bottom:auto}.card-producto .precio{margin-bottom:12px;font-size:24px;font-weight:bolder}.card-producto .seccion-botones-card{place-items:center;gap:10px;display:flex}.card-producto .seccion-botones-card .boton-anadir{cursor:pointer;border:3px solid #000;border-radius:20px;place-items:center;width:50px;height:50px;display:flex}.card-producto .seccion-botones-card .boton-anadir img{width:100%}.card-producto .seccion-botones-card .boton-anadir:hover{scale:1.05;box-shadow:0 0 10px 5px #fff}.card-producto .seccion-botones-card .boton-anadir:active{scale:.95;box-shadow:inset 0 0 10px 2px #a9a9a9}.card-producto .seccion-botones-card .anadido{cursor:default;background-color:#fff}.card-producto .seccion-botones-card .anadido:hover,.card-producto .seccion-botones-card .anadido:active{box-shadow:none;scale:1}.card-producto .seccion-botones-card .boton-sumar,.card-producto .seccion-botones-card .boton-restar{text-align:center;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:10px;justify-content:center;place-items:center;width:30px;height:30px;padding:5px;font-size:24px;display:flex}:is(.card-producto .seccion-botones-card .boton-sumar,.card-producto .seccion-botones-card .boton-restar):hover{scale:1.05;box-shadow:0 0 10px 5px #fff}:is(.card-producto .seccion-botones-card .boton-sumar,.card-producto .seccion-botones-card .boton-restar):active{scale:.95;box-shadow:inset 0 0 10px 2px #a9a9a9}.filtros{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;width:400px;max-height:0;margin-left:0;transition:max-height .5s ease-in;position:fixed;top:12vh;overflow:hidden}.filtros form{border:3px solid #000}.filtros fieldset{border:0;flex-direction:column;gap:16px;display:flex}.filtros fieldset legend{text-align:center}.filtros fieldset .select-categoria{cursor:pointer;border-radius:8px;padding:3px}.filtros fieldset .select-categoria:hover{box-shadow:0 0 10px 2px #a9a9a9}.filtros fieldset .select-categoria:active{box-shadow:inset 0 0 10px 2px #a9a9a9}.filtros fieldset .seccion-precios{grid-template-columns:1fr 1fr .4fr;gap:8px;display:grid}.filtros fieldset .seccion-precios .slider{cursor:pointer}.filtros fieldset .seccion-precios .precio-error{color:red}.filtros fieldset .boton-filtrar{cursor:pointer;background-color:#d3d3d3;border-radius:20px;padding:5px;font-weight:bolder;box-shadow:0 0 10px 2px #d3d3d3}.filtros fieldset .boton-filtrar:hover{scale:1.01 1.1;box-shadow:0 0 10px 2px #a9a9a9}.filtros fieldset .boton-filtrar:active{scale:.99 .98}.filtros fieldset .b-precio-error{color:red;background-color:#d3d3d3}.filtros fieldset .b-precio-error:hover{scale:1;box-shadow:0 0 10px 2px #d3d3d3}.filtros fieldset .aviso-error{text-shadow:0 0 5px red;animation:1s ease-in-out infinite alternate pulso-mensaje}.filtros.abiertos{max-height:300px}.carrito{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#ffffffe6;border:3px solid #000;flex-direction:column;gap:10px;width:300px;min-height:50vh;max-height:88vh;padding:10px;transition:right .5s;display:flex;position:fixed;top:12vh;right:-300px;overflow-y:scroll}.carrito.carrito-abierto{right:0}.seccion-subtotal{background-color:#dcdcdc;border:3px solid #000;justify-content:space-between;place-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.seccion-subtotal p{margin:0}.seccion-subtotal p strong{font-size:larger}.seccion-subtotal .boton-limpiar-carrito{text-align:center;cursor:pointer;background-color:#fff;border:3px solid #000;border-radius:10px;justify-content:center;place-items:center;width:40px;height:40px;padding:2px;display:flex}.seccion-subtotal .boton-limpiar-carrito:hover{scale:1.05;box-shadow:0 0 10px 5px #fff}.seccion-subtotal .boton-limpiar-carrito:active{scale:.95;box-shadow:inset 0 0 10px 2px #a9a9a9}.seccion-subtotal .boton-limpiar-carrito img{width:100%}.articulo-carrito{background:radial-gradient(#d3d3d3,#fff);border-radius:20px;flex-direction:column;place-items:center;display:flex}.articulo-carrito .titulo-carrito{font-weight:bolder}.articulo-carrito .imagen-carrito{width:30%}.articulo-carrito .seccion-botones-carrito{place-items:center;gap:10px;display:flex}.articulo-carrito .seccion-botones-carrito .boton-sumar-carrito,.articulo-carrito .seccion-botones-carrito .boton-restar-carrito{text-align:center;cursor:pointer;background-color:#fff;border:2px solid #000;border-radius:10px;justify-content:center;place-items:center;width:30px;height:30px;padding:5px;font-size:24px;display:flex}:is(.articulo-carrito .seccion-botones-carrito .boton-sumar-carrito,.articulo-carrito .seccion-botones-carrito .boton-restar-carrito):hover{scale:1.05;box-shadow:0 0 10px 5px #fff}:is(.articulo-carrito .seccion-botones-carrito .boton-sumar-carrito,.articulo-carrito .seccion-botones-carrito .boton-restar-carrito):active{scale:.95;box-shadow:inset 0 0 10px 2px #a9a9a9}.articulo-registro{place-items:center}.articulo-registro .boton-cerrar-registro{cursor:pointer;place-content:center;place-items:center;width:24px;height:24px;padding:4px;font-size:16px;font-weight:bolder;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 0 10px 2px #d3d3d3}.articulo-registro .boton-cerrar-registro:hover{scale:1.05;box-shadow:0 0 10px 2px #a9a9a9}.articulo-registro .boton-cerrar-registro:active{scale:.95}.articulo-registro .encabezado-cuenta{background-color:#d3d3d3;border:6px double #000;border-radius:20px;margin:20px;padding:20px;box-shadow:0 0 10px 5px #a9a9a9}.articulo-registro .encabezado-cuenta h2{margin:0}.articulo-registro .gestion-cuenta{place-items:center}.articulo-registro .gestion-cuenta .enlace-cuenta{color:#00f}.articulo-registro .gestion-cuenta .enlace-cuenta:hover{text-shadow:0 0 2px #00f}.articulo-registro .formulario-registro{flex-direction:column;gap:10px;display:flex}.articulo-registro .formulario-registro .formulario-nombre,.articulo-registro .formulario-registro .formulario-contrasena{justify-content:space-between;gap:10px;display:flex}.articulo-registro .formulario-registro .boton-iniciar-sesion{cursor:pointer;background-color:#d3d3d3;border:2px solid #000;border-radius:20px;padding:5px;font-weight:bolder;box-shadow:0 0 10px 2px #d3d3d3}.articulo-registro .formulario-registro .boton-iniciar-sesion:hover{scale:1.03;box-shadow:0 0 10px 2px #a9a9a9}.articulo-registro .formulario-registro .boton-iniciar-sesion:active{scale:.97}.articulo-registro .formulario-registro .mensaje-error{text-shadow:0 0 5px red;align-self:center;animation:1s ease-in-out infinite alternate pulso-mensaje}.articulo-registro .parrafo-estado .enlace-cambio-estado{color:#00f}.articulo-registro .parrafo-estado .enlace-cambio-estado:hover{text-shadow:0 0 2px #00f}@keyframes pulso-mensaje{to{text-shadow:none}}