@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Lato:wght@300;400;700;900&display=swap');
/* =====================================================================
   PREVER - Ajustes finos de layout no celular (02/out/2026)
   Carregado no final de _templates/footer.php (vale para todas as paginas)
   ===================================================================== */

/* Fontes do manual da marca (Lora nos titulos) - paginas que ainda herdavam Playfair */
h1,h2,h3,h4,h5,h6{font-family:'Lora',serif;}

@media (max-width:767px){

  /* ---------- Menu do celular: painel na largura toda, logo abaixo do topo ---------- */
  .row:has(> .mobile-menu-col){position:relative;}
  .mobile-menu-col{position:static!important;}
  .mobile-menu-col .slicknav_menu{position:static!important;}
  .mobile-menu-col .slicknav_nav{position:absolute!important;left:0!important;right:0!important;top:100%!important;width:auto!important;margin:0!important;padding:6px 0 18px!important;background:#0a2f6e!important;z-index:9999;box-shadow:0 18px 30px rgba(0,0,0,.28);max-height:calc(100vh - 110px);overflow-y:auto;border-radius:0 0 18px 18px;}
  .mobile-menu-col .slicknav_nav li{border-bottom:1px solid rgba(255,255,255,.08);}
  .mobile-menu-col .slicknav_nav a{font-family:'Lato',sans-serif!important;font-size:16px!important;line-height:1.3!important;padding:13px 26px!important;margin:0!important;color:#fff!important;border-radius:0!important;}
  .mobile-menu-col .slicknav_nav a:hover,.mobile-menu-col .slicknav_nav a:focus{background:rgba(255,255,255,.08)!important;}
  .mobile-menu-col .slicknav_nav ul ul a,.mobile-menu-col .slicknav_nav li ul a{padding-left:44px!important;font-size:15px!important;opacity:.9;}
  .mobile-menu-col .slicknav_nav li.pv-menu-btn{display:inline-flex;width:50%;justify-content:center;align-items:center;border-bottom:0;padding:16px 0 4px;}
  .mobile-menu-col .slicknav_nav li.pv-menu-btn a{padding:6px 10px!important;background:none!important;}
  .mobile-menu-col .slicknav_nav li.pv-menu-btn img{height:44px;width:auto;max-width:140px;object-fit:contain;}

  .mobile-menu-col .slicknav_nav{max-width:none!important;}
  .mobile-menu-col .slicknav_nav > ul{display:flex!important;flex-wrap:wrap;margin:0!important;padding:0!important;}
  .mobile-menu-col .slicknav_nav > ul > li{flex:0 0 100%;max-width:100%;}
  .mobile-menu-col .slicknav_nav > ul > li.pv-menu-btn{flex:0 0 50%!important;max-width:50%!important;display:flex!important;}
  .mobile-menu-col .slicknav_nav .slicknav_item{display:flex!important;align-items:center;justify-content:space-between;padding:13px 26px!important;}
  .mobile-menu-col .slicknav_nav .slicknav_item > a{padding:0!important;background:none!important;}
  .mobile-menu-col .slicknav_nav .slicknav_arrow{font-size:12px;opacity:.8;}
  .mobile-menu-col .slicknav_nav hr{display:none;}
  .mobile-menu-col .slicknav_nav li.pv-menu-btn{border:0!important;}
  .mobile-menu-col .slicknav_nav li.pv-menu-btn::before,.mobile-menu-col .slicknav_nav li.pv-menu-btn::after{display:none!important;}

  /* ---------- Banner principal: mostra a arte inteira, sem cortar ---------- */
  .slide-media{height:auto!important;aspect-ratio:800/460;}
  .slide-media picture,.slide-media img.slide-media-item{width:100%!important;height:100%!important;object-fit:cover;}

  /* ---------- Newsletter (home): campos sem buracos entre eles ---------- */
  #formContatoNewsletter{flex-direction:column;gap:12px!important;}
  #formContatoNewsletter .half-col{flex:0 0 auto!important;height:auto!important;width:100%!important;margin:0!important;}
  #formContatoNewsletter .submit-btn-wrapper{margin-top:4px;width:100%!important;}
  #formContatoNewsletter .form-control,#formContatoNewsletter .submit-btn-wrapper button{width:100%!important;max-width:100%!important;}

  .contact-area.contact-area-3{padding:26px 20px!important;margin:0!important;}
  #formContatoNewsletter{margin-left:0!important;}

  /* ---------- Noticias (home): icone do autor sem achatar ---------- */
  .blog-area .blog-content ul li img{width:18px!important;height:18px!important;flex:0 0 18px;object-fit:contain;}

  /* ---------- Notas de falecimento (home): datas e botao aparecem (no celular nao existe "passar o mouse") ---------- */
  .expert-area .expert-single ._datas{opacity:1!important;visibility:visible!important;transform:none!important;}

  /* ---------- reCAPTCHA cabendo dentro do card ---------- */
  .g-recaptcha{display:block!important;width:304px!important;max-width:none!important;transform:scale(.8);transform-origin:left top;margin:0 0 -14px 0!important;padding:0!important;}
  .g-recaptcha > div{margin:0!important;}
  .form-group:has(> .g-recaptcha){text-align:left!important;display:block!important;padding-left:0!important;}

  /* ---------- Institucional: linha do tempo sem vao entre foto e texto ---------- */
  .pv-story-card{gap:0!important;}
  .pv-story-content{padding:20px 20px 24px!important;}

  /* ---------- Nota de falecimento: card de informacoes com mais area de texto ---------- */
  .Attorneys-info{padding:24px 20px!important;}

  /* ---------- Contato: card de informacoes com mais respiro lateral ---------- */
  .contact-page-item{padding:26px 22px!important;}

  /* ---------- Falecimentos (lista): 2 por linha, como na home ---------- */
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2{flex:0 0 50%!important;max-width:50%!important;padding-left:7px!important;padding-right:7px!important;}
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2 .expert-single{margin-bottom:14px!important;}
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2 .expert-img{height:auto!important;aspect-ratio:3/4;overflow:hidden;}
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2 .expert-img img{width:100%!important;height:100%!important;object-fit:cover;object-position:center 25%;}
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2 .expert-content{padding:10px 8px 12px!important;}
  .Attorneys-area .row > .col-sm-6.col-md-4.col-lg-2 .expert-content h3{font-size:.92rem!important;line-height:1.25!important;margin-bottom:4px!important;}

  /* ---------- Cremacao: titulo "Duvidas frequentes" alinhado ao padrao das secoes ---------- */
  .about-text.title h2{text-align:center;margin:40px 0 20px!important;font-size:1.5rem!important;line-height:1.25;}

  /* ---------- Convenios: sem faixa clara entre o formulario e o rodape ---------- */
  .convenios-categorias.pv-conv-watermark-wrap{padding-bottom:0!important;}

  /* ---------- Botao "voltar ao topo" e WhatsApp nao cobrem o fim do rodape ---------- */
  .footer-bottom-slim{padding-bottom:96px!important;}

  /* ---------- Botoes "Ver todos os depoimentos" / "Fale com a gente" no padrao arredondado ---------- */
  .btn-style-3 a{border-radius:999px!important;text-transform:none!important;padding:12px 26px!important;}

  /* ---------- Imagens quebradas de posts antigos nao aparecem ---------- */
  img[src=""]{visibility:hidden;}
}