/* <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>css/marcaDagua.css">  */
/* <img src="<%=request.getContextPath()%>imagem/Simbolo_Encare.jpeg" alt="Simbolo Encare" class="marca-dagua-img"> */
:root {
    --cor-primaria: #005c99;
    --cor-secundaria: #007bbd;
    --cor-onda1: #00b4c6;
    --cor-onda2: #6fe3ec;
    --cor-onda3: #b6f6ef;
    --cor-fundo: #f7fafc;
    --cor-menu: #ffffff;
    --cor-texto: #203040;
    --cor-sucesso: #00a859;
    --cor-erro: #e53e3e;
    --cor-azul-escuro: #15395b;

     /*  <img src="imagem/Simbolo_Encare.jpeg" alt="Simbolo Encare" class="marca-dagua-img">  */
 .mensagem-info {
    color: #005c99;
    font-style: italic;
    margin-top: 1rem;
}

.marca-dagua .marca-dagua-img {
    position: fixed;
    bottom: 2vh;
    right: 2vw;
   left: 68%;
    top: 30%;
    transform: none;
    opacity: 0.09;
    z-index: 1;
    max-width: 500px;
    width: 70vw;
    pointer-events: none;
}
.ondas {
    position: fixed;
    left: 50%;
    top: 85%;
    transform: translate(-50%, -50%);
    width: 100vw;
    max-width: 1800px;
    opacity: 0.09;
    z-index: 0;
    pointer-events: none;
}
.ondas svg {
    width: 100vw;
    height: 320px;
    display: block;
}

.ondas {
    position: fixed;
    left: 50%;
    top: 85%;
    transform: translate(-50%, -50%);
    width: 100vw;
    max-width: 1800px;
    opacity: 0.09;
    z-index: 0;
    pointer-events: none;
}
.ondas svg {
    width: 100vw;
    height: 320px;
    display: block;
}