body{
    background: black;

   
}

header{
    position: fixed;
    top: 0px;
    left:0px;
    
}

/* Configuração para Desktop (ajustada para não cortar) */
#divImagemTema {
    background-image: url("/img/tema2026.png");
    background-repeat: no-repeat;
    background-size: 100% auto; /* Garante que a largura da imagem ocupe 100% */
    background-position: center top;
    aspect-ratio: 16 / 8; /* Mantém a proporção retangular para não achatar */
    margin-top: 2.65%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
    box-shadow: 2px 2px 33px 0px rgba(250,247,250,1);
}

/* Configuração para Celular usando a MESMA imagem */
@media (max-width: 768px) {
    #divImagemTema {
        background-image: url("/img/tema2026celular.png"); /* Mesma imagem do desktop */
        background-size: contain; /* Ajusta a imagem inteira dentro do espaço */
        background-position: center;
        
        /* No celular, a div precisa ser proporcionalmente menor em altura */
        aspect-ratio: 16 / 10; 
        
        margin-left: 0;
        margin-right: 0;
        margin-top: 5%;
        height: auto;
    }
}





#FelizAnoNovo{
/* fonte cor e sombra */
color: #FFFAFA;
text-shadow: 1px 1px 1px #000000;
font-family: Dancing Script;/* importada... ver homepage https://fonts.google.com/ */
font-weight: bold;
font-size:4em;

}

#TemaAnoNovo{
/* fonte cor e sombra */
color: #FFFAFA;
text-shadow: 1px 1px 1px #000000;
font-family: Dancing Script;/* importada... ver homepage https://fonts.google.com/ */
font-weight: bold;
font-size:3.1em;
}

#tudo{
margin-right: -15px;
    margin-left: -15px;
    margin-top:0;
    margin-bottom:0;
}

#conteudoCentral{
   width: 100%;
    background:#F5F5F5;
   //left:50px;
 //border-radius: 10px;
   // box-shadow: 5px 5px 3px #888888;
    //text-align: center;
box-shadow: 2px 2px 33px 0px rgba(250,247,250,1); /*http://www.cssmatic.com/es/box-shadow*/

 margin-top:0;
    margin-bottom:0;
}




#MensagemPrincipal{
color: #DAA520;
    text-shadow: 1px 1px 1px #888888;
    font-family: verdana;
    font-weight: bold;
    font-size:3em;
}

#MensagemSecundaria{

color: black;
    text-shadow: 1px 1px 1px #888888;
    font-family: verdana;
    font-weight: bold;
font-size:2em;
margin-top: 10px;
}



#Encontre-nos{
    
margin-right: 20px;
margin-left: 20px;
color: black;
    text-shadow: 1px 1px 1px #888888;
    font-family: verdana;
    font-weight: bold;
font-size:1em;

}


#Ofertorio{
    
margin-right: 20px;
    margin-left: 20px;
color: black;
    text-shadow: 1px 1px 1px #888888;
    font-family: verdana;
    font-weight: bold;
font-size:1em;


  
}