/* IMAGEs */
.bg-security{
    background-color: rgba(255, 255, 255, 0);
  background-position: center center;
  background-repeat: no-repeat;
  border-width: 0px;
  border-style: solid;
  background-size: cover;
  background-image: url("/assets/img/services/security/SECURITY-COVER.png");
  height: 360px;
}


/* Fondo para img mobile */
.image-mobile{
    display: block;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    background-image: url("/assets/img/services/security/SECURITY-COVER.png");
}

/* Asegurar que se muestre en mobile */
@media screen and (max-width: 767px) {
    .image-mobile {
        display: block !important;
    }
}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .image-mobile{
        display: none;
    }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .image-mobile{
        display: none;
    }
}

/* Mobiles */
@media screen and (max-width: 768px) {
    .bg-security{
        background-image: none;
    }
}

/* Mobile: Image above text, centered */
@media screen and (max-width: 767px) {
    .col-md-12.d-flex.justify-content-center {
        flex-direction: column !important;
        align-items: center !important;
    }

    .col-md-12.d-flex.justify-content-center > .col-img {
        order: -1 !important;
        margin-bottom: 1rem;
    }

    .col-md-12.d-flex.justify-content-center .col-md-8 {
        text-align: center !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        margin-left: 0 !important;
    }
}