/* ===== SELETOR DE UNIDADES (bloco no fluxo, com fade que se mescla na imagem da capela) ===== */
.capela-seletor{position:relative;z-index:5;padding:40px 0 40px;background:linear-gradient(180deg, var(--sj-cinza, #f4f6f9) 0%, var(--sj-cinza, #f4f6f9) 45%, rgba(244,246,249,.5) 80%, rgba(244,246,249,0) 100%);margin-bottom: 0px;}
.capela-seletor-titulo{text-align:center;max-width:680px;margin:0 auto 22px;}
.capela-seletor-titulo strong{display:block;font-size:22px;font-weight:900;color:#0d1a26;margin-bottom:8px;letter-spacing:-.02em;}
.capela-seletor-titulo span{display:block;font-size:13px;line-height:1.55;color:#3b4856;}
.capela-seletor-lista{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.capela-opcao{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#fff;border:2px solid transparent;border-radius:60px;cursor:pointer;transition:all .25s ease;box-shadow:0 10px 26px rgba(13,26,38,.1);font-family:inherit;}
.capela-opcao:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(13,26,38,.16);}
.capela-opcao.ativa{border-color:#1d8ad8;box-shadow:0 18px 36px rgba(29,138,216,.28);}
.capela-opcao-foto{display:block;width:48px;height:48px;border-radius:50%;background:#dcebf6 center/cover no-repeat;flex-shrink:0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);}
.capela-opcao-info{text-align:left;line-height:1.2;}
.capela-opcao-info strong{display:block;font-size:13px;font-weight:800;color:#0d1a26;}
.capela-opcao-info small{display:block;font-size:11px;color:#6b7785;margin-top:2px;}
.capela-opcao.ativa .capela-opcao-info strong{color:#1d8ad8;}

/* Transição suave ao trocar a imagem */
.capela{transition:opacity .28s ease;}
.capela.trocando{opacity:.35;}

/* CAPELA — fundo com degradê azul; topo se mescla no fade do seletor
   IMPORTANTE: não usar z-index aqui (criaria stacking context e prenderia as modais position:fixed) */
.capela { width: 100%; height: auto; min-height: 720px; padding-top: 180px; position: relative; background-position: center; background-size: cover; margin-top: 0px; text-align:center; overflow:hidden; }

/* Overlay azul sobre a imagem da capela */
.capela::before { position:absolute; content:''; left:0; top:0; width:100%; height:100%; z-index:10; background:linear-gradient(180deg, rgba(0,73,124,.55) 0%, rgba(0,114,188,.45) 35%, rgba(29,138,216,.4) 65%, rgba(0,73,124,.7) 100%); pointer-events:none; }

/* Fade cinza no topo da imagem — completa a fusão com o seletor */
.capela::after { position:absolute; content:''; left:0; top:0; width:100%; height:180px; z-index:11; background:linear-gradient(180deg,  #ffffff 0%, rgba(255,255,255,.7) 30%, rgba(255,255,255,0) 100%); pointer-events:none; }

@media (max-width:760px){
    .capela-seletor{padding:24px 0 60px;margin-bottom:-70px;}
    .capela-seletor-titulo strong{font-size:18px;}
    .capela-seletor-titulo span{font-size:12px;}
    .capela-seletor-lista{gap:8px;}
    .capela-opcao{padding:6px 14px 6px 6px;gap:10px;}
    .capela-opcao-foto{width:40px;height:40px;}
    .capela-opcao-info strong{font-size:12px;}
    .capela-opcao-info small{font-size:10px;}
    .capela{min-height:600px;padding-top:160px;}
}

/* Título "Capela Virtual" — branco com sombra azul para destacar sobre a imagem */
.capela .titulo_global{position:relative;z-index:15;}
.capela .titulo_global .tag_global .label_global span{color:#ffffff !important;text-shadow:0 3px 12px rgba(0,40,72,.55), 0 1px 2px rgba(0,40,72,.5);background:transparent !important;font-weight:900;}
.capela .titulo_global .tag_global .label_global span:before{display:none !important;}
.capela .titulo_global .tag_global .complemento{color:rgba(255,255,255,.95) !important;text-shadow:0 1px 4px rgba(0,40,72,.4);font-weight:500;}

.capela .corpo-capela { width: 100%; height: auto; min-height: 150px; z-index: 100; text-align: center; padding: 350px 0px 80px 0px; position: relative; }
.capela .corpo-capela .util{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.capela .corpo-capela li { list-style:none; cursor: pointer; min-height: 90px; text-align: center; padding: 22px 14px; color: #fff; font-family: var(--fonte-padrao); font-size: 13px; line-height: 1.25; font-weight: 800; width: 156px; text-transform: uppercase; letter-spacing: 1.5px; height: auto; position: relative; display: flex; align-items:center; justify-content:center; vertical-align: top; margin: 0; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 12px; backdrop-filter: blur(6px); transition: all .25s ease; box-sizing:border-box; }
.capela .corpo-capela li:hover, .capela .corpo-capela a:hover li { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.45); transform: translateY(-3px); padding: 22px 14px; }
.capela .corpo-capela a{ text-decoration:none; }

.capela .caixa-pedidos { display: none; position: fixed; z-index: 1000; top: 50%; left: 50%; margin-left:-185px; margin-top: -185px; width: 372px; height: 378px; background: url(../imagens/caixa-pedidos.png) no-repeat center center; }
/*.capela .caixa-pedidos .fechar-caixa { display: none; position: fixed; cursor: pointer; z-index: 1000; top: 50%; left: 50%; margin-left: 155px; margin-top: -197px; width: 25px; height: 25px; background: url(../imagens/fechar.png) no-repeat center center; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  }*/
.capela .caixa-pedidos .fechar-caixa { position: absolute; cursor: pointer; z-index:100002; left: 50%; margin-left: -35px; top: -10px; background-color: var(--cor-primaria); color: #ffffff; font-size: 10px; letter-spacing: 1px; font-family: var(--fonte-padrao); padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight:700; }
.capela .caixa-pedidos .fechar-caixa:hover { background-color: var(--cor-secundaria); color: var(--cor-primaria); }
.capela .caixa-pedidos .cx1 { margin: 114px 10px 10px 36px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 13px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-pedidos .cx2 { margin: 37px 10px 10px 36px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 13px; background:transparent; width: 287px; height: 130px; line-height: 20px; text-align: left; }
.capela .caixa-pedidos .bt1 { margin: 0px 40px 0px 0px; float: right; cursor: pointer; background:transparent; width: 60px; height: 20px; line-height: 20px; text-align: left; }

.capela .caixa-velas { display: none; position: fixed; z-index: 1000; top: 50%; left: 50%; margin-left:-387px; margin-top: -185px; width: 774px; height: 375px; background: url(../imagens/velasacesas.png) no-repeat center center; }
.capela .caixa-velas .fechar-caixa { position: absolute; cursor: pointer; z-index:100002; left: 50%; margin-left: -35px; top: -10px; background-color: var(--cor-primaria); color: #ffffff; font-size: 10px; letter-spacing: 1px; font-family: var(--fonte-padrao); padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.capela .caixa-velas .fechar-caixa { position: absolute; cursor: pointer; z-index:100002; left: 50%; margin-left: -35px; top: -10px; background-color: var(--cor-primaria); color: #ffffff; font-size: 10px; letter-spacing: 1px; font-family: var(--fonte-padrao); padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight:700; }
.capela .caixa-velas .fechar-caixa:hover { background-color: var(--cor-secundaria); color: var(--cor-primaria); }
.capela .caixa-velas .chama { font-weight: bold; height: auto; color:var(--cor-2); font-size: 20px; margin: 25px 0px 0px 0px; list-style-type: none; text-align: center; font-family: var(--fonte-padrao); width:100%; }
.capela .caixa-velas .qtdvelas { width: 700px; height: auto; color:#ffffff; font-size: 12px; line-height: 20px; margin: 15px 0px 10px 35px; list-style-type: none; text-align: center; font-family: var(--fonte-padrao); font-weight: 500; }
.capela .caixa-velas .qtdvelas span { padding: 0px; background-color: var(--cor-primaria); color: #ffffff; font-family: var(--fonte-padrao); font-weight: bold; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; width: 20px; height: 20px; line-height: 20px; display: inline-block; vertical-align: top; }
.capela .caixa-velas ul#vevelas { width: 700px; clear: both; height: 220px; margin: 30px 25px 0px 25px; list-style-type: none; }
.capela .caixa-velas ul#vevelas li { float: left; width: 180px; height: 220px; overflow: hidden; background-image: url(../imagens/vela.png); background-repeat: no-repeat; background-position: center top; background-size: auto 70px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: default; }
.capela .caixa-velas ul#vevelas li h2 { text-transform: initial; color:var(--cor-laranja); font-size: 12px; line-height: 16px; padding-top: 60px; width: 100%; height: auto; text-align: center; font-family: var(--fonte-padrao); font-weight: 600;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 0px;}
.capela .caixa-velas ul#vevelas li h3 { text-transform: initial; color:#ffffff; font-size: 11px; text-align: center; line-height: 13px; width: 100%; height: auto; font-family: var(--fonte-padrao); font-weight: 300;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 0px;}
.capela .caixa-velas ul#vevelas li h4 { text-transform: initial; color:#ffffff; font-size: 11px; width: 100%; line-height: 13px; height: auto; text-align: center; font-family: var(--fonte-padrao); font-weight: 300;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; letter-spacing: 0px;}
.capela .caixa-velas #next2 { position: absolute; margin: -120px 0 0px 10px; cursor: pointer; width: 31px; height: 31px; background: url(../imagens/setas-teste.png) no-repeat center left; }
.capela .caixa-velas #prev2 { position: absolute; margin: -120px 0px 0px 715px; cursor: pointer; width: 31px; height: 31px; background: url(../imagens/setas-teste.png) no-repeat center right; }

.capela .caixa-testemunhos { display: none; position: fixed; z-index: 1000; bottom: 50px; left: 50%; margin-left:-185px; width: 371px; height: 426px; background: url(../imagens/meus-testemunhos.png) no-repeat center center; }
.capela .caixa-testemunhos .fechar-caixa { position: absolute; cursor: pointer; z-index:100002; left: 50%; margin-left: -35px; top: -10px; background-color: var(--cor-primaria); color: #ffffff; font-size: 10px; letter-spacing: 1px; font-family: var(--fonte-padrao); padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight:700; }
.capela .caixa-testemunhos .fechar-caixa:hover { background-color: var(--cor-secundaria); color: var(--cor-primaria); }
.capela .caixa-testemunhos .cx1 { margin: 114px 10px 10px 36px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .cx2 { margin: 23px 10px 10px 36px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .cx3 { margin: 26px 10px 10px 36px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 287px; height: 87px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .bt1 { margin: 0px 40px 0px 0px; float: right; cursor: pointer; background:transparent; width: 60px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .bt2 { margin: 23px 10px 10px 0; color: #ffffff; cursor: pointer; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; }
.capela .caixa-testemunhos .bt2.bloqueia { margin: 13px 10px 10px 5px; color: #ffffff; cursor: pointer; font-family: var(--fonte-padrao); font-size: 12px; background:#fefdfc; width: 330px; height: 40px; line-height: 20px; text-align: left; }

.capela .caixa-acender { display: none; position: fixed; z-index: 1000; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 370px; height: 375px; background: url(../imagens/velas.png) no-repeat center center; }
.capela .caixa-acender .fechar-caixa { position: absolute; cursor: pointer; z-index:100002; left: 50%; margin-left: -35px; top: -10px; background-color: var(--cor-primaria); color: #ffffff; font-size: 10px; letter-spacing: 1px; font-family: var(--fonte-padrao); padding: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight:700; }
.capela .caixa-acender .fechar-caixa:hover { background-color: var(--cor-secundaria); color: var(--cor-primaria); }
.capela .caixa-acender .chama { width: 290px; font-weight: bold; height: auto; color:var(--cor-2); font-size: 20px; margin: 25px 0px 10px 35px; list-style-type: none; text-align: center; font-family: var(--fonte-padrao); }
.capela .caixa-acender .aviso { width: 290px; height: auto; color:#ffffff; font-size: 12px; line-height: 20px; margin: 25px 0px 10px 35px; list-style-type: none; text-align: center; font-family: var(--fonte-padrao); font-weight: 500; }
.capela .caixa-acender .aviso span { padding: 0px; background-color: var(--cor-primaria); color: #ffffff; font-family: var(--fonte-padrao); font-weight: bold; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; width: auto; min-width: 20px; height: 20px; line-height: 20px; display: inline-block; vertical-align: top; }
.capela .caixa-acender .ve1 { margin: 114px 10px 10px 0px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 287px; height: 20px; line-height: 20px; text-align: left; font-weight:400; }
.capela .caixa-acender .ve2 { margin: 24px 10px 10px 33px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 146px; height: 20px; line-height: 20px; text-align: left; float: left; font-weight:400; }
.capela .caixa-acender .ve3 { margin: 24px 44px 10px 0px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 30px; height: 20px; line-height: 20px; text-align: center; float: right; font-weight:400; }
.capela .caixa-acender .ve4 { margin: 24px 10px 10px 10px; color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; background:transparent; width: 80px; height: 20px; line-height: 20px; text-align: left; float: left; font-weight:400; }
.capela .caixa-acender .bt2 { margin: 3px 41px 0px 0px; background-color: var(--cor-primaria); color: #ffffff; font-family: var(--fonte-padrao); font-size: 12px; clear: both; float: right; cursor: pointer; width: 65px; height: 22px; line-height: 22px; text-align: center; }

.capela .caixa-acender input[type="text"]::-webkit-input-placeholder { /* Chrome */ color: #ffffff !important; }
.capela .caixa-acender input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #ffffff !important; }
.capela .caixa-acender input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #ffffff !important; opacity: 1; }
.capela .caixa-acender input[type="text"]:-moz-placeholder { /* Firefox 4 - 18 */ color: #ffffff !important; opacity: 1; }

.capela .caixa-mascara { display: none; width: 100%; height: 100% !important; background: rgba(0,0,0,0.7); position: fixed; z-index: 999; left: 0; top: 0; }

.musicas { width: 270px; height: 55px; overflow: hidden; position: absolute; left: 50%; margin: 80px 0px 0px -130px; z-index: 100; }

footer { margin-top: 0px !important; }

@media screen and (max-width: 1024px) {
	.capela { height: auto; margin-bottom: 0; background-position: center top; background-size: auto 100%; }
	.capela::before { height: 100%; top: 60px; }
	.musicas { width: 270px; height: 55px; overflow: hidden; position: relative; left: 50%; padding-top: 140px; margin: 0px 0px 0px -135px; z-index: 100; }
	.capela .corpo-capela { height: auto !important; text-align: center; height: 350px; z-index: 100; text-align: center; padding: 300px 0px 50px 0px; }

	.capela .caixa-pedidos { top: 99px; margin-top: inherit; }
	.capela .corpo-capela li, .capela .corpo-capela li:hover { color: #ffffff; min-height: initial !important; text-align: center; padding: 20px 0px; margin: 20px 5% 0px 5%; width: 90%; }

	.capela .caixa-velas { top: 99px; left: 50%; margin-left:-160px; margin-top: inherit; width: 300px; height: 375px; padding: 0px 10px 10px 10px; }
	.capela .caixa-velas .qtdvelas { width: 300px; height: auto; color:#d9a67e; font-size: 18px; margin: 15px 0px 10px 0px; list-style-type: none; text-align: center; font-family: var(--fonte-padrao); }
	.capela .caixa-velas ul#vevelas { width: 300px; clear: both; height: 190px; margin: 0 auto; list-style-type: none; }
	.capela .caixa-velas ul#vevelas li { float: left; width: 180px; height: 220px; margin: 0px; }

}
@media screen and (max-width: 800px){
	/*FOOTER*/
	.footer { padding-top: 40px; height: auto; }
}

/* =========================================================
   CAPELA — MODAIS BRANCAS, CLEAN (fora do stacking context da .capela)
   ========================================================= */

/* MÁSCARA — azul translúcido com blur, cobre tela inteira inclusive header */
.capela-modais .caixa-mascara,
.caixa-mascara{display:none;position:fixed !important;inset:0 !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;background:rgba(0,40,72,.7) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;z-index:9998 !important;cursor:pointer;}

/* ESTRUTURA BASE DAS MODAIS — fundo branco clean, acima de tudo */
.capela-modais .caixa-pedidos,
.capela-modais .caixa-acender,
.capela-modais .caixa-velas,
.capela-modais .caixa-testemunhos{
    display:none;
    position:fixed !important;
    top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%);
    background:#ffffff !important;
    border:0 !important;
    border-radius:16px !important;
    box-shadow:0 30px 80px rgba(0,40,72,.45), 0 0 0 1px rgba(0,73,124,.08) inset !important;
    padding:48px 36px 32px !important;
    color:#0d1a26 !important;
    z-index:9999 !important;
    background-image:none !important;
    margin:0 !important;
    box-sizing:border-box;
}

/* DIMENSÕES */
.capela-modais .caixa-pedidos{width:440px !important;max-width:calc(100vw - 32px) !important;height:auto !important;min-height:380px;}
.capela-modais .caixa-acender{width:440px !important;max-width:calc(100vw - 32px) !important;height:auto !important;min-height:440px;}
.capela-modais .caixa-velas{width:820px !important;max-width:calc(100vw - 32px) !important;height:auto !important;min-height:440px;}
.capela-modais .caixa-testemunhos{width:440px !important;max-width:calc(100vw - 32px) !important;height:auto !important;min-height:440px;}

/* BOTÃO FECHAR — pílula azul no topo */
.capela-modais .caixa-pedidos .fechar-caixa,
.capela-modais .caixa-acender .fechar-caixa,
.capela-modais .caixa-velas .fechar-caixa,
.capela-modais .caixa-testemunhos .fechar-caixa{
    position:absolute !important;
    top:-20px !important;
    left:50% !important;
    transform:translateX(-50%);
    margin:0 !important;
    background:#0072bc !important;
    color:#fff !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase;
    padding:10px 26px !important;
    border-radius:30px !important;
    border:0 !important;
    box-shadow:0 8px 20px rgba(0,73,124,.4) !important;
    transition:all .25s ease;
    z-index:1;
    width:auto !important;
    height:auto !important;
    line-height:1 !important;
    cursor:pointer;
}
.capela-modais .caixa-pedidos .fechar-caixa:hover,
.capela-modais .caixa-acender .fechar-caixa:hover,
.capela-modais .caixa-velas .fechar-caixa:hover,
.capela-modais .caixa-testemunhos .fechar-caixa:hover{
    background:#00497c !important;color:#fff !important;transform:translateX(-50%) translateY(-3px);
}

/* TÍTULO (CHAMA) */
.capela-modais .caixa-pedidos .chama,
.capela-modais .caixa-acender .chama,
.capela-modais .caixa-velas .chama,
.capela-modais .caixa-testemunhos .chama{
    width:100% !important;
    margin:0 0 10px !important;
    padding:0 !important;
    font-size:24px !important;
    font-weight:900 !important;
    color:#0d1a26 !important;
    text-align:center !important;
    letter-spacing:-.02em;
    line-height:1.2;
}

/* AVISO */
.capela-modais .caixa-pedidos .aviso,
.capela-modais .caixa-acender .aviso,
.capela-modais .caixa-velas .qtdvelas,
.capela-modais .caixa-testemunhos .aviso{
    width:100% !important;
    margin:0 0 22px !important;
    padding:0 !important;
    font-size:13px !important;
    line-height:1.55 !important;
    color:#6b7785 !important;
    text-align:center !important;
    font-weight:500 !important;
}
.capela-modais .caixa-acender .aviso span,
.capela-modais .caixa-velas .qtdvelas span{
    background:#eef5fb !important;
    color:#0072bc !important;
    padding:3px 12px !important;
    border-radius:30px !important;
    min-width:24px !important;
    font-weight:800 !important;
    margin:0 4px;
    display:inline-block;
}

/* INPUTS / TEXTAREAS — alta especificidade para vencer .ve1/.ve2/.ve3/.ve4 antigos */
.capela-modais .caixa-pedidos input,
.capela-modais .caixa-pedidos textarea,
.capela-modais .caixa-acender input,
.capela-modais .caixa-acender input.ve1,
.capela-modais .caixa-acender input.ve2,
.capela-modais .caixa-acender input.ve3,
.capela-modais .caixa-acender input.ve4,
.capela-modais .caixa-pedidos input.cx1,
.capela-modais .caixa-pedidos textarea.cx2,
.capela-modais .caixa-testemunhos input,
.capela-modais .caixa-testemunhos textarea{
    width:100% !important;
    margin:0 0 10px !important;
    padding:12px 16px !important;
    background:#f4f6f9 !important;
    border:1px solid #e3e6eb !important;
    border-radius:8px !important;
    color:#0d1a26 !important;
    font-family:var(--fonte-padrao) !important;
    font-size:14px !important;
    height:46px !important;
    line-height:1.4 !important;
    text-align:left !important;
    float:none !important;
    box-sizing:border-box !important;
    transition:all .25s ease;
}
.capela-modais .caixa-pedidos textarea,
.capela-modais .caixa-pedidos textarea.cx2,
.capela-modais .caixa-testemunhos textarea{
    height:130px !important;
    resize:vertical;
    padding-top:14px !important;
}
.capela-modais .caixa-pedidos input:focus,
.capela-modais .caixa-pedidos textarea:focus,
.capela-modais .caixa-acender input:focus,
.capela-modais .caixa-testemunhos input:focus,
.capela-modais .caixa-testemunhos textarea:focus{
    background:#fff !important;
    border-color:#1d8ad8 !important;
    box-shadow:0 0 0 3px rgba(29,138,216,.14) !important;
    outline:none;
}

/* PLACEHOLDERS — texto cinza médio (não mais branco) */
.capela-modais input::-webkit-input-placeholder,
.capela-modais textarea::-webkit-input-placeholder{color:#9aa6b3 !important;opacity:1 !important;}
.capela-modais input::-moz-placeholder,
.capela-modais textarea::-moz-placeholder{color:#9aa6b3 !important;opacity:1 !important;}
.capela-modais input:-ms-input-placeholder,
.capela-modais textarea:-ms-input-placeholder{color:#9aa6b3 !important;opacity:1 !important;}
.capela-modais input::placeholder,
.capela-modais textarea::placeholder{color:#9aa6b3 !important;opacity:1 !important;}

/* LAYOUT GRID DA CAIXA ACENDER */
.capela-modais .caixa-acender form{display:grid !important;grid-template-columns:1fr 1fr 80px !important;gap:10px !important;margin-top:6px !important;}
.capela-modais .caixa-acender input.ve1{grid-column:1 / -1 !important;}
.capela-modais .caixa-acender input.ve2,
.capela-modais .caixa-acender input.ve3,
.capela-modais .caixa-acender input.ve4{margin:0 !important;width:100% !important;float:none !important;}
.capela-modais .caixa-acender input.ve3{text-align:center !important;}

/* BOTÕES "ENVIAR" — verde forte, largura total */
.capela-modais .caixa-pedidos input.bt1,
.capela-modais .caixa-acender input.bt2,
.capela-modais .caixa-testemunhos input.bt1,
.capela-modais .caixa-testemunhos input.bt2{
    display:block !important;
    width:100% !important;
    margin:18px 0 0 !important;
    padding:0 24px !important;
    background:#62a431 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    text-transform:uppercase;
    border-radius:8px !important;
    border:0 !important;
    cursor:pointer;
    transition:all .25s ease;
    line-height:46px !important;
    height:46px !important;
    text-align:center !important;
    float:none !important;
    box-sizing:border-box !important;
}
.capela-modais .caixa-acender form input.bt2{grid-column:1 / -1 !important;}
.capela-modais .caixa-pedidos input.bt1:hover,
.capela-modais .caixa-acender input.bt2:hover,
.capela-modais .caixa-testemunhos input.bt1:hover,
.capela-modais .caixa-testemunhos input.bt2:hover{
    background:#4f8527 !important;
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(98,164,49,.35);
}

/* LISTA DE VELAS ACESAS */
.capela-modais .caixa-velas ul#vevelas{
    width:100% !important;
    height:auto !important;
    margin:8px 0 0 !important;
    padding:0 30px !important;
    overflow:hidden;
    position:relative;
    list-style:none !important;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:10px;
}
.capela-modais .caixa-velas ul#vevelas li{
    width:100% !important;
    height:240px !important;
    padding:10px 8px 0 !important;
    background:#f4f6f9 !important;
    border:1px solid #e3e6eb !important;
    border-radius:10px !important;
    background-image:url(../imagens/vela.png) !important;
    background-repeat:no-repeat !important;
    background-position:center 14px !important;
    background-size:auto 60px !important;
    box-sizing:border-box;
    overflow:hidden;
    float:none !important;
}
.capela-modais .caixa-velas ul#vevelas li h2{padding-top:80px !important;font-size:13px !important;color:#0d1a26 !important;font-weight:800 !important;line-height:1.3 !important;text-align:center !important;}
.capela-modais .caixa-velas ul#vevelas li h3,
.capela-modais .caixa-velas ul#vevelas li h4{font-size:11px !important;color:#6b7785 !important;font-weight:400 !important;line-height:1.4 !important;padding-top:4px !important;text-align:center !important;}

/* SETAS NAV DAS VELAS */
.capela-modais .caixa-velas #next2,
.capela-modais .caixa-velas #prev2{
    position:absolute !important;
    top:50% !important;
    margin:0 !important;
    transform:translateY(-50%);
    width:36px !important;
    height:36px !important;
    border-radius:50%;
    background:#eef5fb !important;
    color:#0072bc !important;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .25s ease;
    z-index:1;
}
.capela-modais .caixa-velas #next2{left:10px !important;}
.capela-modais .caixa-velas #prev2{right:10px !important;left:auto !important;}
.capela-modais .caixa-velas #next2:hover,
.capela-modais .caixa-velas #prev2:hover{background:#0072bc !important;color:#fff !important;}
.capela-modais .caixa-velas #next2:before{content:"‹";font-size:22px;font-weight:700;line-height:1;}
.capela-modais .caixa-velas #prev2:before{content:"›";font-size:22px;font-weight:700;line-height:1;}

@media (max-width:760px){
    .capela-modais .caixa-pedidos,
    .capela-modais .caixa-acender,
    .capela-modais .caixa-velas,
    .capela-modais .caixa-testemunhos{padding:42px 22px 26px !important;}
    .capela-modais .caixa-acender form{grid-template-columns:1fr 1fr !important;}
    .capela-modais .caixa-acender input.ve3{grid-column:1 / -1 !important;}
    .capela-modais .caixa-velas ul#vevelas{grid-template-columns:1fr 1fr;padding:0 !important;}
}

/* RESPONSIVO DAS MODAIS */
@media (max-width:760px){
    .capela .caixa-pedidos,
    .capela .caixa-acender,
    .capela .caixa-velas,
    .capela .caixa-testemunhos{
        width:calc(100vw - 32px) !important;
        max-width:440px;
        margin-left:0 !important;
        left:16px !important;
        right:16px !important;
        padding:36px 22px 26px !important;
    }
    .capela .caixa-velas{margin-left:0 !important;}
    .capela .caixa-acender form{grid-template-columns:1fr 1fr;gap:10px;}
    .capela .caixa-acender .ve3{grid-column:1 / -1;}
    .capela .caixa-velas ul#vevelas{height:auto !important;padding:0 !important;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    .capela .caixa-velas ul#vevelas li{width:100% !important;float:none !important;}
}