@import url(https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200;12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&display=swap);*{box-sizing:border-box;font-family:Bricolage Grotesque,sans-serif;margin:0;padding:0}@media screen and (min-width:320px)and (max-width:480px){body{background-color:#2e44a1}body .rootApp{grid-template-rows:40vh auto 20vh}body .rootApp,body .rootPanel{align-items:center;display:grid;grid-template-areas:"cabecera" "contenido" "pie";grid-template-columns:100vw;justify-items:center}body .rootPanel{grid-template-rows:20vh auto 20vh}}header{display:flex;flex-direction:column;grid-area:cabecera;height:100%;justify-content:space-around;overflow:hidden;position:relative;width:90%}header ::-webkit-scrollbar{display:none}header .contenedorLogo{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}header .contenedorLogo .logoPrincipal{width:70%}header nav{flex-direction:row;gap:20px;justify-content:flex-start;overflow-x:scroll}header nav,header nav .contenedorNav{align-items:center;color:#fbd2d8;display:flex}header nav .contenedorNav{flex-direction:column;gap:5px;justify-content:center;text-decoration:none}header nav .contenedorNav .circulo{align-content:center;background:#fbd2d8;border-radius:9999px;display:flex;flex-direction:column;height:60px;position:relative;width:60px}header nav .contenedorNav .circulo .icnNav{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:60%}.contenedorContenido{align-items:center;display:flex;flex-direction:column;grid-area:contenido;height:100%;width:100%}.contenedorContenido .cabeceraContenido{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap}.contenedorContenido .cabeceraContenido .contenedorCaja{border:1px solid #2e44a1;border-radius:8px;box-shadow:0 0 4px 0 rgba(251,210,216,.5);display:grid;flex-direction:row;grid-template-areas:"img detalle";grid-template-columns:1fr 2fr;margin:10px 0;width:90%}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorImgCaja{background-color:#fbd2d8;border-radius:8px 0 0 8px;overflow:hidden;position:relative;width:100%}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorImgCaja .imgCaja{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:75%}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorTextoCaja{align-items:flex-start;background-color:#f0f0f0;border-radius:0 8px 8px 0;color:#2e44a1;display:flex;flex-direction:column;gap:10px;padding:8px}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorTextoCaja .contenedorDetalle{display:flex;flex-direction:column;gap:10px}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorTextoCaja .contenedorDetalle .detalleProducto{font-size:12px}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorTextoCaja .contenedorPrecio{align-items:flex-end;border-top:1px solid #2e44a1;border-top:1px solid var(--primery-2,#2e44a1);display:flex;flex-direction:column;width:100%}.contenedorContenido .cabeceraContenido .contenedorCaja .contenedorTextoCaja .contenedorPrecio .detallePrecio{font-size:24px}.contenedorFooter{grid-area:pie}.contenedorForm{color:#fbd2d8;width:90%}.contenedorForm h3{margin-bottom:30px;text-align:center}.contenedorForm form{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"nombreProducto inputNombre" "detalleProducto inputDetalle" "precioProducto inputPrecio" "categoriaProducto inputCategoria" "subcatProducto inputSubcat" "textoCheckbox checkbox" "buttonVolver buttonCrear"}.contenedorForm form #nombreProducto{grid-area:nombreProducto}.contenedorForm form #inputNombre{grid-area:inputNombre}.contenedorForm form #detalleProducto{grid-area:detalleProducto}.contenedorForm form #inputDetalle{grid-area:inputDetalle}.contenedorForm form #precioProducto{grid-area:precioProducto}.contenedorForm form #inputPrecio{grid-area:inputPrecio}.contenedorForm form #categoriaProducto{grid-area:categoriaProducto}.contenedorForm form #inputCategoria{grid-area:inputCategoria}.contenedorForm form #subcatProducto{grid-area:subcatProducto}.contenedorForm form #inputSubcat{grid-area:inputSubcat}.contenedorForm form #textoCheckbox{grid-area:textoCheckbox}.contenedorForm form #checkbox{grid-area:checkbox}.contenedorForm form #contenedorCrear{display:flex;justify-content:flex-end}.contenedorForm form #contenedorCrear #buttonCrear{align-self:center;grid-area:buttonCrear;padding:5px;width:40%}.contenedorForm form #buttonVolver{align-items:center;grid-area:buttonVolver}.contenedorForm form #buttonVolver button{padding:5px;width:40%}.contenedorListadoCategorias{align-items:center;display:flex;flex-direction:column;width:100%}.contenedorListadoCategorias button{background-color:#fbd2d8;color:#2e44a1;font-weight:1000;margin:10px;padding:10px}.contenedorListadoCategorias .listadoCategorias{background-color:#fbd2d8;color:#2e44a1;display:flex;flex-direction:row;flex-wrap:wrap;font-weight:800;gap:10px;justify-content:space-evenly;padding:10px;width:90%}.contenedorCajasProductos{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;width:90%}.contenedorCajasProductos a{border:1px solid #000;color:#2e44a1;cursor:pointer;display:flex;justify-content:center;margin:15px 0;text-decoration:none;width:100%}.contenedorCajasProductos a .contenedorCaja{border:1px solid #2e44a1;border-radius:8px;box-shadow:0 0 4px 0 rgba(251,210,216,.5);display:grid;flex-direction:row;grid-template-areas:"img detalle";grid-template-columns:1fr 2fr;margin:10px 0;width:90%}.contenedorCajasProductos a .contenedorCaja .contenedorImgCaja{background-color:#fbd2d8;border-radius:8px 0 0 8px;overflow:hidden;position:relative;width:100%}.contenedorCajasProductos a .contenedorCaja .contenedorImgCaja .imgCaja{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;width:75%}.contenedorCajasProductos a .contenedorCaja .contenedorTextoCaja{align-items:flex-start;background-color:#f0f0f0;border-radius:0 8px 8px 0;color:#2e44a1;display:flex;flex-direction:column;gap:10px;padding:8px}.contenedorCajasProductos a .contenedorCaja .contenedorTextoCaja .contenedorDetalle{display:flex;flex-direction:column;gap:10px}.contenedorCajasProductos a .contenedorCaja .contenedorTextoCaja .contenedorDetalle .detalleProducto{font-size:12px}.contenedorCajasProductos a .contenedorCaja .contenedorTextoCaja .contenedorPrecio{align-items:flex-end;border-top:1px solid #2e44a1;border-top:1px solid var(--primery-2,#2e44a1);display:flex;flex-direction:column;width:100%}.contenedorCajasProductos a .contenedorCaja .contenedorTextoCaja .contenedorPrecio .detallePrecio{font-size:24px}.contenedorModificadorProductos{color:#fbd2d8;width:90%}.contenedorModificadorProductos h3{margin-bottom:30px;text-align:center}.contenedorModificadorProductos form{grid-gap:10px;display:grid;gap:10px;grid-template-areas:"nombreProducto inputNombre" "detalleProducto inputDetalle" "precioProducto inputPrecio" "categoriaProducto inputCategoria" "subcatProducto inputSubcat" "textoCheckbox checkbox" "buttonVolver buttonCrear"}.contenedorModificadorProductos form #nombreProducto{grid-area:nombreProducto}.contenedorModificadorProductos form #inputNombre{grid-area:inputNombre}.contenedorModificadorProductos form #detalleProducto{grid-area:detalleProducto}.contenedorModificadorProductos form #inputDetalle{grid-area:inputDetalle}.contenedorModificadorProductos form #precioProducto{grid-area:precioProducto}.contenedorModificadorProductos form #inputPrecio{grid-area:inputPrecio}.contenedorModificadorProductos form #categoriaProducto{grid-area:categoriaProducto}.contenedorModificadorProductos form #inputCategoria{grid-area:inputCategoria}.contenedorModificadorProductos form #subcatProducto{grid-area:subcatProducto}.contenedorModificadorProductos form #inputSubcat{grid-area:inputSubcat}.contenedorModificadorProductos form #textoCheckbox{grid-area:textoCheckbox}.contenedorModificadorProductos form #checkbox{grid-area:checkbox}.contenedorModificadorProductos form #contenedorCrear{display:flex;justify-content:flex-end}.contenedorModificadorProductos form #contenedorCrear #buttonCrear{align-self:center;grid-area:buttonCrear;padding:5px;width:40%}.contenedorModificadorProductos form #buttonVolver{align-items:center;grid-area:buttonVolver}.contenedorModificadorProductos form #buttonVolver button{padding:5px;width:40%}.contenedorBotoneraAdmin{align-items:center;display:flex;flex-direction:column;gap:20px}.contenedorBotoneraAdmin button{background-color:#fbd2d8;color:#2e44a1;font-weight:1000;padding:10px}
/*# sourceMappingURL=main.8ccb2b08.css.map*/