/* 1. CORRECCIÓN DEL ESPACIADO IMAGEN-TEXTO (Se aplica a todos los párrafos de los bloques) */
/* Se utiliza un selector de alta especificidad para forzar el margen superior en el párrafo. */
.div-01 p, .div-02 p, .div-03 p, .div-04 p {
    /* Forzamos un margen superior de 20px al párrafo (ajustar si se requiere más o menos) */
    margin-top: 20px !important;
}

/* 2. CORRECCIÓN DE LA ALINEACIÓN VERTICAL */
/* Forzamos que los contenedores dentro de la sección "Conócenos" se alineen desde la parte superior (start). */
.col-12.d-flex.flex-wrap.justify-content-evenly {
    /* Se busca el contenedor padre de los 4 bloques */
    align-items: flex-start !important;
}
/* FUERZA LA ALINEACIÓN DE LOS BLOQUES DESDE LA PARTE SUPERIOR */
/* Se utiliza un selector de alta especificidad */
.col-12.d-flex.flex-wrap.justify-content-evenly {
    /* flex-start alinea todos los elementos desde el inicio (arriba) */
    align-items: flex-start !important;
}
/* FORZA LA ALINEACIÓN DE LOS BLOQUES DESDE LA PARTE SUPERIOR EN ESCRITORIO */
/* Esto soluciona la desalineación de bloques con poco texto (ej. "Nuestros Valores") */
.col-12.d-flex.flex-wrap.justify-content-evenly {
    align-items: flex-start !important;
}