.comprar {
    position: relative; /* CRUCIAL: Necesario para que el filtro se posicione correctamente */
    width: 100%;
    /* Configuración de la imagen de fondo */
    background-size: cover; /* Asegura que la imagen cubra todo el contenedor */
    padding: 20px;
    /* Centra el contenido (texto) dentro de la sección, si lo deseas */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: white; /* Hace que el texto dentro del contenedor sea blanco */
}

/* PASO 2: Crear la Capa de Filtro Oscuro (Overlay) */
.comprar::before {
    content: ''; /* Obligatorio para que el pseudoelemento aparezca */
    position: absolute; /* Posiciona el filtro sobre el fondo */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Define el color negro con opacidad */
    background-color: rgba(0, 0, 0, 0.5); /* Negro puro (0,0,0) con 60% de opacidad (0.6) */
    
    z-index: 1; /* Coloca el filtro sobre la imagen de fondo (que está en el contenedor principal) */
}

/* PASO 3: Asegurar que el Contenido esté Encima del Filtro */
/* Aplicá esto a cualquier elemento DENTRO del contenedor que deba verse */
.separador{
    margin-top: 120px;
}
.info-content{
    position: relative;
    z-index: 2; 
    margin-top: 20px;
}