html {
    scroll-behavior: smooth;
}

.espacio {
    height: 40px;
}


.section-wrap2 {
    padding: 30px 0;
    position: relative;
    background-size: cover;
    background-position: center;
}

.alturamin {
    min-height: 50px;
}

.servicetitle {
    color: white;
    padding-bottom: 50px;
    z-index: 100;
    display: block;
    margin: auto;
}

.justificado {
    text-align: justify;
}

.topadjust {
    padding-top: 100px;
}

.galcenter {
    margin: auto;
}

.fondogris {
    background-color: #f0f0f0;
}

.whats {
    width: 60px;
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 1000;
}




/* Contenedor de la imagen para mantener proporción */
.service-img-container {
    width: 100%;
    height: 500px;
    /* Ajusta la altura según necesidad */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 10px;
    /* Bordes redondeados opcionales */
}

/* Imágenes dentro del contenedor */
.service-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    /* Se aplica también a la imagen */

    /* Asegura que la imagen se escale correctamente */
}

/* Ajuste de texto */
.service-1__info {
    text-align: center;
    padding: 15px;
}

.service-1__title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 10px;
}

/* Responsivo */
@media (max-width: 768px) {
    .service-img-container {
        height: 650px;
        /* Ajusta para pantallas más pequeñas */
    }

    .service-1__title {
        font-size: 1.3rem;
    }
}