@import url("/static/css/footer.css");
@import url("/static/css/navbar.css");
@import url("/static/css/pup_up_toast.css");
@import url("/static/css/carrusel_img.css");
@import url("/static/css/body_productos.css");



/*  ========================================   */

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1; /* ocupa todo el espacio disponible */
}



/*  ========================================   */

:root {
    --fondo-principal: #F5F5F5;
}

body.fondo-dinamico {
    background-color: var(--fondo-principal);
}

.organizador-productos {
    padding: 2rem;
}

img.logo-nav {
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}