.elementor-86 .elementor-element.elementor-element-6fd9bda{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* ========== Liturgia Diária – estilo "bonito" (ID 86, sem afetar menu) ========== */
body.page-id-86{
  --brand-primary: var(--e-global-color-primary, #1f335e);
  --brand-accent:  var(--e-global-color-accent,  #caa23a);
  --brand-ink:     var(--e-global-color-text,    #263238);
  --brand-muted:   #f6f7fb;
  --brand-card:    #ffffff;
  --brand-line:    #e7e9ef;
  --shadow-s:      0 6px 16px rgba(21,41,82,.08);
  --shadow-m:      0 10px 28px rgba(21,41,82,.12);
  --radius-l:      16px;
  --radius-m:      12px;
  --radius-s:      10px;
}

/* Escopo: aplica nos elementos Elementor do CONTEÚDO,
   excluindo explicitamente header/footers globais */
body.page-id-86 .elementor:not(header):not(footer) {
  color: var(--brand-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tipografia geral do conteúdo */
body.page-id-86 .elementor:not(header):not(footer) p,
body.page-id-86 .elementor:not(header):not(footer) li,
body.page-id-86 .elementor:not(header):not(footer) .elementor-widget-text-editor{
  font-family:"Lora","Crimson Text","Merriweather",Georgia,serif;
  font-size:1.05rem;
  line-height:1.85;
}

/* Títulos com ornamento (apenas no conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) h1,
body.page-id-86 .elementor:not(header):not(footer) h2,
body.page-id-86 .elementor:not(header):not(footer) h3,
body.page-id-86 .elementor:not(header):not(footer) h4,
body.page-id-86 .elementor:not(header):not(footer) h5,
body.page-id-86 .elementor:not(header):not(footer) h6,
body.page-id-86 .elementor:not(header):not(footer) .elementor-heading-title{
  font-family:"Merriweather","Crimson Text","Lora",serif;
  color:var(--brand-primary);
  letter-spacing:.2px;
  margin-block:1.2rem .8rem;
}
body.page-id-86 .elementor:not(header):not(footer) h2,
body.page-id-86 .elementor:not(header):not(footer) h3{
  position:relative; padding:.55rem .9rem .55rem 1.1rem;
  border:1px solid var(--brand-line); border-radius:var(--radius-m);
  background:linear-gradient(90deg, color-mix(in srgb, var(--brand-accent) 14%, #fff 86%), #fff);
  box-shadow:var(--shadow-s);
}
body.page-id-86 .elementor:not(header):not(footer) h2::before,
body.page-id-86 .elementor:not(header):not(footer) h3::before{
  content:""; position:absolute; left:.5rem; top:50%; transform:translateY(-50%);
  width:4px; height:65%; border-radius:4px;
  background:linear-gradient(180deg, var(--brand-accent), color-mix(in srgb, var(--brand-accent) 55%, #fff 45%));
}

/* Neutraliza drop-cap global no conteúdo e aplica só em liturgia */
body.page-id-86 .elementor:not(header):not(footer) p:first-of-type::first-letter{
  float:none; padding:0; font-size:inherit; font-weight:inherit; color:inherit;
}
body.page-id-86 .elementor:not(header):not(footer) .ld-container p:first-of-type::first-letter{
  font-family:"Merriweather",serif;
  float:left; font-size:2.4rem; line-height:.9;
  padding:.2rem .3rem 0 0; color:var(--brand-primary);
}

/* Cartões / blocos litúrgicos (conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) .elementor-widget-container{
  background:var(--brand-card);
  border:1px solid var(--brand-line);
  border-radius:var(--radius-l);
  box-shadow:var(--shadow-s);
  padding:clamp(1rem,.9rem + .8vw,1.6rem);
  transition:transform .18s ease, box-shadow .18s ease;
}
body.page-id-86 .elementor:not(header):not(footer) .elementor-widget-container:hover{
  transform:translateY(-2px); box-shadow:var(--shadow-m);
}
body.page-id-86 .elementor:not(header):not(footer) .ld-container{
  background:linear-gradient(180deg,#fff,var(--brand-muted));
  border:1px solid var(--brand-line);
  border-radius:var(--radius-l);
  box-shadow:var(--shadow-s);
  padding:clamp(1rem,.9rem + .8vw,1.6rem);
}
body.page-id-86 .elementor:not(header):not(footer) .ld-tempo{
  background:var(--brand-muted);
  border-left:6px solid var(--brand-accent);
  border-radius:var(--radius-m);
  color:var(--brand-primary);
  padding:.55rem .75rem; margin-bottom:1rem;
}
body.page-id-86 .elementor:not(header):not(footer) .ld-referencia{ color:#6b7280; font-style:italic; margin:.25rem 0 .8rem; }
body.page-id-86 .elementor:not(header):not(footer) .ld-refrao{ color:var(--brand-accent); font-weight:800; }
body.page-id-86 .elementor:not(header):not(footer) .ld-antifona{ color:var(--brand-primary); font-weight:700; }

/* Versículos / texto */
body.page-id-86 .elementor:not(header):not(footer) .ld-texto,
body.page-id-86 .elementor:not(header):not(footer) .eco-versiculo{
  font-size:1.06rem; line-height:1.9; margin:.35rem 0;
}

/* Links (conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) a:not(.elementor-button){
  color:var(--brand-primary); text-decoration:none; position:relative;
}
body.page-id-86 .elementor:not(header):not(footer) a:not(.elementor-button)::after{
  content:""; position:absolute; left:0; right:100%; bottom:-2px; height:2px;
  background:var(--brand-accent); transition:right .25s ease;
}
body.page-id-86 .elementor:not(header):not(footer) a:not(.elementor-button):hover::after{ right:0; }

/* Botões (apenas conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) .elementor-button,
body.page-id-86 .elementor:not(header):not(footer) a.elementor-button,
body.page-id-86 .elementor:not(header):not(footer) .liturgia-form button{
  --btn:var(--brand-primary);
  --btn-hover:color-mix(in srgb, var(--brand-primary) 86%, #fff 14%);
  background:var(--btn); color:#fff; border:1px solid var(--btn);
  border-radius:999px; padding:.66rem 1.05rem; font-weight:700; letter-spacing:.2px;
  box-shadow:var(--shadow-s);
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}
body.page-id-86 .elementor:not(header):not(footer) .elementor-button:hover,
body.page-id-86 .elementor:not(header):not(footer) a.elementor-button:hover,
body.page-id-86 .elementor:not(header):not(footer) .liturgia-form button:hover{
  background:var(--btn-hover); transform:translateY(-1px); box-shadow:var(--shadow-m);
}

/* Input de data e espaçamento para o botão (conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) input[type="date"]{
  display:block; width:100%;
  margin-bottom:14px;                     /* espaço até o botão */
  padding:.66rem 1.8rem .66rem .9rem;     /* aproxima ícone no desktop */
  border-radius:12px;
}
body.page-id-86 .elementor:not(header):not(footer) input[type="date"]::-webkit-calendar-picker-indicator{
  margin-right:.35rem; padding:0; opacity:.9;
}

/* Tabelas e separadores (conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) table{
  width:100%; border-collapse:collapse; overflow:hidden;
  border:1px solid var(--brand-line); border-radius:var(--radius-m);
  background:#fff; box-shadow:var(--shadow-s);
}
body.page-id-86 .elementor:not(header):not(footer) thead th{
  background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 10%, #fff 90%), #fff);
  color:var(--brand-primary); text-align:left; font-weight:700;
  padding:.75rem .9rem; border-bottom:1px solid var(--brand-line);
}
body.page-id-86 .elementor:not(header):not(footer) td{ padding:.7rem .9rem; border-bottom:1px solid var(--brand-line); }
body.page-id-86 .elementor:not(header):not(footer) hr{
  border:none; height:1px; margin:1.2rem 0;
  background:linear-gradient(90deg,transparent,var(--brand-line),transparent);
}

/* Acessibilidade (conteúdo) */
body.page-id-86 .elementor:not(header):not(footer) a:focus-visible,
body.page-id-86 .elementor:not(header):not(footer) button:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-accent) 40%, #fff 60%),
             0 0 0 6px color-mix(in srgb, var(--brand-primary) 35%, #fff 65%);
  border-radius:10px;
}

/* Responsivo / motion (conteúdo) */
@media (max-width:768px){
  body.page-id-86 .elementor:not(header):not(footer){ font-size:1rem; }
  body.page-id-86 .elementor:not(header):not(footer) .ld-container{ padding:1rem; }
}
@media (prefers-reduced-motion:reduce){
  body.page-id-86 .elementor:not(header):not(footer) *{ transition:none !important; }
}


/* Container do seletor de data + setas */
.date-nav-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 10px 0 15px;
}

/* Input de data */
.date-nav-wrap input[type="date"] {
  flex: 1;
  min-width: 160px;
  max-width: 250px;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 16px;
}

/* Botões das setas */
.date-nav-btn {
  background: #0f2b47;
  color: #fff;
  border: none;
  padding: 8px 12px;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
}

.date-nav-btn:active {
  transform: scale(0.95);
}

/* ===========================
   LITURGIA - AJUSTES MOBILE
   =========================== */

/* Evita zoom/escalas estranhas no iOS ao focar inputs */
@media (max-width: 767px){
  html { -webkit-text-size-adjust: 100%; }
}

/* 1) TÍTULOS DO CONTEÚDO (exclui o header do site) */
@media (max-width: 767px){
  /* widgets de título do Elementor dentro do conteúdo (fora do header) */
  body.page-id-86 .elementor:not(.elementor-location-header)
  .elementor-widget-heading .elementor-heading-title{
    font-size: clamp(22px, 6vw, 28px);
    line-height: 1.2;
    word-break: break-word;
  }

  /* subtítulos/itens grandes que vêm como H3/H4 dentro do conteúdo */
  body.page-id-86 .elementor:not(.elementor-location-header)
  h3, 
  body.page-id-86 .elementor:not(.elementor-location-header)
  h4{
    font-size: clamp(18px, 4.5vw, 22px);
    line-height: 1.3;
  }
}

/* 2) LINHA DA DATA + SETAS (mantém centralizado e contido) */
body.page-id-86 .date-nav-wrap{
  display:flex; align-items:center; justify-content:center;
  gap:10px; margin:10px 0 16px;
  flex-wrap: nowrap;
}

body.page-id-86 .date-nav-wrap .date-nav-btn{
  background:#0f2b47; color:#fff; border:0; border-radius:10px;
  padding:10px 14px; font-size:18px; line-height:1; cursor:pointer;
}

/* Campo de data SEM estourar a largura */
body.page-id-86 .date-nav-wrap input[type="date"],
body.page-id-86 form input[type="date"]{
  box-sizing: border-box;
  width: 100%;
  max-width: 92vw;          /* impede extrapolar a tela */
  min-width: 180px;
  padding: 12px 14px;
  border: 1px solid #d7dee7;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  background: #fff;
}

/* Mobile: aperta um pouco e garante centralização */
@media (max-width: 480px){
  body.page-id-86 .date-nav-wrap{ gap:8px; }
  body.page-id-86 .date-nav-wrap .date-nav-btn{ padding:9px 12px; font-size:17px; }
  body.page-id-86 .date-nav-wrap input[type="date"],
  body.page-id-86 form input[type="date"]{
    max-width: 80vw;   /* ainda mais contido no iPhone pequeno */
    font-size: 15px;
  }
}

/* 3) Espaçamento visual entre seletor de data e cards da liturgia */
@media (max-width: 767px){
  body.page-id-86 .date-nav-wrap + *{
    margin-top: 10px !important;
  }
}/* End custom CSS */