/* static\css\home\servicios\servicios-portada.css*/
.servicios-portada {
    position: relative; /* Permite el posicionamiento absoluto del contenido */
    width: 100%; /* Ocupa todo el ancho de la página */
    height: 40vh; /* Altura de 150px */
    overflow: hidden; /* Oculta cualquier contenido que sobresalga */
    display: flex;
    justify-content: center; /* Centra el contenido horizontalmente */
    align-items: center; /* Centra el contenido verticalmente */
    clip-path: polygon(0% 100%, /* punto inferior izquiedo */
    20% 80%, 40% 90%, 60% 80%, 70% 90%, 80% 80%, /* puntas del poligo, se le pueden sumar o restar */
    100% 70%, 100% 0%, 0% 0%);  /* punto inferior derecho x-y ; punto superior derecho; punto superior izquierdo */

}


.servicios-portada img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ajusta la imagen para cubrir el contenedor */
    filter: opacity(0.6); /* Ajusta la transparencia de la imagen */
    position: absolute; /* Asegura que la imagen ocupe todo el contenedor */
    top: 0;
    left: 0;

}

.servicios-portada h2 {
    position: absolute;
    color: rgb(255, 255, 255); /* Ajusta el color del texto según sea necesario */
    font-size: calc(2.5rem + 1vw); /* Tamaño ajustable según el ancho de la pantalla */
    z-index: 1; /* Asegura que el texto esté sobre otros elementos */
    letter-spacing: 0.3em; /* Ajusta el espaciado entre letras según sea necesario */
}