@font-face {
    font-family: 'LEMONMILK-Bold';
    src: url('../fonts/LEMONMILK-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

.services-title {
    font-family: LEMONMILK-Bold !important;
    font-size: 3rem;
}

.contenedor-imagen-servicio {
    position: relative;
    top: -20px;
    height: 26rem; /* Ajusta según sea necesario */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Evita que la imagen sobresalga */
}

.contenedor-imagen-servicio img {
    width: 100%;   /* Ocupar todo el ancho */
    height: 100%;  /* Ocupar todo el alto */
    object-fit: cover; /* Hace que la imagen cubra todo el espacio sin deformarse */
    position: absolute;
    top: 0;
    left: 0;
}

.main-cont {
    margin-right: 0;
}

.custom-list {
    list-style-type: disc; /* Viñetas circulares */
}

.cont-img-txt {
    position: absolute;
    right: 0;
    width: 45%;
    height: 25rem;
}

.contenedor-imagen-texto {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
}

.contenedor-imagen-texto img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* La imagen se ajusta sin deformarse */
    display: block;
}

.seccion-completa {
    width: 100vw;  /* Ocupa todo el ancho de la ventana */
    margin-left: calc(-50vw + 50%); /* Ajusta para evitar márgenes del contenedor padre */
}

@media (max-width: 1400px) {
    .contenedor-imagen-texto {
        align-self: flex-start !important; /* Mantiene la imagen en la parte superior */
    }
}

@media (max-width: 768px) {
    /* Centra el texto en pantallas pequeñas */
    .contenido-servicio {
        text-align: center !important;
    }

    /* Asegura que la imagen se ubique debajo */
    .cont-img-txt {
        position: relative !important; /* Elimina position: absolute */
        width: 100% !important; /* Ocupa todo el ancho */
        height: auto !important; /* Se ajusta automáticamente */
        display: flex;
        justify-content: center; /* Centra la imagen */
        margin-top: 1rem; /* Espacio con el texto */
    }

    .contenedor-imagen-texto {
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contenedor-imagen-texto img {
        width: 100%;
        height: auto;
        max-height: 400px; /* Ajusta la altura máxima si es necesario */
        object-fit: cover; /* Evita deformaciones */
    }

    .custom-list {
        list-style-type: disc; /* Viñetas circulares */
        display: inline-block; /* Hace que la lista se comporte como un bloque ajustado al contenido */
        text-align: left; /* Asegura que los elementos se alineen correctamente */
    }
}

@media (max-width: 576px) {
    .services-title {
        font-size: 1.8rem; 
      }
    }

@media (max-width: 590px) {
    .contenido-servicio {
        padding: 0.1rem 1.8rem;
    }
}