/* ==============================================================================
   ARQUIVO: OFERTA.CSS
   OBJETIVO: ESTILOS DA PAGINA DE CAPTURA DE OFERTAS DIGITAIS

   Estas regras viviam num <style> dentro do proprio PHP. Fora de um arquivo, elas
   nao passavam pelo versionador, viajavam de novo a cada carregamento da pagina e
   ficavam invisiveis para quem procurasse um estilo na pasta _drive/css.
============================================================================== */

		body {
			font-family: Arial, sans-serif;
			text-align: center;
			background-color: #f9f9f9;
			padding: 50px 20px;
			color: var(--cor_de_texto_principal);
			margin: 0;
		}

		main {
			max-width: 800px;
			margin: 0 auto;
		}

		.botao_de_compra {
			display: inline-block;
			background-color: #28a745;
			color: white;
			padding: 15px 30px;
			text-decoration: none;
			font-size: 20px;
			font-weight: bold;
			border-radius: 5px;
			margin-top: 20px;
			cursor: pointer;
			border: none;
			transition: 0.3s;
		}

		.botao_de_compra:hover {
			background-color: #218838;
		}

		.video_reservado {
			background: #ddd;
			padding: 100px 20px;
			margin: 20px auto;
			max-width: 600px;
			border-radius: 10px;
		}

		.secao_de_checkout {
			background: white;
			padding: 30px;
			border-radius: 8px;
			box-shadow: var(--sombra_de_cartao);
			margin-top: 40px;
			text-align: left;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
		}

		.campo_formulario {
			margin-bottom: 15px;
		}

		.campo_formulario label {
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
			font-size: 14px;
		}

		.campo_formulario input {
			width: 100%;
			padding: 10px;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
			font-size: 16px;
		}

		/* O lugar da caixa de pagamento quando o script da plataforma ativa nao
		   carregou. Fundo de aviso em literal, como os demais avisos pontuais. */
		.bloco_de_provedor_indisponivel_em_oferta {
			background-color: #fff8e1;
			border: 1px solid #ccc;
			border-radius: 4px;
			padding: 20px;
			text-align: center;
		}

		.bloco_de_provedor_indisponivel_em_oferta p {
			margin: 0 0 8px;
		}

		.bloco_de_provedor_indisponivel_em_oferta p:last-child {
			margin-bottom: 0;
			font-size: 14px;
			opacity: 0.8;
		}