/* Ajustes ligeros de responsive y legibilidad */
img { max-width: 100%; height: auto; }

body {
    font-size: 16px;
    line-height: 1.5;
}

/* Contenedor principal más cómodo en pantallas grandes */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Ajustes para tablets y móviles */
@media (max-width: 991px) {
    h1.page-title, .page-title {
        font-size: 32px;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* En móviles pequeños, que no haya elementos pegados a los bordes */
@media (max-width: 767px) {
    body {
        padding-left: 8px;
        padding-right: 8px;
    }
}