section:after { width:100%; height: 500px; content:''; position:absolute; z-index:-1; background: var(--cor-primaria); left:0px; top:0px; }
section .util { text-align:center; }

/*MEMBROS — seletor em MODAL central dark (antes: drawer lateral de 250px)*/
.membros_equipe { display: none; width: 480px; max-width: 92%; height: auto; max-height: 82vh; z-index: 10910; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: #141414; border: 1px solid rgba(255,255,255,0.12); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; padding: 20px 22px; margin: 0px; box-sizing: border-box; -webkit-box-shadow: 0 20px 60px rgba(0,0,0,0.7); box-shadow: 0 20px 60px rgba(0,0,0,0.7); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.membros_equipe.aberto { display: -webkit-box; display: -ms-flexbox; display: flex; }
.membros_equipe .titulo_membros { width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; text-align: left; height: auto; font-size: 16px; font-weight: 800; font-family: var(--fonte-especial); color: #ffffff; margin: 0px 0px 14px 0px; border-bottom: 1px solid rgba(255,255,255,0.10); padding-bottom: 14px; line-height: 32px; }
.membros_equipe .titulo_membros i { font-size: 14px; cursor: pointer; position: relative; margin: 0px; color: #ffffff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: right; line-height: 30px; width: 32px; text-align: center; height: 32px; box-sizing: border-box; background-color: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18); }
.membros_equipe .titulo_membros i:hover { border-color: var(--cor-secundaria); color: var(--cor-secundaria); background-color: rgba(255,255,255,0.08); }
.membros_equipe #buscador { -ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px solid rgba(255,255,255,0.15); display: block; margin: 0px 0px 12px 0px; width: 100%; box-sizing: border-box; height: 46px; text-align: left; padding: 0px 16px; font-size: 14px; font-family: var(--fonte-padrao); color: #ffffff; position: relative; background-color: #1a1a1a; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-weight: 500; }
.membros_equipe #buscador:focus { outline: none; color: #ffffff; background-color: #1f1f1f; border: 1px solid var(--cor-secundaria); }
.membros_equipe #buscador::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
.membros_equipe #buscador::placeholder { color: rgba(255,255,255,0.40); }
.membros_equipe ul { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0px; max-height: none; height: auto; position: relative; clear: both; text-align: left; display: block; margin: 0px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.25) transparent; }
.membros_equipe ul::-webkit-scrollbar { width: 6px; }
.membros_equipe ul::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.25); -webkit-border-radius: 3px; border-radius: 3px; }
.membros_equipe ul li { margin: 0px 0px 8px 0px; cursor: pointer; text-align: left; width: 100%; box-sizing: border-box; min-height: auto; height: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-family: var(--fonte-padrao); color: #b9b9b9; line-height: 17px; font-size: 12px; padding: 12px 14px; background-color: #1a1a1a; border: 1px solid rgba(255,255,255,0.10); }
.membros_equipe ul li:hover { background-color: #1f1f1f; border-color: var(--cor-secundaria); }
.membros_equipe ul li .avatar_membro { -ms-flex: 0 0 42px; flex: 0 0 42px; width: 42px; height: 42px; line-height: 42px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(78,185,61,0.15); color: var(--cor-secundaria); font-family: var(--fonte-especial); font-weight: 800; font-size: 13px; letter-spacing: 0.5px; }
.membros_equipe ul li .dados_membro { -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0px; }
.membros_equipe ul li .nome_membro { width: 100%; height: auto; padding: 0px 0px 3px 0px; position: relative; font-family: var(--fonte-especial); text-transform: uppercase; color: #ffffff; line-height: 17px; font-weight: 800; font-size: 12px; text-align: left; overflow-wrap: break-word; }
.membros_equipe ul li p { margin: 0px; padding: 0px; font-size: 12px; color: #9aa3b2; }
.membros_equipe ul li i { font-size: 12px; display: inline-block; vertical-align: top; line-height: 17px; position: relative; margin: 0px 6px 0px 0px; color: var(--cor-secundaria); }
.membros_equipe ul li .ja_no_carrinho { -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 9px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: #ffffff; background: var(--cor-secundaria); padding: 4px 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.membros_equipe ul li.selecionado { background: rgba(78,185,61,0.10); border-color: var(--cor-secundaria); }
/* chips da lista de interesse do evento (categoria escolhida + pago internamente) */
.membros_equipe ul li .chips_interesse { margin-top: 5px; display: flex; flex-wrap: wrap; gap: 5px; }
.membros_equipe ul li .chip_membro { display: inline-flex; align-items: center; gap: 5px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); color: #d6d6d6; font-size: 10px; line-height: 13px; padding: 3px 8px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.membros_equipe ul li .chip_membro i { font-size: 9px; margin: 0px; }
.membros_equipe ul li .chip_membro.pago_ok { border-color: rgba(78,185,61,0.45); color: var(--cor-secundaria); }
@media screen and (max-width: 700px) {
	.membros_equipe { width: 100%; max-width: 100%; height: 100%; max-height: 100%; left: 0px; top: 0px; -webkit-transform: none; transform: none; -webkit-border-radius: 0px; border-radius: 0px; border: none; }
}

/*MENU EQUIPE — card de DESTAQUE no topo do formulário (antes: barra absoluta de 10px)*/
.menu_equipe { width: 100%; height: auto; position: relative; left: auto; top: auto; box-sizing: border-box; padding: 16px 18px; text-align: left; z-index: 20; background: #141414; border: 1px solid rgba(78,185,61,0.35); -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; margin: 0px 0px 18px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px; }
.menu_equipe .qual_equipe { width: auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; margin: 0px; padding: 0px; height: auto; text-transform: none; }
.menu_equipe .qual_equipe > i { color: var(--cor-secundaria); font-size: 20px; line-height: 24px; }
.menu_equipe .qual_equipe .equipe_rotulo span { display: block; color: #9aa3b2; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 800; font-family: var(--fonte-especial); padding-bottom: 2px; }
.menu_equipe .qual_equipe .equipe_rotulo strong { color: #ffffff; font-size: 15px; line-height: 19px; font-family: var(--fonte-especial); font-weight: 800; }
.menu_equipe .equipe_acoes { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.menu_equipe .adiciona_membro, .menu_equipe .adiciona_todos_membros { width: auto; cursor: pointer; height: auto; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin: 0px; padding: 12px 20px; background-color: var(--cor-secundaria); color: #ffffff; font-size: 11px; font-family: var(--fonte-especial); text-transform: uppercase; letter-spacing: 0.5px; line-height: 14px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 800; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.menu_equipe .adiciona_membro:hover, .menu_equipe .adiciona_todos_membros:hover { background-color: var(--cor-primaria); }
.menu_equipe .adiciona_membro i, .menu_equipe .adiciona_todos_membros i { font-size: 12px; display: inline-block; vertical-align: top; line-height: 14px; margin: 0px; color: #ffffff; }
.menu_equipe .adiciona_membro.gerencia { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.18); }
.menu_equipe .adiciona_membro.gerencia:hover { background: rgba(255,255,255,0.10); border-color: var(--cor-secundaria); }
.menu_equipe .adiciona_membro.gerencia i { color: var(--cor-secundaria); }
/* selo pós-seleção: "formulário preenchido com FULANO" + trocar */
.membro_escolhido { display: none; box-sizing: border-box; width: 100%; margin: -6px 0px 18px 0px; background: rgba(78,185,61,0.10); border: 1px solid rgba(78,185,61,0.35); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 12px 16px; color: #d6d6d6; font-size: 13px; line-height: 19px; text-align: left; }
.membro_escolhido > i { color: var(--cor-secundaria); margin-right: 8px; }
.membro_escolhido strong { color: #ffffff; }
.membro_escolhido .trocar_membro { float: right; cursor: pointer; color: var(--cor-secundaria); font-weight: 800; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 19px; font-family: var(--fonte-especial); }
.membro_escolhido .trocar_membro:hover { text-decoration: underline; }
@media screen and (max-width: 700px) {
	.menu_equipe { display: block; }
	.menu_equipe .equipe_acoes { margin-top: 12px; }
	.menu_equipe .equipe_acoes a { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
	.menu_equipe .adiciona_membro { width: 100%; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
}

/*RESUMO*/
.resumo_pedido { width: 100%; height: auto; position: relative; clear: both; z-index: 11; padding: 25px 0px; margin: 0px; }
.resumo_pedido ul { width: 100%; height: auto; position: relative; clear: both; text-align: left; display: inline-block; margin: 0px; }
.resumo_pedido ul li { margin: 0px 0px 20px 0px; text-align: left; width: 100%; min-height: auto; height: auto; position: relative; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); background-color: var(--background); }
.resumo_pedido ul li .resumo { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -o-calc(100% - 80px); width: calc(100% - 80px); padding: 30px 40px 25px 40px; position: relative; height: auto; display:inline-block; vertical-align:top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.resumo_pedido ul li .resumo .titulo_post { width: 100%; height: auto; padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: 1px solid var(--background-box); position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-1); line-height: 24px; font-weight: 700; font-size: 20px; text-align: left; }
.resumo_pedido ul li .resumo .titulo_post p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-1); line-height: 18px; font-weight: 400; font-size: 13px; text-align: left; }
.resumo_pedido ul li .resumo .qual_valor { width: 100%; height: auto; padding: 15px 0px 0px 0px; border-top: 1px solid var(--background-box); margin-bottom: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-secundaria); line-height: 30px; font-weight: 800; font-size: 30px; text-align: left; }
.resumo_pedido ul li .resumo .qual_valor p { width: 100%; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-primaria); line-height: 20px; font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; text-align: left; }
.resumo_pedido ul li .resumo .qual_valor span { width: auto; height: auto; padding: 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-secundaria); line-height: 30px; font-weight: 400; font-size: 28px; text-align: left; }
.resumo_pedido ul li .resumo .introducao_post { width: 100%; height: auto; padding: 0px 0px 20px 0px; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-2); line-height: 20px; font-size: 14px; text-align: left; }
.resumo_pedido ul li .resumo .introducao_post i { font-size: 13px; display: inline-block; vertical-align:top; line-height:20px; margin: 0px 10px 0px 0px; color: var(--cor-secundaria); }
.resumo_pedido ul li .resumo .remove_ingresso { width: auto; height: auto; position: absolute; bottom: 30px; right: 40px; z-index: 10; color: red; text-decoration: underline; font-size: 14px; font-family: var(--fonte-padrao); line-height: 18px; padding: 0px; margin: 10px 0px 0px 0px;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 600; }

/*CONTADOR*/
.contador { position: relative; width: 65%; letter-spacing: 2px; font-weight: 400; font-size: 48px; color: rgba(255, 255, 255, 0.4); padding: 50px 0px 0px 0px; text-align:center; margin: 0px; display: inline-block; }
.contador p { width: 100%; font-size: 24px; color: #ffffff; font-weight: bold; text-align: center; line-height: 20px; border-bottom: rgba(255, 255, 255, 0.2) 1px solid; letter-spacing: -1px; padding: 0px 0px 25px 0px; margin-bottom:10px; }
.contador p i { font-size: 16px; display: inline-block; vertical-align:top; line-height:20px; margin-right: 10px; color: var(--cor-texto-2); }
.contador span { display: inline-block; color: var(--cor-texto-2); font-weight: 800; font-size: 48px; color: #ffffff; letter-spacing: 2px; min-width: 60px; text-align: center; animation: pulse_tempo 1s infinite; position:relative; } 
.contador span::before { position:absolute; left:0px; bottom:0px; content: attr(data-label); font-size: 8px; letter-spacing:2px; width:100%; height:auto; color: #ffffff; font-weight:400; text-transform:uppercase; }
@keyframes pulse_tempo { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }

/*PAGAMENTO*/
.detalhes { width: 100%; height: auto; position: relative; min-height: 100px; padding: 0px 0px 75px 0px; display: inline-block; vertical-align: top; text-align:center; }
.detalhes .titulo_detalhe { width: 100%; position: relative; display: inline-block; vertical-align: top; text-align: center; height: auto; font-size: 18px; color: var(--cor-primaria); font-weight: 800; margin: 20px 0px 10px 0px; }
.detalhes .conteudo { display: none; color: var(--cor-primaria); font-size: 13px; line-height: 22px; font-family: var(--fonte-padrao); text-align: left; padding: 0px 0px 30px 0px; width: 100%; height: auto; }
.detalhes .conteudo.ativado { display: inline-block; }

/*CORPO COLUNA FLUTUANTE*/
.detalhes .coluna_flutua { min-height: 100px; width: -moz-calc(32% - 60px); width: -webkit-calc(32% - 60px); width: -o-calc(32% - 60px); width: calc(32% - 60px); position: relative; text-align: left; height: auto; margin: 50px 0px 0px 30px; padding: 30px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: #ffffff; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius);display:inline-block; vertical-align:top }
.detalhes .coluna_flutua .titulo_coluna { width: 100%; position: relative; display: inline-block; vertical-align: top; text-align: left; height: auto; font-size: 18px; color: var(--cor-texto-1); font-weight: 800; letter-spacing: -1px; margin: 0px; border-bottom: 1px solid var(--background); padding-bottom:20px; }
.detalhes .coluna_flutua .itens_pedido { width: 100%; position: relative; text-align: left; height: auto; margin: 10px 0px; }
.detalhes .coluna_flutua .itens_pedido ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.detalhes .coluna_flutua .itens_pedido ul li { cursor: pointer; padding: 0px; border: 5px solid transparent; width: 44%; height: auto; position: relative; display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; line-height: 24px; font-size: 14px; font-weight: 500; overflow: hidden; color: var(--cor-texto-2); }
.detalhes .coluna_flutua .itens_pedido ul li input { opacity:0; }
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona, .detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona:hover { width: 100%; background-color: #eaeaea; border: 5px solid #eaeaea; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado, .detalhes .coluna_flutua .itens_pedido ul li.selecionado:hover { background-color: var(--cor-secundaria); border: 5px solid var(--cor-secundaria); }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .avatar .tenho_interesse { opacity:1; top: 50%; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .nome_item, .detalhes .coluna_flutua .itens_pedido ul li.selecionado .nome_item p, .detalhes .coluna_flutua .itens_pedido ul li.selecionado .qual_valor { color: #ffffff; }
.detalhes .coluna_flutua .itens_pedido ul li:hover { background-color: #ffffff; border: 5px solid #ffffff; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar { width: 100%; height:120px; position:relative; display: inline-block; vertical-align: top; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow:hidden; margin: 0px; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar img { width: 100%; height: 100%; margin: 0px; position: relative; object-fit: cover; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:block; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); }
.detalhes .coluna_flutua .itens_pedido ul li .avatar .tenho_interesse { opacity: 0; width: auto; height: auto; position: absolute; left: 50%; top: 35%; transform: translate(-50%,-50%); display: inline-block; vertical-align: top; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; background-color: var(--cor-secundaria); font-size: 9px; font-family: var(--fonte-especial); text-transform: uppercase; line-height: 18px; padding: 8px 15px; margin: 0px;  -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 800;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; z-index:10; }
.detalhes .coluna_flutua .itens_pedido ul li:hover .tenho_interesse { opacity:1; top: 50%; }
/* CTA "Adicionar" FLUTUANDO sobre a foto, centralizado e sempre visível (deixa claro que o kit pode ser adicionado) */
.detalhes .coluna_flutua .itens_pedido ul li .avatar .tenho_interesse.cta_flutua { opacity: 1; top: 50%; font-size: 11px; padding: 9px 16px; -webkit-box-shadow: 0 4px 14px rgba(0,0,0,0.35); box-shadow: 0 4px 14px rgba(0,0,0,0.35); }
.detalhes .coluna_flutua .itens_pedido ul li .avatar .tenho_interesse.cta_flutua i { margin-right: 5px; font-size: 10px; }
.detalhes .coluna_flutua .itens_pedido ul li:hover .avatar .tenho_interesse.cta_flutua { top: 50%; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .avatar .tenho_interesse.cta_flutua { background-color: #ffffff; color: var(--cor-secundaria); }
/* fallback (kit sem foto): CTA como bloco acima do item */
.detalhes .coluna_flutua .itens_pedido ul li .tenho_interesse.cta_topo { position: relative; left: auto; top: auto; transform: none; opacity: 1; display: block; width: 100%; box-sizing: border-box; text-align: center; color: #ffffff; background-color: var(--cor-secundaria); text-transform: uppercase; font-size: 11px; font-family: var(--fonte-especial); font-weight: 800; line-height: 18px; letter-spacing: 0px; padding: 9px 14px; margin: 0px 0px 8px 0px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; z-index: 1; }
.detalhes .coluna_flutua .itens_pedido ul li .tenho_interesse.cta_topo i { margin-right: 4px; font-size: 10px; }
.detalhes .coluna_flutua .itens_pedido ul li:hover .tenho_interesse.cta_topo { top: auto; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .tenho_interesse.cta_topo { background-color: #ffffff; color: var(--cor-secundaria); }
.detalhes .coluna_flutua .itens_pedido ul li .nome_item { font-size: 16px; font-weight: 700; color: var(--cor-texto-2); width: 100%; height: auto; position:relative; text-align:center; line-height:18px; padding: 10px 0px; }
.detalhes .coluna_flutua .itens_pedido ul li .nome_item p { font-size: 12px; font-weight: 400; line-height: 16px; width: 100%; height: auto; text-align: center; color: var(--cor-secudnaria); padding-top:10px; }
.detalhes .coluna_flutua .itens_pedido ul li .qual_valor { font-size: 16px; font-weight: 700; color: var(--cor-primaria); width: 100%; height: auto; position:relative; text-align:center; line-height:18px; padding: 10px 0px; }

/*CORPO PAGAMENTO*/
.detalhes .pagamento { width: -moz-calc(65% - 100px); width: -webkit-calc(65% - 100px); width: -o-calc(65% - 100px); width: calc(65% - 100px); position: relative; text-align: left; height: auto; margin: 0px; padding: 20px 50px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  display:inline-block; vertical-align:top; background-color: var(--background-box); -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius);margin: 50px 0px; }
.detalhes .pagamento .tag_destaque { width: auto; height: auto; position: absolute; left: 0px; top: 30px; padding: 10px 15px; background: var(--cor-secundaria); color: #ffffff; font-size: 10px; font-family: var(--fonte-especial); text-transform: uppercase; line-height: 10px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 800; z-index:10; }
.detalhes .pagamento .titulo_pagamento { width: 100%; position: relative; display: inline-block; vertical-align: top; text-align: left; height: auto; font-size: 18px; color: var(--cor-primaria); font-weight: 800; letter-spacing: -1px; margin: 0px 0px 20px 0px; }
.detalhes .pagamento .titulo_formas { width: 100%; position: relative; display: inline-block; vertical-align: top; text-align: left; height: auto; font-size: 18px; line-height: 22px; color: var(--cor-texto-1); font-weight: 800; letter-spacing: -1px; margin: 0px; }
.detalhes .pagamento .titulo_formas span { color: var(--cor-texto-2); }
.detalhes .pagamento .titulo_formas a { text-decoration: underline; color: var(--cor-texto-2); font-size: 18px; line-height: 22px; font-weight: 800; letter-spacing: -1px; }
.detalhes .pagamento .titulo_formas i { width: 30px; height: 22px; text-align: left; font-size: 14px; line-height: 22px; position:relative; display:inline-block; vertical-align:top; color: var(--cor-secundaria); }
.detalhes .pagamento .titulo_principal { width: 100%; position: relative; display: inline-block; vertical-align: top; letter-spacing: -1px; text-align: center; height: auto; line-height: 40px; font-size: 24px; color: var(--cor-texto-1); font-weight: 500; margin: 0px; border-bottom: 1px solid var(--background); padding-bottom: 15px; margin-bottom: 15px; }
.detalhes .pagamento .titulo_principal.titulo_inscreve { text-align:left; }
.detalhes .pagamento .titulo_principal p { font-size:16px; padding: 20px 0px 0px 0px; letter-spacing:0px; color: var(--cor-texto-1); text-align:center; }
.detalhes .pagamento .titulo_principal p.titulo_carrinho { font-size:10px; line-height: 14px; font-weight: 700; padding: 0px; letter-spacing:2px; text-transform: uppercase; color: var(--cor-texto-1); text-align:center; }
.detalhes .pagamento .titulo_principal span { color: var(--cor-texto-2); font-size:30px; margin-left: 6px; font-weight:800; position:relative; display:inline-block; }
.detalhes .pagamento .titulo_principal span:before { position:absolute; bottom: 5px; height:2px; width:100%; content:''; left:0px; background-color: var(--cor-texto-2); -moz-border-radius: var(--radius); -webkit-border-radius: var(--radius); border-radius: var(--radius); overflow:hidden; }
.detalhes .pagamento .titulo_principal i { width: 40px; height: 40px; text-align: center; font-size: 26px; line-height: 40px; position:relative; display:inline-block; vertical-align:top; color: var(--cor-secundaria); -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); margin:0px 10px 0px 0px }

/*PAGAMENTO*/
#jogo { width: 100%; display: inline-block; vertical-align: top; text-align: left; height: auto; font-size: 13px; font-family: var(--fonte-padrao); font-weight: 400; line-height: 20px; margin: 0px; padding: 0px 0 0px 0; }
#jogo .linha { width: 100%; height: auto; position: relative; text-align: left; }
#jogo .doador { width: 100%; height: auto; position: relative; text-align: left; padding: 10px 0px 30px 0px; }
#jogo .doador .titulo_formas { margin-bottom:10px; }
#jogo .colunas { width: 20%; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 25px; margin-right: 3%; }
#jogo .colunas_esquerda { width: 100%; vertical-align: top; text-align: left; margin-bottom: 25px; }
#jogo .colunas_cc { width: 49%; display: inline-block; vertical-align: top; text-align: left; margin-right: 1%; }
#jogo .colunas_cc_esquerda { width: 49%; vertical-align: top; float: right; text-align: right; }
#jogo input[type=text],#jogo input[type=password] { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 30px; background-color: #ffffff; border: 1px solid var(--border-color); text-align: left; line-height: 30px; font-size: 16px; color: #000000; padding: 10px 15px; font-family: var(--fonte-padrao); margin: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease font-weight:300; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; }
#jogo select { width: 100%; height: 50px; background-color: #ffffff; border: 1px solid var(--border-color); text-align: center; line-height: 30px; font-size: 16px; color: #000000; padding: 10px 15px; font-family: var(--fonte-padrao); margin: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease font-weight:300; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; text-align:left; }
#jogo input[type=text]:focus,#jogo input[type=text]:password, #jogo select:focus { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,113,188,0.15); -moz-box-shadow: 0px 0px 20px 0px rgba(0,113,188,0.15); box-shadow: 0px 0px 20px 0px rgba(0,113,188,0.15); background-color: #ffffff; }
#jogo .opcoes_pagamento { widows: 100%; height: auto; position: relative; padding: 0px; margin: 20px 0px 10px 0px; text-align: left; }
#jogo .opcoes_pagamento .outra_opcao { cursor: pointer; width: auto; padding: 9px 18px; height: auto; position: relative; font-size: 18px; display: inline-block; vertical-align: top; margin: 0px 1px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; line-height: 30px; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; color: var(--cor-texto-2); background-color: var(--background-box); border: 2px solid var(--background); letter-spacing: -1px; font-weight:800; }
#jogo .opcoes_pagamento .outra_opcao i { display: none; line-height: 30px; }
#jogo .opcoes_pagamento .outra_opcao:hover { border: 2px solid var(--background); }
#jogo .opcoes_pagamento .outra_opcao.ativo { background: var(--background); border: 2px solid var(--background); color: var(--cor-texto-2); }
#jogo .opcoes_pagamento .outra_opcao.ativo i { display: inline-block; vertical-align: top; line-height: 30px; color: var(--cor-texto-2); font-size: 18px; padding-right: 7px; }

#jogo .coluna_valor { width: 100%; height: auto; position: relative; padding: 10px 0px 0px 0px; }

#jogo #envia_pagamento { width: auto; height: 50px; background: var(--cor-primaria); margin: 30px 0px; padding: 0px 20px; position: relative; float: right; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; cursor: pointer; display: none; }
#jogo #envia_pagamento span { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; text-align: left; color: #ffffff; font-weight: 700; font-size: 18px; line-height: 50px; letter-spacing: 0px; }
#jogo #envia_pagamento:hover { background: var(--cor-primaria); }

#jogo .doador .aceite_lgpd { text-align: center; width: 100%; padding: 40px 0px 30px 0px; height: auto; position: relative;color: var(--cor-texto-2); font-size: 14px; font-family: var(--fonte-padrao); font-weight: 400; }
#jogo .doador .aceite_lgpd a { color: var(--cor-texto-2); font-size: 14px; font-family: var(--fonte-padrao); font-weight: 400; text-decoration: underline; }

#jogo .doador .adiciona_carrinho { cursor: pointer; background: var(--cor-primaria); width: auto; padding: 15px 20px; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 20px 0px 0px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; line-height: 30px; font-weight: 800; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; color: #ffffff; letter-spacing: -1px; font-size: 20px; }
#jogo .doador .adiciona_carrinho:hover { background-color: var(--cor-secundaria); }
#jogo .doador .adiciona_carrinho.ativo { color: #ffffff; }
#jogo .doador .adiciona_carrinho.opaco { opacity: 0.3; }
#jogo .doador .adiciona_carrinho i { font-size: 14px; padding-left:10px; display:inline-block;  vertical-align:top; position:relative;  line-height:30px }
#jogo .doador .adiciona_carrinho.finaliza_inclusao { float:right }

#jogo .doador .avanca_pagamento { cursor: pointer; background: var(--cor-primaria); width: auto; padding: 15px 25px; height: auto; position: relative; float: right; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; line-height: 30px; font-weight: 800; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; color: #ffffff; letter-spacing: -1px; font-size: 20px; }
#jogo .doador .avanca_pagamento:hover { background-color: var(--cor-secundaria); }
#jogo .doador .avanca_pagamento.ativo { color: #ffffff; }
#jogo .doador .avanca_pagamento.opaco { opacity: 0.3; }
#jogo .doador .avanca_pagamento i { font-size: 14px; padding-left:10px; display:inline-block;  vertical-align:top; position:relative;  line-height:30px }

.mais_ingressos { cursor: pointer; background: var(--cor-secundaria) !important; width: auto; padding: 15px 25px; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; line-height: 30px; font-weight: 800; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; color: var(--cor-texto-1); letter-spacing: -1px; font-size: 20px; }
.mais_ingressos i { font-size: 14px; padding-left: 0px; padding-right:10px; display:inline-block;  vertical-align:top; position:relative;  line-height:30px }

/*MENSAGEM DE SUCESSO — mesma largura do box do pedido, respiro equilibrado em cima/embaixo*/
.alerta { background: #02C028; display: block; box-sizing: border-box; vertical-align: top; width: 100%; height: auto; text-align: center; font-size: 16px; line-height: 22px; color: #ffffff; padding: 18px 16px; font-family: var(--fonte-padrao); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:600; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; margin: 12px auto 20px auto; }
.alerta i { display: inline-block; vertical-align: top; width: auto; margin: 0px 10px 0px 0px; text-align: center; color: #ffffff; font-size: 20px; line-height: 22px; }
/* abaixo de 1100px o box do pedido fica 96% centralizado — o alerta acompanha */
@media screen and (max-width: 1100px) { .alerta { width: 96%; } }

.carrinho_vazio { background: transparent; display: inline-block; vertical-align: top; width: 100%; height: auto; text-align: center; font-size: 32px; line-height: 50px; color: #ffffff; padding: 60px 0px; font-family: var(--fonte-padrao); margin: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:500; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow: hidden; margin: 25px 0px 0px 0px; }
.carrinho_vazio i { display: inline-block; vertical-align: top; width: auto; margin: 0px 20px 0px 0px; text-align: center; color: yellow; font-size: 28px; line-height: 50px; }

/*BOX MODAL*/
.box_modal { width: 450px; display: none; height: auto; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 10905; background-color: var(--background-box); padding: 50px 50px 20px 50px; text-align: left; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); }
.box_modal .titulo_box { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 24px; line-height: 28px; text-align: left; color: var(--cor-texto-2); font-weight:800; letter-spacing:-1px; }
.box_modal .titulo_box i { color: var(--cor-secundaria); font-size:24px; line-height:28px; position:relative; display:inline-block; vertical-align:top; margin-right: 12px; }
.box_modal .introducao_box { width: 100%; font-size: 16px; font-family: var(--fonte-padrao);  color: var(--cor-texto-2); text-align: left; padding: 15px 0px 0px 0px; line-height: 22px; position: relative; z-index: 10; margin: 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.box_modal .introducao_box span { color: var(--cor-secundaria); font-weight: 700; }
.box_modal .formulario { width:100%; height:auto; position:relative; text-align:left; padding: 20px 0px; }
.box_modal .formulario .botao-contato { cursor: pointer; width: auto; display: inline-block; vertical-align: top; margin-top: 0px; padding: 15px 20px; height: auto; font-family: var(--fonte-padrao); color: var(--cor-primaria); font-size: 18px; font-weight: 700; text-align: center; background: var(--background); overflow: hidden; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); }
.box_modal .formulario .botao-contato:hover { padding: 15px 25px; }
.box_modal .formulario .botao-contato.opaco { opacity: 0.4 }
.box_modal .formulario .botao-contato:focus { outline: 3px solid var(--cor-secundaria); }
.box_modal .formulario .botao-cancela { width: auto; height: auto; position: relative; display: inline-block; vertical-align: top; color: var(--cor-texto-1); background-color: var(--background-box); font-weight: 500; font-size: 18px; font-family: var(--fonte-padrao); padding: 15px 30px 15px 30px; margin: 0px 0px 0px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer; }
.box_modal .formulario .botao-cancela { color: var(--cor-texto-2); background-color: transparent; text-decoration:underline; }

@media screen and (max-width: 1100px) {
	/* Abaixo de 1100px o .util deixa de ser 1200px fixo e vira 100%; aí a soma 65%+32%+margens
	   passa de 100% e as colunas QUEBRAVAM mantendo a largura pequena (menores que a tela, empilhadas).
	   Aqui forçamos o empilhamento em LARGURA CHEIA (centralizadas) para inscrição e resumo. */
	.detalhes .pagamento,
	.detalhes .pagamento.sem_coluna { width: 96%; max-width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: none; padding: 30px 24px; margin: 30px auto 0 auto; -webkit-border-radius: var(--radius) var(--radius) 0px 0px; -moz-border-radius: var(--radius) var(--radius) 0px 0px; border-radius: var(--radius) var(--radius) 0px 0px; }
	.detalhes .coluna_flutua { width: 96%; max-width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; float: none; margin: 0 auto 30px auto; padding: 30px 24px; -webkit-border-radius: 0px 0px var(--radius) var(--radius); -moz-border-radius: 0px 0px var(--radius) var(--radius); border-radius: 0px 0px var(--radius) var(--radius); }

	/* BOTÕES: ~90% da largura, centralizados e empilhados (vencem float/inline-block e o flex row-reverse do resumo) */
	#jogo .doador .quantas, #jogo .doador .quantas_resumo { display: block !important; text-align: center !important; }
	/* wrappers <a> (resumo + "voltar" da inscrição) viram bloco 90% centralizado */
	#jogo .doador .quantas > a, #jogo .doador .quantas_resumo > a { display: block !important; width: 90% !important; margin: 12px auto !important; text-align: center; }
	/* botões (div direto) 90% centralizados */
	#jogo .doador .adiciona_carrinho,
	#jogo .doador .avanca_pagamento,
	.mais_ingressos {
		display: block !important; float: none !important; width: 90% !important; max-width: 90% !important;
		-webkit-box-sizing: border-box; box-sizing: border-box; margin: 12px auto !important; text-align: center !important;
	}
	/* quando o botão está dentro de um <a> (já em 90%), ele preenche o wrapper */
	#jogo .doador .quantas > a .adiciona_carrinho,
	#jogo .doador .quantas > a .avanca_pagamento,
	#jogo .doador .quantas > a .mais_ingressos,
	#jogo .doador .quantas_resumo > a .avanca_pagamento,
	#jogo .doador .quantas_resumo > a .mais_ingressos { width: 100% !important; max-width: 100% !important; margin: 0 !important; }
	/* botão "voltar" (só ícone) da inscrição fica compacto e centralizado, não 90% */
	#jogo .doador .quantas:not(.quantas_resumo) > a:first-child { width: auto !important; }
	#jogo .doador .adiciona_carrinho.voltar_inscricao { width: auto !important; display: inline-block !important; margin: 6px auto !important; }
}

@media screen and (max-width: 670px) {
	section { padding-top: 82px; }

	.box_modal { width: 92%; padding-left:4%; padding-right:4%; }

	/*CONTADOR*/
	.contador { width: -moz-calc(96% - 40px); width: -webkit-calc(96% - 40px); width: -o-calc(96% - 40px); width: calc(96% - 40px); padding: 25px 20px; margin: 0px 2% 20px 2%; font-size: 42px; }
	.contador span { font-size: 42px; }

	.detalhes .pagamento .tag_destaque { top: 0px; }

	#jogo .doador .adiciona_carrinho, #jogo .doador .avanca_pagamento, #jogo .doador .envia_pagamento, .mais_ingressos { text-align: center; width: 100%; padding: 15px 0px; }
	.mais_ingressos { margin-top:15px; }

	/*CORPO COLUNA FLUTUANTE*/
	.detalhes .coluna_flutua { top: inherit; width: 96%; max-width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; margin: 0 auto 30px auto; padding: 30px 20px; -moz-border-radius: 0px 0px var(--radius) var(--radius); -webkit-border-radius: 0px 0px var(--radius) var(--radius); border-radius: 0px 0px var(--radius) var(--radius); }

	/*CORPO PAGAMENTO*/
	.detalhes .pagamento { width: 96%; max-width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px; margin: 0 auto; -moz-border-radius: var(--radius) var(--radius) 0px 0px; -webkit-border-radius: var(--radius) var(--radius) 0px 0px; border-radius: var(--radius) var(--radius) 0px 0px; }

	#jogo .colunas_cc { width: 100%; display: inline-block; vertical-align: top; text-align: center; margin-right: inherit; }
	#jogo .colunas_cc_esquerda { width: 100%; vertical-align: top; float: inherit; text-align: center; display:inline-block; }
	#jogo .opcoes_pagamento { text-align: center; }
	#jogo .opcoes_pagamento .outra_opcao { cursor: pointer; width: auto; padding: 6px 15px; margin-bottom:5px; font-size:14px; }
	#jogo .opcoes_pagamento .outra_opcao:hover { padding: 6px 15px; }
	#jogo .opcoes_pagamento .outra_opcao.ativo { padding-left: 10px; }
}

/* =========================================================================
   TEMA ESCURO — Inscrição / Checkout (padrão da home / evento)
   ========================================================================= */
body { background: #000000; }
section:after { background: #0a0a0a; }

/* card do formulário e coluna de resumo */
.detalhes .pagamento { background-color: #141414; border: 1px solid rgba(255,255,255,0.08); -webkit-box-shadow: 0 12px 36px rgba(0,0,0,0.5); box-shadow: 0 12px 36px rgba(0,0,0,0.5); }
.detalhes .coluna_flutua { background: #141414; border: 1px solid rgba(255,255,255,0.08); }
.detalhes .coluna_flutua .titulo_coluna { color: #ffffff; border-bottom-color: rgba(255,255,255,0.10); }

/* textos / títulos */
.detalhes .titulo_detalhe { color: #ffffff; }
.detalhes .conteudo { color: #b9b9b9; }
.detalhes .pagamento .titulo_principal { color: #ffffff; border-bottom-color: rgba(255,255,255,0.10); }
.detalhes .pagamento .titulo_principal p, .detalhes .pagamento .titulo_principal p.titulo_carrinho { color: #ffffff; }
.detalhes .pagamento .titulo_principal span { color: var(--cor-secundaria); }
.detalhes .pagamento .titulo_principal span:before { background-color: var(--cor-secundaria); }
.detalhes .pagamento .titulo_principal i { color: var(--cor-secundaria); }
.detalhes .pagamento .titulo_formas { color: #ffffff; }
.detalhes .pagamento .titulo_formas span, .detalhes .pagamento .titulo_formas a { color: #b9b9b9; }
.detalhes .pagamento .titulo_formas i { color: var(--cor-secundaria); }

/* INPUTS e SELECTS — escuros modernos */
#jogo input[type=text], #jogo input[type=password], #jogo select { background-color: #1a1a1a !important; border: 1px solid rgba(255,255,255,0.15) !important; color: #ffffff !important; }
#jogo input[type=text]:focus, #jogo input[type=password]:focus, #jogo select:focus { background-color: #1f1f1f !important; border: 1px solid var(--cor-secundaria) !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
#jogo select option { background: #1a1a1a; color: #ffffff; }
/* select nativo ignora font-family custom em alguns navegadores (WebKit) enquanto o appearance for nativo;
   resetando o appearance ele passa a usar a mesma fonte dos inputs — e recolocamos a setinha custom clara. */
#jogo select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: var(--fonte-padrao) !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1.6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px 8px; padding-right: 40px; }
#jogo input::-webkit-input-placeholder { color: rgba(255,255,255,0.45); }
#jogo input::-moz-placeholder { color: rgba(255,255,255,0.45); opacity: 1; }
#jogo input:-ms-input-placeholder { color: rgba(255,255,255,0.45); }
#jogo input::placeholder { color: rgba(255,255,255,0.45); }
/* seletor de BATERIA em destaque */
#jogo #id_bateria { border: 1px solid var(--cor-secundaria) !important; background-color: #16241a !important; }

/* timer de reserva da inscrição (perde a vaga se demorar) */
.reserva_timer { width: 100%; box-sizing: border-box; text-align: center; padding: 12px 16px; margin: 0px 0px 20px 0px; background: rgba(78,185,61,0.10); border: 1px solid rgba(78,185,61,0.35); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #ffffff; font-size: 14px; font-weight: 600; }
.reserva_timer i { color: var(--cor-secundaria); margin-right: 8px; }
.reserva_timer #reserva_contador { color: var(--cor-secundaria); font-weight: 800; font-family: var(--fonte-especial); letter-spacing: 0.5px; }
.reserva_timer.alerta { background: rgba(231,76,60,0.10); border-color: rgba(231,76,60,0.40); }
.reserva_timer.alerta #reserva_contador { color: #e74c3c; }
.reserva_timer.expirado { background: rgba(231,76,60,0.14); border-color: rgba(231,76,60,0.50); color: #ffffff; }

/* sem a coluna "Compre Junto" → centraliza o formulário de inscrição */
.detalhes .pagamento.sem_coluna { display: block; float: none; margin: 50px auto; }

/* LGPD */
#jogo .doador .aceite_lgpd, #jogo .doador .aceite_lgpd a { color: #b9b9b9; }

/* BOTÕES — mesmo padrão do botão do header (12px, uppercase, 800, pílula verde) */
#jogo .doador .adiciona_carrinho, #jogo .doador .avanca_pagamento, .mais_ingressos { background: var(--cor-secundaria); color: #ffffff; font-family: var(--fonte-especial); font-size: 12px; line-height: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; padding: 13px 22px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
#jogo .doador .adiciona_carrinho:hover, #jogo .doador .avanca_pagamento:hover { background: var(--cor-primaria); }
#jogo .doador .adiciona_carrinho i, #jogo .doador .avanca_pagamento i, .mais_ingressos i { font-size: 11px; line-height: 18px; }
/* "adicionar mais" como outline verde */
#jogo .doador .adiciona_carrinho.mais_ingressos, .mais_ingressos { background: transparent !important; border: 2px solid var(--cor-secundaria); color: var(--cor-secundaria) !important; }
#jogo #envia_pagamento { background: var(--cor-secundaria); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* botão VOLTAR (só a seta) na linha de botões da inscrição — outline compacto à esquerda */
#jogo .doador .quantas > a { display: inline-block; vertical-align: top; float: left; }
/* segura os botões flutuantes dentro do card (no ingresso múltiplo só sobram 2 floats e a linha ficava com altura 0) */
#jogo .doador .quantas::after { content: ""; display: table; clear: both; }
#jogo .doador .adiciona_carrinho.voltar_inscricao { background: transparent !important; border: 0 !important; color: var(--cor-secundaria) !important; padding: 13px 10px; }
#jogo .doador .adiciona_carrinho.voltar_inscricao:hover { background: transparent !important; color: #ffffff !important; }
#jogo .doador .adiciona_carrinho.voltar_inscricao i { padding-left: 0 !important; font-size: 18px; line-height: 18px; }

/* itens (formas de pagamento / adicionais selecionáveis) */
.detalhes .coluna_flutua .itens_pedido ul li { color: #b9b9b9; }
.detalhes .coluna_flutua .itens_pedido ul li .nome_item { color: #ffffff; }
.detalhes .coluna_flutua .itens_pedido ul li .qual_valor { color: var(--cor-secundaria); }
.detalhes .coluna_flutua .itens_pedido ul li:hover { background-color: #1f1f1f; border-color: #1f1f1f; }

/* toggles Pix / Cartão / Boleto */
#jogo .opcoes_pagamento .outra_opcao { background-color: #1a1a1a; border: 2px solid rgba(255,255,255,0.15); color: #b9b9b9; }
#jogo .opcoes_pagamento .outra_opcao.ativo { background: var(--cor-secundaria); border-color: var(--cor-secundaria); color: #ffffff; }
#jogo .opcoes_pagamento .outra_opcao.ativo i { color: #ffffff; }

/* resumo do pedido (página de resumo, mesmo CSS) */
.resumo_pedido ul li { background-color: #141414; border: 1px solid rgba(255,255,255,0.08); }
.resumo_pedido ul li .resumo .titulo_post, .resumo_pedido ul li .resumo .titulo_post p { color: #ffffff; border-bottom-color: rgba(255,255,255,0.10); }
.resumo_pedido ul li .resumo .introducao_post { color: #b9b9b9; }
.resumo_pedido ul li .resumo .qual_valor, .resumo_pedido ul li .resumo .qual_valor span { color: var(--cor-secundaria); }
/* border-top do valor BEM suave + rótulo "VALOR" mais claro/legível */
.resumo_pedido ul li .resumo .qual_valor { border-top: 1px solid rgba(255,255,255,0.06); }
.resumo_pedido ul li .resumo .qual_valor p { color: rgba(255,255,255,0.65); }

/* RESUMO — "Mais ingressos?": foto à esquerda e texto à direita (item tem <a> interno) */
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona { padding: 0 !important; }
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona > a { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; gap:14px; width:100%; padding:10px 12px; text-decoration:none; box-sizing:border-box; }
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona .avatar { -webkit-box-flex:0; -ms-flex:0 0 60px; flex:0 0 60px; width:60px !important; height:60px !important; margin:0 !important; }
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona .avatar .tenho_interesse { display:none; }
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona .nome_item { -webkit-box-flex:1; -ms-flex:1; flex:1; min-width:0; text-align:left !important; padding:0 !important; font-size:15px; color:#ffffff; line-height:18px; }
/* valor do lote na linha abaixo do título, em tamanho menor (verde de destaque) */
.detalhes .coluna_flutua .itens_pedido ul li.mais_ingressos_adiciona .nome_item .valor_item { margin-top:3px; font-size:12px; line-height:15px; font-weight:800; color:var(--cor-secundaria); font-family:var(--fonte-especial); }

/* contador de reserva (timer do checkout) */
.contador p { color: #ffffff; }
.contador span { color: var(--cor-secundaria); }

/* modal */
.box_modal { background-color: #141414; border: 1px solid rgba(255,255,255,0.08); }
.box_modal .titulo_box { color: #ffffff; }
.box_modal .titulo_box i { color: var(--cor-secundaria); }
.box_modal .introducao_box { color: #b9b9b9; }
.box_modal .introducao_box span { color: var(--cor-secundaria); }
/* botões da modal "Encontramos um cadastro" — legíveis no tema escuro */
.box_modal .formulario .botao-contato { background: var(--cor-secundaria); color:#ffffff; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; font-family:var(--fonte-especial); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:0.5px; padding:14px 26px; }
.box_modal .formulario .botao-contato:hover { background: var(--cor-primaria); padding:14px 26px; }
.box_modal .formulario .botao-cancela { color:#ffffff; background-color:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.22); -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; text-decoration:none; font-weight:600; font-size:14px; padding:13px 26px; margin-left:10px; }
.box_modal .formulario .botao-cancela:hover { color:#ffffff; background-color:rgba(255,255,255,0.16); border-color:rgba(255,255,255,0.40); padding:13px 26px; }

/* ============================================================
   AJUSTES: "Compre Junto" lado a lado + 1 item por linha (à esquerda) + tag em vidro
   ============================================================ */
/* Layout de 2 colunas (form + "Mais ingressos") SÓ no desktop (≥1101px), onde o .util é 1200px fixo e
   as colunas cabem lado a lado. Abaixo disso o empilhamento em largura cheia (bloco @media max-width:1100px)
   assume — senão estas regras (sem media) venciam em qualquer largura e deixavam as colunas pequenas. */
@media screen and (min-width: 1101px) {
  .detalhes .pagamento { box-sizing: border-box; width: 64%; margin: 50px 0px; }
  .detalhes .coluna_flutua { box-sizing: border-box; width: 32%; margin: 50px 0px 0px 2%; }
  .detalhes .pagamento.sem_coluna { width: 64%; }
}

/* COMPRE JUNTO: 1 item por linha — imagem 100% de largura ACIMA do descritivo (altura proporcional);
   clique na imagem amplia no visualizador ([data-amplia], config.js), clique no restante do card seleciona */
.detalhes .coluna_flutua .itens_pedido ul { display: block; }
.detalhes .coluna_flutua .itens_pedido ul li { width: 100% !important; box-sizing: border-box; display: block; text-align: left; border: 1px solid rgba(255,255,255,0.10) !important; background: #1a1a1a !important; margin: 0px 0px 14px 0px; padding: 0px !important; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); position: relative; overflow: hidden; }
.detalhes .coluna_flutua .itens_pedido ul li:hover { background: #1f1f1f !important; border-color: rgba(255,255,255,0.18) !important; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado, .detalhes .coluna_flutua .itens_pedido ul li.selecionado:hover { background: rgba(78,185,61,0.12) !important; border: 1px solid var(--cor-secundaria) !important; }
.detalhes .coluna_flutua .itens_pedido ul li input { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; margin: 0px; cursor: pointer; z-index: 5; }
/* imagem faz parte do card clicável (adiciona/remove); ampliar é só pela LUPA no canto superior esquerdo */
.detalhes .coluna_flutua .itens_pedido ul li .avatar { display: block; width: 100% !important; height: auto !important; margin: 0px !important; position: relative; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar img { width: 100%; height: auto; display: block; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar .tenho_interesse { display: none; }
/* LUPA de ampliar — acima do input-overlay (z-index 6); o stopPropagation do visualizador impede o toggle */
.detalhes .coluna_flutua .itens_pedido ul li .avatar .amplia_img { position: absolute; left: 10px; top: 10px; width: 34px; height: 34px; line-height: 34px; text-align: center; z-index: 6; background: rgba(0,0,0,0.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,0.25); color: #ffffff; font-size: 14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar .amplia_img i { line-height: 34px; }
.detalhes .coluna_flutua .itens_pedido ul li .avatar .amplia_img:hover { border-color: var(--cor-secundaria); color: var(--cor-secundaria); }
/* item selecionado: máscara sobre a imagem + selo central "✔ ADICIONADO" (pointer-events none) */
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .avatar::before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.55); z-index: 2; pointer-events: none; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .avatar::after { content: '\f00c\00a0\00a0 ADICIONADO'; font-family: 'Font Awesome 5 Free', var(--fonte-especial); font-weight: 900; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3; pointer-events: none; background: var(--cor-secundaria); color: #ffffff; font-size: 12px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 18px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 6px 18px rgba(0,0,0,0.45); box-shadow: 0 6px 18px rgba(0,0,0,0.45); white-space: nowrap; }
.detalhes .coluna_flutua .itens_pedido ul li .nome_item { display: block; min-width: 0px; text-align: left !important; padding: 12px 14px 14px 14px !important; font-size: 15px; color: #ffffff; line-height: 18px; }
.detalhes .coluna_flutua .itens_pedido ul li .nome_item p { text-align: left !important; padding: 3px 0px 0px 0px !important; color: #b9b9b9; white-space: pre-line; }
.detalhes .coluna_flutua .itens_pedido ul li .qual_valor { text-align: left !important; padding: 4px 0px 0px 0px !important; font-size: 16px; color: var(--cor-secundaria); }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .qual_valor { color: #ffffff; }

/* TAG do topo em vidro preto (glassmorphism), canto superior direito — igual à evento.php */
.detalhes .pagamento .tag_destaque { left: auto; right: 16px; top: 16px; padding: 7px 14px; background: rgba(0,0,0,0.45); -webkit-backdrop-filter: blur(9px) saturate(120%); backdrop-filter: blur(9px) saturate(120%); color: #ffffff; border: 1px solid rgba(255,255,255,0.18); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-size: 11px; letter-spacing: 1px; line-height: 12px; -webkit-box-shadow: 0 6px 18px rgba(0,0,0,0.40); box-shadow: 0 6px 18px rgba(0,0,0,0.40); }

/* ============================================================
   MOBILE: TEASER "Compre junto" — cópia compacta (foto quadrada +
   chamada + título, máx. 100px) acima do título "Participante",
   rotacionando os itens (carrinho.js). A lista completa segue
   embaixo com o visual completo. Clique desliza até a lista.
   ============================================================ */
.cj_teaser { display: none; }
@media screen and (max-width: 1100px) {
  .cj_teaser { display: block; position: relative; height: 88px; max-height: 100px; overflow: hidden; background: #1a1a1a; border: 1px solid rgba(255,255,255,0.10); -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); margin: 0px 0px 18px 0px; cursor: pointer; }
  .cj_teaser:active { border-color: var(--cor-secundaria); }
  /* itens sobrepostos; só o .ativo aparece (fade por transição de opacidade) */
  .cj_teaser .cj_teaser_item { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; padding: 0px 42px 0px 12px; opacity: 0; -webkit-transition: opacity 0.6s ease; transition: opacity 0.6s ease; pointer-events: none; }
  .cj_teaser .cj_teaser_item.ativo { opacity: 1; }
  .cj_teaser .cj_foto { -webkit-box-flex: 0; -ms-flex: 0 0 64px; flex: 0 0 64px; width: 64px; height: 64px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; background: #141414; border: 1px solid rgba(255,255,255,0.08); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .cj_teaser .cj_foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .cj_teaser .cj_foto i { color: rgba(255,255,255,0.25); font-size: 22px; }
  .cj_teaser .cj_info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0px; text-align: left; }
  .cj_teaser .cj_chamada { display: inline-block; color: var(--cor-secundaria); font-family: var(--fonte-especial); font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; line-height: 12px; margin-bottom: 4px; }
  .cj_teaser .cj_chamada i { margin-right: 6px; font-size: 10px; }
  .cj_teaser .cj_titulo { color: #ffffff; font-size: 14px; line-height: 17px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .cj_teaser .cj_titulo .cj_valor { color: var(--cor-secundaria); font-weight: 800; margin-left: 8px; font-size: 13px; }
  .cj_teaser .cj_seta { position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255,255,255,0.45); font-size: 13px; }
  /* item já ADICIONADO (classe espelhada pelo carrinho.js): check sobre a foto + pílula no lugar da chamada */
  .cj_teaser .cj_foto { position: relative; }
  .cj_teaser .cj_teaser_item.adicionado .cj_foto::after { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(20,20,20,0.55); color: var(--cor-secundaria); font-size: 20px; }
  .cj_teaser .cj_teaser_item.adicionado .cj_chamada { display: none; }
  .cj_teaser .cj_teaser_item.adicionado .cj_info::before { content: '\f00c\00a0\00a0 ADICIONADO'; font-family: 'Font Awesome 5 Free', var(--fonte-especial); font-weight: 900; display: inline-block; background: var(--cor-secundaria); color: #ffffff; font-size: 9px; letter-spacing: 1px; line-height: 10px; padding: 4px 9px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 4px; }

  /* TAG da categoria: relativa e centralizada — absoluta no canto sobrepunha o título INSCRIÇÃO */
  .detalhes .pagamento .tag_destaque { position: relative; left: auto; right: auto; top: 0px; display: table; margin: 0px auto 14px auto; }
}
/* VARIAÇÃO do Compre Junto (ex.: tamanho): aparece quando o item é marcado; fica ACIMA do checkbox que cobre o card (z-index 5) */
.detalhes .coluna_flutua .itens_pedido ul li .cj_var { display: none; position: relative; z-index: 7; margin: 0px 12px 12px 12px; padding: 10px 12px; background: #141414; border: 1px solid rgba(255,255,255,0.12); -webkit-border-radius: 12px; border-radius: 12px; cursor: default; text-align: left; }
.detalhes .coluna_flutua .itens_pedido ul li.selecionado .cj_var { display: block; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_var small { display: block; font-size: 10.5px; line-height: 14px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #b9b9b9; margin-bottom: 8px; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_var small em { font-style: normal; font-weight: 600; text-transform: none; letter-spacing: 0; color: var(--cor-secundaria); margin-left: 4px; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_var_ops { display: flex; flex-wrap: wrap; gap: 6px; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op { position: relative; display: inline-block; cursor: pointer; margin: 0; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op input { position: absolute; left: 0; top: 0; width: 1px; height: 1px; opacity: 0; z-index: -1; pointer-events: none; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op span { display: inline-block; min-width: 40px; box-sizing: border-box; text-align: center; padding: 7px 12px; font-size: 13px; line-height: 16px; font-weight: 700; color: #ffffff; background: #1f1f1f; border: 1px solid rgba(255,255,255,0.18); -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op:hover span { border-color: var(--cor-secundaria); }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op input:checked + span { background: var(--cor-secundaria); border-color: var(--cor-secundaria); color: #ffffff; }
.detalhes .coluna_flutua .itens_pedido ul li .cj_op input:focus-visible + span { outline: 2px solid #ffffff; outline-offset: 2px; }
.detalhes .coluna_flutua .itens_pedido ul li.cj_var_erro .cj_var { border-color: #e53935; -webkit-box-shadow: 0 0 0 3px rgba(229,57,53,0.18); box-shadow: 0 0 0 3px rgba(229,57,53,0.18); }

/* ============================================================
   COMPRE JUNTO COM MAIS DE 1 ITEM: a lista vai DENTRO do formulário (abaixo dos campos, antes do aceite
   da LGPD), com os itens lado a lado e centralizados, e o formulário ocupa a largura toda.
   Com 1 item nada muda (continua na coluna ao lado). Ver $cj_embutido em pg/carrinho.php.
   ============================================================ */
.detalhes .pagamento.cj_embutido { width: 100% !important; max-width: 100% !important; display: block; float: none; margin-left: auto !important; margin-right: auto !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1100px) {
	.detalhes .pagamento.cj_embutido { width: 96% !important; max-width: 96% !important; -webkit-border-radius: var(--radius); border-radius: var(--radius); margin-bottom: 30px !important; }
}
.detalhes .coluna_flutua.cj_embutido { clear: both; display: block; position: static !important; top: auto; width: 100% !important; max-width: 100% !important; min-height: 0px; margin: 30px 0px 0px 0px !important; padding: 0px !important; background: transparent !important; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 0px; border-radius: 0px; }
.detalhes .coluna_flutua.cj_embutido .titulo_coluna { text-align: center; padding-bottom: 14px; margin-bottom: 18px; }
.detalhes .coluna_flutua.cj_embutido .itens_pedido ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; padding: 0px; margin: 0px; }
.detalhes .coluna_flutua.cj_embutido .itens_pedido ul li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.333% - 11px); flex: 0 0 calc(33.333% - 11px); width: calc(33.333% - 11px) !important; max-width: 300px; margin: 0px !important; }
@media screen and (max-width: 900px) {
	.detalhes .coluna_flutua.cj_embutido .itens_pedido ul li { -ms-flex-preferred-size: calc(50% - 8px); flex-basis: calc(50% - 8px); width: calc(50% - 8px) !important; }
}
@media screen and (max-width: 480px) {
	.detalhes .coluna_flutua.cj_embutido .itens_pedido ul { gap: 10px; }
	.detalhes .coluna_flutua.cj_embutido .itens_pedido ul li { -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); width: calc(50% - 5px) !important; }
	.detalhes .coluna_flutua.cj_embutido .itens_pedido ul li .nome_item { font-size: 13px; padding: 10px !important; }
	.detalhes .coluna_flutua.cj_embutido .itens_pedido ul li .nome_item p { display: none; }
}