/* presencia styles */
        .presencia {
            display: flex;

            flex-direction: column;

            justify-content: center;
            align-items: center;

            padding: 0px 20px;
            background-image:url("/imgs/presencia/presencia_back.png");

            background-position: center, center;

            background-repeat: no-repeat, no-repeat;
            background-size: cover;

        }

        .presencia .mapas {
            background: transparent;

            display: flex;

            flex-direction: row;

            width: 100%;
            max-width: 679px;

            justify-content: space-between;
            align-items: flex-start;

            margin-top: 123px;

        }

        .presencia .mapas .card {
            background: rgba(255, 255, 255, .00);

            display: flex;

            flex-direction: column;

            width: 100%;
            max-width: 281px;

            text-align: center;

            justify-content: center;
            align-items: center;
        }

        .presencia .mapas .card h2 {
            background: transparent;
            color: #ffffff;

            font-size: 24.57px;
            font-family: "PT Serif", serif;
            font-weight: 700;
            font-style: normal;
        }

        .presencia .mapas .card img {
            margin-top: 40px;
        }

        .presencia p {
            background: transparent;
            color: #ffffff;


            font-family: "PT Serif", serif;
            font-weight: 700;
            font-style: normal;

            margin: 69px 0 43px 0;
        }

        .presencia .textito{
            font-size: 20px;
        }

        .presencia .grados-academicos {
            background: transparent;

            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;

            width: 100%;
            max-width: 1022px;

            justify-content: space-between;
            align-items: center;
        }

        .presencia .grados-academicos .grado {
            display: flex;
            align-items: center;
            justify-content: center;

            flex-direction: column;
        }

        .presencia .grados-academicos .grado .numero {
            font-family: "PT Serif", serif;
            font-weight: 700;
            font-style: bold;
            font-size: 98.38px;
            color: #ffffff;

        }

        .presencia .grados-academicos .grado .nombre {
            font-family: "PT Serif", serif;
            font-weight: 700;
            font-style: bold;
            font-size: 33.18px;

            line-height: 118%;

            color: white;
        }

        .presencia a {
            display: flex;
            align-items: center;
            justify-content: center;

            background: #ECB664;
            border-radius: 4px;

            font-family: PT Serif;
            font-weight: 400;
            font-style: Regular;
            font-size: 20.85px;
            line-height: 116%;
            letter-spacing: 0%;
            text-align: center;
            vertical-align: middle;

            width: 100%;
            max-width: 563px;

            padding: 16px 27px;

            margin-top: 100px;
            margin-bottom: 93px;

            text-decoration: none;
            color: black;
        }