/*
* Círculo de ícono de la intro: ancho y alto iguales a mano, porque el
* alto de línea del ícono no siempre coincide con su ancho y con solo
* padding el círculo termina viéndose como óvalo.
*/
.problematica-intro-icon {
    width: 64px;
    height: 64px;
}

/*
* Imagen de recomendaciones: más baja en móvil/tablet, tamaño natural desde desktop
*/
.problematica-recomendaciones-img {
    height: 240px;
}

@media (min-width: 576px) {
    .problematica-recomendaciones-img {
        height: 300px;
    }
}

@media (min-width: 992px) {
    .problematica-recomendaciones-img {
        height: auto;
    }
}