.page_container {
    display: flex;
    flex-direction: column;
    min-height: 60vh;
}

/* Fuente letra */
.word-style {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.animate-text {
    opacity: 0;
    transform: translateY(100px); /* Empieza desde arriba */
    transition: opacity 3s ease, transform 2s ease;
}

.text-visible {
    opacity: 1;
    transform: translateY(0); /* Ajusta la posición final */
}

.content {
    flex: 1;
}

.background-colored {
    background: linear-gradient(
        to top,
        rgba(130, 150, 250, 1) 40%,
        rgb(189, 209, 241),
        #ffffff 100%
    );
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

.title-shadow {
    position: relative;
    color: black;
    text-shadow: 1px 2px 2px rgba(55, 63, 158, 0.478),
        0 0 1em rgba(255, 255, 255, 0.522), 0 0 0.2em rgba(250, 250, 250, 0.588);
    /*     animation: shine 8s linear infinite alternate; */
}

/* @keyframes shine {
    20% {
        color: rgb(0, 0, 0);
        text-shadow: 1px 2px 2px rgba(55, 63, 158, 0.478),
        0 0 1em rgba(255, 255, 255, 0.522), 0 0 0.2em rgba(250, 250, 250, 0.588);
    }
    50% {
        color: white;
        text-shadow: 
            0px 0px 5px rgba(255, 255, 255, 0.742),
            0px 0px 10px rgba(223, 223, 223, 0.8),
            0px 0px 15px rgb(185, 185, 185);
    }
} */

.sub-title {
    margin: auto;
    text-align: center;
    text-shadow: 1px 2px 2px rgba(23, 52, 136, 0.434);
}

.service-title {
    margin: auto;
    text-align: start;
    text-shadow: 1px 1px 1px rgb(57, 56, 56);
}

.background-blue {
    width: 30%;
    background: linear-gradient(
        to left,
        #5577ad 20%,
        rgb(189, 209, 241),
        #7aa2e3 220%
    );
    border-end-end-radius: 30px;
    border-top-right-radius: 30px;
    padding: 10px;
    box-shadow: 1px 1px 1px black;
}

@media (max-width: 770px) {
    .media--icon {
        width: 100%;
        margin: auto;
    }
}