/* Tela de bloqueio do vídeo — tema escuro.
   Contraste conferido contra o fundo #1A1310 (mínimo AA = 4.5):
     branco #FFFFFF ....... 18.35
     ivory  #F5F3EE ....... 16.55
     dourado claro #E8B98A  10.26   (links)
     cinza claro #C9C2BA ... 10.41  (rótulo e texto de apoio)
   Botão laranja da marca #FD5E00:
     texto branco ......... 3.10  REPROVA  -> não usar
     texto #1A1310 ........ 5.92  aprovado -> é o que está em uso
*/

/* Enquanto a trava está ativa, o nó do widget de vídeo continua na página,
   porém sem endereço nenhum dentro (ver class-ea-trava.php: é o que mantém o
   CSS e a lista de estilos da página corretos para quem tem o código).
   Esta folha só é carregada quando a trava está ativa, então aqui ele some. */
.elementor-widget-video { display: none !important; }

.ea-trava {
	background: #1A1310;
	border: 1px solid rgba( 255, 255, 255, .14 );
	border-radius: 12px;
	padding: 32px 22px;
	text-align: center;
	color: #FFFFFF;
}

.ea-trava__cadeado {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, .08 );
	border: 1px solid rgba( 255, 255, 255, .18 );
	color: #E8B98A;
	margin-bottom: 16px;
}

.ea-trava__texto {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.55;
	color: #F5F3EE;          /* 16.55 */
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

/* Mensagens: sempre ACIMA do campo. */
.ea-aviso {
	max-width: 360px;
	margin: 0 auto 16px;
	padding: 11px 14px;
	border-radius: 8px;
	font-size: 14.5px;
	line-height: 1.45;
	text-align: left;
	border: 1px solid transparent;
}

.ea-aviso--erro {
	background: #3A1412;
	border-color: rgba( 255, 212, 212, .28 );
	color: #FFD4D4;          /* 12.12 sobre #3A1412 */
}

.ea-aviso--ok {
	background: #0C2E2A;
	border-color: rgba( 184, 240, 228, .28 );
	color: #B8F0E4;          /* 11.54 sobre #0C2E2A */
}

.ea-trava__form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	max-width: 360px;
	margin: 0 auto;
}

.ea-trava__rotulo {
	font-size: 13px;
	font-weight: 700;
	color: #C9C2BA;          /* 10.41 */
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.ea-trava__campo {
	width: 100%;
	min-height: 54px;
	padding: 13px 14px;
	font-family: inherit;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: .1em;
	text-align: center;
	text-transform: uppercase;
	color: #1A1310;          /* 18.35 sobre branco */
	background: #FFFFFF;
	border: 1px solid rgba( 255, 255, 255, .25 );
	border-radius: 9px;
	box-sizing: border-box;
}

.ea-trava__campo::placeholder {
	color: #8C8781;
	font-weight: 600;
	letter-spacing: .06em;
}

.ea-trava__campo:focus {
	outline: 3px solid #FD5E00;
	outline-offset: 2px;
	border-color: #FD5E00;
}

.ea-trava__botao {
	width: 100%;
	min-height: 54px;
	padding: 15px 20px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .01em;
	color: #1A1310;          /* 5.92 sobre o laranja — aprovado em AA */
	background: #FD5E00;     /* laranja da marca */
	border: 0;
	border-radius: 9px;
	cursor: pointer;
}

.ea-trava__botao:hover { background: #E55400; }

.ea-trava__botao:focus-visible {
	outline: 3px solid #FFFFFF;
	outline-offset: 2px;
}

.ea-trava__botao[disabled] { opacity: .7; cursor: progress; }

.ea-trava__links {
	margin: 22px auto 0;
	max-width: 400px;
	font-size: 14.5px;
	line-height: 1.7;
	color: #C9C2BA;          /* 10.41 */
}

.ea-trava__links a {
	color: #E8B98A;          /* 10.26 */
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	display: inline-block;
	padding: 8px 2px;        /* área de toque confortável no celular */
}

.ea-trava__links a:hover { color: #FFFFFF; }

.ea-trava__links a:focus-visible {
	outline: 2px solid #FFFFFF;
	outline-offset: 2px;
	border-radius: 3px;
}

/* Em telas estreitas os dois links ficam um por linha. */
@media (max-width: 480px) {
	.ea-trava { padding: 26px 16px; }
	.ea-trava__links span { display: none; }
	.ea-trava__links a { display: block; }
}