NO heredar valores de transparencia

[mariadelro]

Hola, agradezco si alguien puede ayudarme con la siguiente duda:

Tengo un bloque de color con opacidad del 30%, y necesito ponerle un texto negro al 100% (#000).

tengo así el código:

Código HTML:

<div id="mapa">
    <h2>bla bla</h2>
</div>
 

Asi la css:

Código CSS:

#mapa{
    width: 360px;
    height:470px;
    background-color:#547172;
    filter: alpha(opacity=35);
    opacity: 0.3;
    }
    
#mapa h2{
    font-size: 1.7em;
    color:#000000!important;
        filter: alpha(opacity=100);
    opacity:1;
    }
 

Pero el h2 me "hereda" la opacidad. Alguien puede decirme como hago para que no la herede?

Espero que alguien tenga la respuesta. Muchas gracias,

maria