/* =====================
Reset Básico-IMPORTANTE
   ===================== */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



body {
  background-color: rgb(158, 157, 157);
}


main {
    width: 100%;
    max-width: 100%;
    /* opcional */
}

html {

    height: 100dvh;
    /* viewport dinámico */
}


.navbar.fixed-top {
  min-height: 7rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}





/* =======================================================================
IMPORTANTE PARA QUE NO SE DESBORDE EN MÓVILES CUANDO USAS POSITION:STICKY
   ========================================================================= */
main {
    flex: 1;
    /* ocupa el espacio restante */
    min-width: 0;
    /* evita overflow por contenido largo */
}