.form-container-gotico {
    background: #1a1a1a;
    color: #c0c0c0;
    padding: 20px;
    border: 2px solid #4a0000; /* Vermelho sangue seco */
    font-family: 'Cinzel', serif; /* Fonte estilo medieval */
    max-width: 500px;
    margin: 0 auto;
}

#nomeMsg, #txtMensagem {
    background: #2d2d2d;
    border: 1px solid #4a0000;
    color: white;
    width: 100%;
    margin-bottom: 15px;
}

#btnEnviarMsg {
    background: #4a0000;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    transition: 0.3s;
}

#btnEnviarMsg:hover {
    background: #800000;
    box-shadow: 0 0 10px #ff0000;
}

.feedback-sucesso {
    color: #ff4545;
    text-align: center;
    font-weight: bold;
    border: 1px dashed #ff4545;
    padding: 10px;
}

.campoNomeMsg, .campoTxtMensagem{
	text-align: left;
}

.caixaLogin{
    padding: 30px 0;
    width: 50%;
    background: #FFFFFF;
    margin: 0 auto 0 auto;
    z-index: 99;
    position: relative;
    background: #6F4F8F;
    text-align: left; 
	font-size: 20px;
	color: #FFFFFF;
}

.labelCaixaLogin{
    font-weight: bold;
	color: #FFFFFF;
}

.inputAcessoCodigo{
	width: 200px;
	height: 30px;
	size:15;
	color: #000000;	
    background: #C9C9C9;
    text-transform: uppercase;
}

.inputAcessoSenha{
	width: 150px;
	height: 30px;
	size:12;
	color: #000000;
}

.inputAcessoUsuario{
	width: 200px;
	height: 30px;
	size:30;
	color: #000000;
}

.btn-totem {
    background: rgba(0, 0, 0, 0.7); /* Fundo escuro semi-transparente */
    color: #00f2ff;               /* Cor do texto (Ciano Neon) */
    border: 2px solid #00f2ff;    /* Borda neon */
    padding: 15px 30px;
    font-family: 'Cinzel', serif; /* Mantendo o estilo medieval */
    /* font-size: 1.2em; */
	font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.4s ease;    /* Transição suave para o efeito */
    border-radius: 5px;
    outline: none;
    position: relative;
    overflow: hidden;
    /* Brilho inicial sutil */
    box-shadow: 0 0 10px rgba(0, 242, 255, 0.3), inset 0 0 5px rgba(0, 242, 255, 0.2);
}

.btn-totem:hover {
    background: #00f2ff;
    color: #000;
    /* Efeito de explosão de luz (Bloom) */
    box-shadow: 0 0 20px #00f2ff, 
                0 0 40px #00f2ff, 
                inset 0 0 10px #000;
    text-shadow: none;
}

/* Efeito de "batida de coração" no neon enquanto espera o clique */
@keyframes pulsar-neon {
    0% { box-shadow: 0 0 10px rgba(0, 242, 255, 0.4); }
    50% { box-shadow: 0 0 20px rgba(0, 242, 255, 0.7); }
    100% { box-shadow: 0 0 10px rgba(0, 242, 255, 0.4); }
}

.btn-totem {
    animation: pulsar-neon 2s infinite;
}