/* static\css\home\servicios\servicios-contenedor.css */
.servicios-contenedor {
    position: relative; /* Permite que el contenedor sea posicionado en relación a su contenedor padre */
    min-height: 100vh; /* Asegura que el contenedor ocupe al menos el 100% de la altura de la ventana de visualización */
    width: 100%; /* Ocupa todo el ancho de la página */
    overflow: hidden; /* Oculta cualquier contenido que sobresalga */
}

.servicios-contenedor::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background-repeat: repeat; /* Repite la imagen en ambas direcciones */
    background-size: 55vw 55vh; /* Ajusta el tamaño de la imagen para que sea más pequeña y se repita adecuadamente */
    background-position: center; /* Centra la imagen en el contenedor */
    opacity: 0.1; /* Ajusta la transparencia de la imagen */
    z-index: 1; /* Asegura que el pseudo-elemento esté detrás del contenido */
}