@charset "UTF-8";:root{--clr-main: #33bf93;--clr-main-light: #94bb1e;--clr-white: #ececec;--clr-gray: #e2e2e2;--clr-red: #961818}body{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif;width:100%}label{font-size:1em;font-weight:800}.logo{font-weight:800;font-size:2em;margin:auto;width:96%}main{background-color:var(--clr-white);margin:1em 1em 1em 0;border-radius:2em;padding:1em;min-height:90%}.texto-footer{display:flex;justify-content:left;align-items:center;margin-left:1em}.titulo-principal{font-size:2em;color:var(--clr-main);margin:.3em 1em .1em .5em}.grid-productos{display:grid;grid-template-columns:repeat(5,1fr);gap:1em}.producto-imagen{max-width:100%}.producto-detalles{background-color:var(--clr-main);color:var(--clr-white);padding:.3em;border-radius:1.5em;margin-top:-2em;position:relative;display:flex;box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:1em 1em 1em 1em;min-width:100%;height:100%}.producto-detalles-back{color:#417b33;padding:.1em;display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;min-width:100%;background-color:#ffffff9b;position:absolute;width:100%;height:100%;z-index:1}.producto-detalles-back .producto-agregar{border:0;background-color:var(--clr-main);color:var(--clr-white);padding:.8em;margin-top:2em;text-transform:uppercase;border-radius:2em;cursor:pointer;border:2px solid var(--clr-white);transition:background-color .2s,color .2s;width:90%}.producto-detalles-back .producto-titulo{font-size:1.5em;padding:.1em;margin:0;display:flex;justify-content:center}.producto-detalles-back .producto-precio{font-size:1.5em;font-weight:800;padding:.8em;margin:0;display:flex;justify-content:center}.producto-detalles-back .producto-agregar{border:0;background-color:var(--clr-white);color:var(--clr-main);padding:.8em;text-transform:uppercase;border-radius:2em;cursor:pointer;border:2px solid var(--clr-white);transition:background-color .2s,color .2s}.producto-titulo{font-size:1.3em;padding:0;margin:0;display:flex;justify-content:center}.producto-precio{font-size:1.4em;padding:0;margin:0;display:flex;justify-content:center}.producto-agregar{border:0;background-color:var(--clr-white);color:var(--clr-main);padding:.8em;margin:.3em .8em 1.8em;text-transform:uppercase;border-radius:2em;cursor:pointer;border:2px solid var(--clr-white);transition:background-color .2s,color .2s}.producto-agregar:hover{background-color:var(--clr-main);color:var(--clr-white)}.informe-admin{padding:2em;font-family:Arial,sans-serif;color:#333}.informe-admin .resumen{margin-bottom:2em}.informe-admin .resumen p{font-size:1.1em;margin:.5em 0}.informe-admin .tabla-productos table{width:100%;border-collapse:collapse}.informe-admin .tabla-productos table th,.informe-admin .tabla-productos table td{padding:.75em;text-align:left;border:1px solid #ddd}.informe-admin .tabla-productos table th{background-color:#f4f4f4}.informe-admin .tabla-productos table tbody tr:hover{background-color:#f9f9f9}.mensaje-error{color:red;margin-top:.8em;font-weight:700}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{flex:1;padding-right:2.5em}.icono-ojo{position:absolute;right:.5em;background:none;border:none;cursor:pointer;font-size:1.2em;color:#555}form i{margin-left:-2em;cursor:pointer}.producto-flip-container{perspective:1000px;width:100%;height:18em;padding:0 0 0 .1em;margin:0 0 1em;display:flex;align-items:center;justify-content:center}.producto-flip{width:100%;height:95%;position:relative;transform-style:preserve-3d;transition:transform .8s;transform-origin:center center;padding:.5em .5em .5em 0;margin:0 0 .8em}.producto-flip.active{transform:rotateY(180deg)}.producto-front,.producto-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1.5em;overflow:hidden;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.producto-front img{object-fit:cover;border-top-left-radius:1em;border-top-right-radius:1em}.producto-back{transform:rotateY(180deg);background-color:#f8f8f8}@media (max-width: 1250px){.grid-productos{grid-template-columns:repeat(4,1fr);padding:1em .1em 0;margin:1em .1em 0}}@media (max-width: 900px){.grid-productos{grid-template-columns:repeat(3,1fr)}main{padding:1em 1.5em}}@media (max-width: 700px){.titulo-principal{font-size:0em;padding:0;margin:0;display:none}.grid-productos{grid-template-columns:repeat(2,1fr)}.logo{width:90%;top:0;z-index:1000;display:flex}.main-carrito{width:100%;margin:10px 0;padding:12px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;background-color:#fff}.main-carrito{gap:1em;padding:0;margin:0;width:100%;overflow-y:auto}body{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif}.bi-cart-fill{display:inline-block}.producto-flip-container{width:100%;padding:0;margin:0}.producto-flip{width:100%;height:100%;padding:.5em 0 0;margin:0}.producto-front,.producto-back{border-radius:1em}.navbar,.nav-carrito{display:flex;flex-direction:column;padding:0;align-items:center}.grid-productos{padding:0;margin:.4em .5em 0;gap:.9em}}@media (max-width: 500px){*{margin:0;padding:0;box-sizing:border-box}.titulo-principal{font-size:0em;display:none}.logo{width:50%;top:0;z-index:1000;display:flex}main,.main-carrito{padding:0;margin:0;width:100%;height:calc(100vh - 140px);overflow-y:auto;border-radius:.5em}.bi,.texto-carrito{display:none}.bi-cart-fill{display:inline-block}.producto-flip-container{width:100%;padding:0;margin:0}.producto-flip{width:100%;height:100%;padding:.5em 0 0;margin:0}.producto-front,.producto-back{border-radius:1em}.navbar,.nav-carrito{display:flex;flex-direction:column;padding:0;align-items:center}.grid-productos{padding:0;margin:.4em .5em 0;gap:.9em}}