.box-light {
    background-color: #eaf7ff;
    border-radius: 45px;
    max-width: 100%;
    min-height: 200px;
    margin: auto;
    display: flex;
    flex-direction: column;
    /* Cambiamos la dirección de flexbox a vertical */
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.box-light:hover {
    background-color: #cae2f0;
}

.box-light h5 {
    font-weight: bold;
    font-size: 1.4em;
    color: var(--principal) !important;
    margin: 0;
}

.box-light p {
    font-size: 1em;
    font-weight: 200;
    color: var(--color-oscuro);
}

.box-light .box-icon {
    margin-top: 2em;
    margin-bottom: 1em;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-light .box-icon img {
    min-width: 80px;
    max-width: 80px;
    max-height: 80px;
}

.cta-text {
    color: var(--principal) !important;
    font-size: 2em;
    margin-bottom: 1em;
    line-height: 1.3em;
}


.cta-text span {
    color: var(--secundario);
}

#stickymenu {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1);
}

#secciones {
    background-image: url("../imgs/bglight.png");
    background-repeat: repeat-x;
}

#mapa-contacto {
    margin-top: -6em;
}

#mapa-contacto img {
    max-height: 630px !important;
}


#mapa-contacto {
    position: relative;
}

#mapa-contacto .dot-location {
    position: absolute;
    z-index: 999;
    width: 60px;
    display: inline-block;
    padding-bottom: 1em;
}

#mapa-contacto .dot-location .icon-location {
    cursor: pointer;
    width: 60px;
    padding: 1em !important;
}

#mapa-contacto .dot-location .mas-info {
    display: none;
    transition: all 1s ease;
    background-color: #eaf7ff;
    padding: 1em;
    min-width: 500px;
    min-height: 400px;
    margin-left: -250px;
    position: absolute;
    text-align: left;
    -webkit-box-shadow: 0px 10px 25px -20px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 25px -20px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 25px -20px rgba(0, 0, 0, 0.75);
}


#mapa-contacto .dot-location .mas-info h4 {
    font-weight: bold;
}

#mapa-contacto .dot-location .mas-info figure {
    text-align: center !important;
}

#mapa-contacto #location-este.dot-location .mas-info {
    margin-left: -250px;
}

#mapa-contacto .dot-location:hover .mas-info {
    display: block !important;

}

#mapa-contacto .dot-location:hover .icon-location {
    animation: saltar 1s infinite;
}

#mapa-contacto #location-este {
    top: 340px;
    right: 175px;
}

#mapa-contacto #location-santo-domingo {
    top: 290px;
    right: 450px;
}

#mapa-contacto #location-zona-norte {
    top: 70px;
    left: 380px;
}

@keyframes saltar {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-15px);
    }

    60% {
        transform: translateY(-7px);
    }
}




@media screen and (max-width: 550px),
screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .box-light {
        margin-bottom: 1em;
    }

    #mapa-contacto {
        opacity: 1;
        margin-top: 0em;
        padding: 0 !important;
    }

    .box-light .box-icon {
        margin-top: 0;
        margin-bottom: 0;
    }

    .box-light .box-icon img {
        min-width: 50px;
        max-width: 50px;
        max-height: 50px;
        margin-top: 0;
    }

    .box-light p {
        line-height: 1.3em;
        margin-left:.5em;
        margin-right:.5em;
    }

    #mapa-contacto .dot-location .icon-location {
        display: none;
    }

    #mapa-contacto #location-santo-domingo,
    #mapa-contacto #location-zona-norte,
    #mapa-contacto #location-este {
        display: block !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        margin-bottom: 1em;
        z-index: auto !important;
    }

    #mapa-contacto .dot-location {
        position: relative !important;
        width: auto !important;
        height: auto !important;
    }

    .dot-location .mas-info {
        display: block !important;
        margin: 0 !important;
    }

    #mapa-contacto .dot-location .mas-info {
        position: relative !important;
        min-width:auto !important
    }
}