.message-text {
    font-size: 100px; /* Tamaño de la fuente más grande */
    color: #5C937B;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    margin: 0;
    line-height: 1; /* Ajusta el espacio entre renglones */
}

.message-text-medium {
    font-size: 40px; /* Tamaño de la fuente igual al de los botones */
    color: #5C937B; /* Mismo color que los botones */
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    margin: 0;
}

.message-text-small {
    font-size: 22px; /* Tamaño de la fuente igual al de los botones */
    color: #5C937B; /* Mismo color que los botones */
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    margin: 0;
}

.image-group {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-right: 200px; /* Ajusta el espacio según sea necesario */
    width: 80%;
}

.image-empresas {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px; /* Espaciado entre las imágenes */
}

.side-image {
    max-width: 400px;
    height: auto;
    display: block;
    margin-top: -50px; /* Ajusta este valor para subir la imagen */
}

.image-container-scribble {
    padding-left: 0;
    margin-left: 0;
}

.image-container-scribble {
    margin-top: 40px;
}

.image-scribble {
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 50px; /* Espaciado entre las imágenes */
}

.image-scribble img {
    margin-left: -790px; /* Ajusta el valor según sea necesario */
    margin-top: -250px; /* Ajusta el valor según sea necesario */
}


.image-container-scribble {
    position: relative; /* Asegura que el contenedor mantiene la jerarquía */
    z-index: -1; /* Envía la imagen detrás del texto */
}


@media (max-width: 768px) {

    .image-group {
        display: flex; /* Activa flexbox */
        flex-direction: column; /* Asegura que las imágenes estén en una columna */
        align-items: center; /* Centra horizontalmente las imágenes */
        justify-content: center; /* Centra verticalmente las imágenes */
        padding-right: 0; /* Quita el padding derecho en pantallas pequeñas */
        margin-top: 0px; /* Agrega espacio entre el texto y las imágenes */
    }
    
    .message-container {
        flex-direction: column; /* Apila los elementos verticalmente */
        align-items: center; /* Centra todo horizontalmente */
        gap: 20px; /* Espaciado entre los elementos */
        width: 100%;
    }

    .text-container {
        text-align: center; /* Centra el texto */
        justify-content: center;
        align-items: center;
    }

    .message-text {
        font-size: 35px; /* Reduce el tamaño del texto principal */
        line-height: 1.2; /* Ajusta el espacio entre líneas */
        width: 80%;
        padding-left: 30px;
    }

    .message-text-medium {
        width: 80%;
        font-size: 25px; /* Reduce el tamaño del texto medio */
        line-height: 1.3; /* Ajusta el espacio entre líneas */
        padding-left: 30px;
    }

    .message-text-small {
        font-size: 20px; /* Reduce el tamaño del texto pequeño */
        line-height: 1.5; /* Ajusta el espacio entre líneas */
        width: 80%;
        margin: 0 auto; /* Centra el texto horizontalmente */
        text-align: justify; /* Justifica el texto para alinearlo en ambos lados */
        word-wrap: break-word; /* Permite ajustar palabras largas */
        padding: 0 10px; /* Agrega un pequeño espacio a los lados */
    }

    .side-image {
        margin-top: -80px; /* Elimina cualquier espacio superior */
        max-width: 70%; /* Ajusta el tamaño de la imagen al ancho del contenedor */
    }

    .image-container-scribble {
        margin-top: 20px; /* Espaciado entre elementos */
        display: flex;
        justify-content: center; /* Centra la imagen */
    }

    .image-scribble img {
        max-width: 80%; /* Reduce el tamaño de la imagen para pantallas pequeñas */
        height: auto; /* Mantiene proporción */
    }

    .image-group{
        margin: 0px;
    }
}