@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* :root {

    --wsaapp-gradient: linear-gradient(to right, #fcfcfc, #7ac2e7);
    --ahpapp-gradient: linear-gradient(45deg, #f3ec78, #af4261);

  
} */

.footer-div {
    height: 100%;
    /* width: auto; */
    align-items: center;
    justify-content: center;
    background-color: #073462;
    /* THIS IS FOR ALIGNING THE DIV TO THE RIGHT  https://stackoverflow.com/a/12326152 */
    margin-left: auto; 
    margin-right: 5px;
    /* THIS IS FOR ROTATE THE TEXT */
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(360deg);
    white-space: nowrap;
    text-orientation:sideways;
    position: fixed;
    right: 0;
    z-index: 10;
}

    .footer-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 100px;
        /* padding-top: 3.26vw; */
        padding-bottom: 50px;
        /* padding-bottom: 3.26vw; */
        /* margin-right: 15px; */
        /* margin-right: 1vw; */
    }

        .footer-normal-text {
            font-family: 'Montserrat', sans-serif;
            font-size: 12px;
            /* font-size: 0.78vw; */
            color: #ffffff;
            line-height: 12px;
            /* line-height: 0.78vw; */
        }

        img {
            padding: 0px;
            margin: 0px;
        }

            img.rotate {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            #footer-isotipo {
                width: 20px; 
                /* width: 1.3vw;  */
                height: 15px;
                /* height: 1vw; */
                margin-bottom: 5px;
            }

            .gradient-text {
                background-color: red;
                background-clip: text;

                /* Create the gradient. */
                /* background-image: linear-gradient(to right, #fcfcfc, #7ac2e7); */
                background-image: linear-gradient(45deg, #fcfcfc, #7ac2e7);
                background-image: linear-gradient(45deg, #fcfcfc, #387a9b);

                /* Set the background size and repeat properties. */
                background-size:100%;
                background-size:contain;
                background-repeat: repeat;

                /* Use the text as a mask for the background. */
                /* This will show the gradient as a text color rather than element bg. */
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; /* Chrome 10-25, Safari 5.1-6 */
                -moz-background-clip: text;
                -moz-text-fill-color: transparent;
                -o-background-clip: text;
                -o-text-fill-color: transparent;
                -ms-background-clip: text;
                -ms-text-fill-color: transparent;
            }

                .bold-text-700 {
                        font-weight: 700;
                    }

                .raleway-text {
                    font-family: "Raleway", serif;
                    font-optical-sizing: auto;
                    /* font-weight: 500; */
                    font-style: normal;
                }

                .montserrat-text {
                    font-family: "Montserrat", serif;
                    font-optical-sizing: auto;
                    /* font-weight: 500; */
                    font-style: normal;
                }

            .footer-isotipo-lema {
                font-size: 12px;
                /* font-size: 0.78vw; */
                color: #ffffff;
                line-height: 12px;
                /* line-height: 0.78vw; */
            }

            .footer-copyrightperiod {
                font-size: 12px;
                /* font-size: 0.78vw; */
                color: #ffffff;
                line-height: 12px;
                /* line-height: 0.78vw; */
            }