/* ==========================================================================
   ECOMAPP HOTEL — pagina de MISSAS (v2)
   Foto grande do Santuario, blocos alternados foto+horarios, abas clicaveis.
   Escopo 100% em .miss.
   ========================================================================== */

.miss{
  --m-verde:#163D12;
  --m-verde-2:#2F7D22;
  --m-verde-3:#4E9C36;
  --m-claro:#A8E181;
  --m-areia:#F7F3EA;
  --m-ink:#122019;
  --m-muted:#5A6A55;
  --m-line:rgba(22,61,18,.13);
  --m-serif:'Fraunces',Georgia,serif;
  --m-sans:'Outfit',ui-sans-serif,system-ui,sans-serif;
  background:#fff;
}

/* ---------------------------------------------------------------- HERO */
.miss .ms-hero{position:relative;overflow:hidden;padding:132px 0 92px;color:#fff}
.miss .ms-hero-bg{position:absolute;inset:0;z-index:0}
.miss .ms-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.miss .ms-hero::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(6,20,6,.90) 0%,rgba(8,26,8,.80) 45%,rgba(8,26,8,.94) 100%);
}
.miss .ms-hero .wrap{
  position:relative;z-index:2;max-width:960px;margin:0 auto;padding:0 24px;text-align:center;
}
.miss .ms-eyebrow{
  display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.20em;
  text-transform:uppercase;color:var(--m-claro);margin-bottom:18px;
}
.miss .ms-hero h1{
  font-family:var(--m-serif);font-size:clamp(36px,6vw,68px);font-weight:600;
  line-height:1.04;margin:0;color:#fff;letter-spacing:-.015em;
  text-shadow:0 4px 30px rgba(0,0,0,.5);
}
.miss .ms-sub{
  font-size:16.5px;line-height:1.68;color:rgba(255,255,255,.86);
  max-width:600px;margin:22px auto 0;
}
.miss .ms-sub strong{color:#fff;font-weight:600}
.miss .ms-pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.miss .ms-pills span{
  font-size:12.5px;font-weight:500;color:#EAF6E2;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);
  border-radius:999px;padding:9px 17px;backdrop-filter:blur(4px);
}
.miss .ms-pills b{color:#fff;font-weight:700}

/* --------------------------------------------------------- BARRA HOJE */
.miss .ms-hoje{background:linear-gradient(135deg,#163D12,#2F7D22);color:#fff;padding:24px 0}
.miss .ms-hoje-in{
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
  max-width:1140px;margin:0 auto;padding:0 24px;
}
.miss .ms-hoje-l{display:flex;flex-direction:column;gap:2px;min-width:170px}
.miss .ms-hoje-tag{
  font-size:9.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#A8E181;
}
.miss .ms-hoje-l strong{font-family:var(--m-serif);font-size:22px;font-weight:600;color:#fff}
.miss .ms-hoje-l em{font-size:12px;font-style:normal;color:rgba(255,255,255,.60)}

.miss .ms-hoje-horas{display:flex;gap:7px;flex-wrap:wrap;flex:1;justify-content:center}
.miss .ms-hoje-h{
  font-size:13.5px;font-weight:700;color:#fff;
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);
  border-radius:9px;padding:8px 13px;transition:.2s;
}
.miss .ms-hoje-h.ms-passou{opacity:.34;text-decoration:line-through}
.miss .ms-hoje-prox{
  background:#A8E181 !important;color:#123A0F !important;border-color:#A8E181 !important;
  box-shadow:0 0 0 3px rgba(168,225,129,.25);
}
.miss .ms-hoje-next{
  display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:140px;
  border-left:1px solid rgba(255,255,255,.22);padding-left:26px;
}
.miss .ms-hoje-next em{
  font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:#A8E181;
}
.miss .ms-hoje-next strong{font-family:var(--m-serif);font-size:26px;font-weight:600;color:#fff}

/* ---------------------------------------------------------- SECOES */
.miss .ms-sec{padding:86px 0}
.miss .ms-sec .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.miss .ms-sand{background:linear-gradient(180deg,#FAF7EF,#F7F3EA)}

/* bloco foto + horarios */
.miss .ms-split{
  display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center;
}
.miss .ms-split-inv .ms-split-foto{order:2}
.miss .ms-split-foto{position:relative;border-radius:24px;overflow:hidden;
  box-shadow:0 24px 54px rgba(22,61,18,.18);background:#E8EEE2}
.miss .ms-split-foto img{
  width:100%;height:440px;object-fit:cover;display:block;
  transition:transform .6s ease;
}
.miss .ms-split-foto:hover img{transform:scale(1.04)}
.miss .ms-split-leg{
  position:absolute;left:0;right:0;bottom:0;
  font-size:11.5px;font-weight:600;letter-spacing:.03em;color:#fff;
  padding:34px 22px 16px;
  background:linear-gradient(transparent,rgba(6,20,6,.82));
}
.miss .ms-split-txt h2{
  font-family:var(--m-serif);font-size:clamp(25px,3.4vw,38px);font-weight:600;
  color:var(--m-verde);margin:16px 0 0;letter-spacing:-.015em;line-height:1.16;
}
.miss .ms-split-txt > p{font-size:14.5px;color:var(--m-muted);margin:11px 0 0;line-height:1.65}

.miss .ms-badge{
  display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;color:#fff;background:var(--m-verde);
  border-radius:999px;padding:7px 15px;
}
.miss .ms-badge-bh{background:#8A6A2F}
.miss .ms-badge-out{background:var(--m-verde-2)}
.miss .ms-badge-conf{background:#6E4B8E}

/* ------------------------------------------------------------- ABAS */
.miss .ms-tabs{margin-top:26px}
.miss .ms-tabs-nav{
  display:flex;gap:8px;flex-wrap:wrap;
  background:#F1F6EC;border:1px solid rgba(22,61,18,.10);
  border-radius:14px;padding:6px;
}
.miss .ms-tabbtn{
  flex:1;min-width:96px;font-family:var(--m-sans);font-size:13px;font-weight:600;
  color:var(--m-muted);background:transparent;border:0;border-radius:10px;
  padding:11px 14px;cursor:pointer;transition:.22s;
}
.miss .ms-tabbtn:hover{color:var(--m-verde);background:rgba(22,61,18,.06)}
.miss .ms-tabbtn.on{
  background:var(--m-verde);color:#fff;box-shadow:0 6px 16px rgba(22,61,18,.22);
}

.miss .ms-tabpane{
  margin-top:18px;background:#fff;border:1px solid var(--m-line);
  border-radius:18px;padding:24px 22px 20px;
  box-shadow:0 10px 30px rgba(22,61,18,.07);
}
.miss .ms-pane-dia{
  font-family:var(--m-serif);font-size:15.5px;font-weight:600;color:var(--m-verde);
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--m-line);
}
.miss .ms-pane-dia b{color:var(--m-verde-2);font-weight:700}

.miss .ms-horas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.miss .ms-horas li{
  font-size:14px;font-weight:700;color:var(--m-verde);
  background:#F1F7EC;border:1px solid rgba(22,61,18,.10);
  border-radius:10px;padding:9px 14px;transition:.2s;
}
.miss .ms-horas li:hover{background:#E3F0D9;transform:translateY(-1px)}
.miss .ms-horas li.ms-passou{opacity:.32}
.miss .ms-horas li.ms-hoje-prox{
  background:var(--m-verde-2);color:#fff;border-color:var(--m-verde-2);
  box-shadow:0 6px 16px rgba(47,125,34,.28);
}
.miss .ms-tv{
  font-size:11.5px;color:var(--m-muted);margin:16px 0 0;
  padding-top:13px;border-top:1px solid var(--m-line);
}
.miss .ms-tv::before{content:"▸";color:var(--m-verde-2);font-weight:700;margin-right:5px}

/* ------------------------------------------------------- CONFISSOES */
.miss .ms-conf{display:flex;flex-direction:column;gap:9px;margin-top:24px}
.miss .ms-conf-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:#F7FAF4;border:1px solid rgba(22,61,18,.09);
  border-radius:12px;padding:14px 17px;flex-wrap:wrap;
  transition:.2s;
}
.miss .ms-conf-row:hover{background:#EFF6E9;border-color:rgba(22,61,18,.18)}
.miss .ms-conf-row strong{font-size:12.5px;font-weight:600;color:var(--m-verde)}
.miss .ms-conf-row span{font-size:12.5px;font-weight:700;color:var(--m-verde-2)}

/* -------------------------------------------------- OUTRAS CELEBRACOES */
.miss .ms-head{margin:74px 0 30px;max-width:620px}
.miss .ms-head-center{margin-left:auto;margin-right:auto;text-align:center}
.miss .ms-head h2{
  font-family:var(--m-serif);font-size:clamp(23px,3.1vw,34px);font-weight:600;
  color:var(--m-verde);margin:15px 0 0;letter-spacing:-.015em;
}
.miss .ms-head p{font-size:14px;color:var(--m-muted);margin:9px 0 0}

.miss .ms-cel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.miss .ms-cel-card{
  display:flex;flex-direction:column;gap:5px;align-items:flex-start;
  background:#fff;border:1px solid var(--m-line);border-radius:16px;
  padding:19px 18px;transition:.22s;
}
.miss .ms-cel-card:hover{
  border-color:rgba(47,125,34,.42);box-shadow:0 14px 30px rgba(22,61,18,.10);
  transform:translateY(-2px);
}
.miss .ms-cel-dia{
  font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--m-verde-2);
}
.miss .ms-cel-card strong{
  font-family:var(--m-serif);font-size:15px;font-weight:600;color:var(--m-verde);
}
.miss .ms-cel-card em{
  font-size:11px;font-style:normal;color:var(--m-muted);
  border-top:1px solid var(--m-line);padding-top:8px;margin-top:4px;width:100%;
}

/* -------------------------------------------------------------- CTA */
.miss .ms-cta{padding:0 0 96px}
.miss .ms-cta-in{max-width:700px;margin:0 auto;padding:0 24px;text-align:center}
.miss .ms-cta-in h2{
  font-family:var(--m-serif);font-size:clamp(24px,3.4vw,38px);font-weight:600;
  color:var(--m-verde);margin:0;letter-spacing:-.015em;
}
.miss .ms-cta-in > p{font-size:15px;color:var(--m-muted);margin:13px 0 0}
.miss .ms-cta-btns{display:flex;gap:13px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.miss .ms-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;border-radius:999px;padding:14px 28px;
  border:1.5px solid transparent;transition:.22s;cursor:pointer;
}
.miss .ms-btn-verde{background:var(--m-verde-2);color:#fff;box-shadow:0 10px 24px rgba(47,125,34,.24)}
.miss .ms-btn-verde:hover{background:#256B1B;transform:translateY(-2px);box-shadow:0 16px 30px rgba(47,125,34,.32)}
.miss .ms-btn-borda{background:#fff;color:var(--m-verde);border-color:rgba(22,61,18,.26)}
.miss .ms-btn-borda:hover{background:var(--m-verde);color:#fff;border-color:var(--m-verde)}
.miss .ms-fonte{font-size:11.5px;color:var(--m-muted);margin:24px auto 0;max-width:580px;line-height:1.6}

/* --------------------------------------------------------- RESPONSIVO */
@media(max-width:960px){
  .miss .ms-split{grid-template-columns:1fr;gap:30px}
  .miss .ms-split-inv .ms-split-foto{order:0}
  .miss .ms-split-foto img{height:320px}
  .miss .ms-cel{grid-template-columns:1fr 1fr}
  .miss .ms-hoje-next{border-left:0;padding-left:0;align-items:flex-start}
}
@media(max-width:620px){
  .miss .ms-hero{padding:104px 0 62px}
  .miss .ms-sub{font-size:14.5px}
  .miss .ms-sec{padding:58px 0}
  .miss .ms-split-foto img{height:250px}
  .miss .ms-cel{grid-template-columns:1fr}
  .miss .ms-hoje-in{gap:14px}
  .miss .ms-hoje-horas{justify-content:flex-start}
  .miss .ms-tabbtn{font-size:12px;padding:10px 8px;min-width:0}
  .miss .ms-cta{padding:0 0 68px}
  .miss .ms-head{margin-top:52px}
}

/* correcao: foto do bloco sempre preenche (evita faixa vazia no mobile) */
.miss .ms-split-foto{background:#E8EEE2;min-height:180px}
.miss .ms-split-foto img{min-height:100%;background:#DCE6D6}
@media(max-width:620px){
  .miss .ms-split-foto img{height:220px;object-position:center center}
}

/* foto de confissoes e vertical (retrato): foca o grupo de fieis */
.miss .ms-split-foto.conf-foto img{object-position:center 62%;height:520px}
@media(max-width:960px){.miss .ms-split-foto.conf-foto img{height:420px;object-position:center 55%}}
@media(max-width:620px){.miss .ms-split-foto.conf-foto img{height:340px;object-position:center 55%}}

/* ---- nota de fonte (rodape da pagina): discreta, padrao do site ---- */
.miss .ms-cta-in > p.ms-fonte{
  font-size:11.5px !important;line-height:1.7;color:var(--m-muted) !important;
  margin:26px auto 0;max-width:560px;
  display:flex;flex-direction:column;gap:3px;
  padding-top:18px;border-top:1px solid var(--m-line);
}
.miss .ms-fonte a{color:var(--m-verde-2);font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(47,125,34,.32)}
.miss .ms-fonte a:hover{color:var(--m-verde);border-bottom-color:var(--m-verde)}
@media(max-width:620px){.miss .ms-cta-in > p.ms-fonte{font-size:11px !important}}