/* 
⚠️ AVISO LEGAL E DE PROPRIEDADE INTELECTUAL ⚠️
Este conteúdo foi desenvolvido e modificado exclusivamente por Grupo Santiago Development, detentor de todos os direitos criativos
e de propriedade intelectual. A marca está registrada oficialmente, com proteção garantida por lei.

🚫 É terminantemente proibido:

Comercialização não autorizada.
Reprodução ou redistribuição.
Pirataria ou cópias parciais/totais.
Uso indevido ou apropriação de conteúdo original.

Qualquer tentativa de violação será considerada crime, conforme previsto na legislação brasileira de Direitos Autorais
(Lei nº 9.610/98) e Crimes Digitais (Lei nº 12.737/12).

O Grupo Santiago Development se reserva o direito de denunciar, acionar judicialmente e solicitar indenização por perdas e danos
em qualquer situação de uso indevido.
*/

#div-img-fome{
		margin: 0 auto;
		align-items: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
	#img-fome {
		max-width:250px;
		max-height:200px;
		width: auto;
		height: auto;
	}

	#footer
	{
		background-color:#ba2f2b;
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		height:50px;
		margin-bottom:0px;
		text-align:center;
		text-decoration: none;
		color: #ffffff;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		padding-top: 15px;

	}
	#footer:hover{
		background-color:#00a000;
	}

	#footerr
	{
		background-color:#ff6247;
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		height:50px;
		margin-bottom:0px;
		text-align:center;
		text-decoration: none;
		color: #ffffff;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		padding-top: 15px;

	}
	#footerr:hover{
		background-color:#d9534f;
	}
	
.centered {
      text-align: center; /* Centraliza horizontalmente o conteúdo */
    }
    

.custom-marginnn {
    margin-top: 0.4%;
}
@media (max-width: 768px) { /* ajuste conforme necessário */
    .custom-marginnn {
        margin-top: 2%; /* novo valor para mobile */
    }}
    

.panel-group {
        width: 104.5%; /* novo valor para mobile */
    }
    @media (max-width: 768px) { /* ajuste conforme necessário */
    .panel-group {
        width: 105.5%; /* novo valor para mobile */
    }}
    

@font-face {
            font-family: 'menulis';
            src: url('fonts/menulis.ttf') format('truetype'); /* Ajuste o caminho conforme necessário */
        }

        h2 {
            color: #fff;
            padding-top: 0;
            font-family: 'menulis', sans-serif;
        }
        

        /* Garante que não haja rolagem horizontal */
html, body {
            overflow-x: hidden;
            margin: 0;
            padding: 0;
            width: 100vw; /* Garante que o body use apenas a largura visível da tela */
            position: relative; /* Evita problemas com posicionamento absoluto */
        }
        

@keyframes pulse-neon {
        0% {
            box-shadow:
                0 0 8px #e0ffff,
                0 0 16px #e0ffff,
                0 0 24px #e0ffff;
        }
        50% {
            box-shadow:
                0 0 12px #e0ffff,
                0 0 20px #e0ffff,
                0 0 32px #e0ffff;
        }
        100% {
            box-shadow:
                0 0 8px #e0ffff,
                0 0 16px #e0ffff,
                0 0 24px #e0ffff;
        }
    }

    #position {
        background-color: transparent;
        margin-top: -5%;
        position: relative;
        padding: 10px;
    }

    #position::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: #f0f0f0 ; /* branco gelo */
        box-shadow:
            0 0 8px #f0f0f0 ,
            0 0 16px #f0f0f0 ,
            0 0 24px #f0f0f0 ;
        animation: pulse-neon 3s ease-in-out infinite;
    }
    
.eisso {
    display: block;
    margin-top: -9px;
    font-size: 14px;
}

@media screen and (max-width: 768px) {
    .eisso {
        margin-top: -9px !important;
    }
}

.tremer{
		animation: treme 0.1s;
		animation-iteration-count: 3;
	}

	@keyframes treme {
		0% {margin-left: 0;}
		25% {margin-left: 5px;}
		50% {margin-left: 0;}
		75% {margin-left: -5px;}
		100% {margin-left: 0;}
	}