/* Marlown Eduardo · landing pages (carregado só nas páginas que usam .lp-*)
   Peça central: o índice de situações. Cada situação abre como um verbete,
   marcado pelo fio de areia do monograma. */

.lp-hero .hero-titulo em{font-size:.62em;line-height:1.1;margin-top:.3em}
.lp-atalho{margin:22px 0 0;font-size:.95rem}
.lp-atalho a{color:var(--celeste);text-underline-offset:.3em}
.lp-atalho a:hover{color:var(--branco)}

/* Situações */
.lp-situacoes .wrap{display:grid;gap:36px 72px;grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){
  .lp-situacoes .wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr);align-items:start}
  .lp-sit-intro{position:sticky;top:calc(var(--header) + 32px)}
}
.lp-sit-intro p{color:var(--tinta-2);max-width:42ch}
.lp-sit-tel{font-weight:600;color:var(--noturno)}
.lp-sit-tel a{color:var(--noturno);white-space:nowrap}
.lp-aviso{font-size:.88rem;margin-top:28px;padding-top:16px;border-top:1px solid rgba(12,35,64,.16)}

.lp-sit-lista{border-top:1px solid rgba(12,35,64,.2)}
.lp-sit-lista details{position:relative;border-bottom:1px solid rgba(12,35,64,.2);transition:background-color .2s}
.lp-sit-lista details::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--areia);transform:scaleY(0);transform-origin:top;transition:transform .25s ease}
.lp-sit-lista details[open]{background:var(--branco)}
.lp-sit-lista details[open]::before{transform:scaleY(1)}
.lp-sit-lista summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 28px;grid-template-areas:"tit sinal" "dica sinal";gap:4px 16px;align-items:center;padding:22px 20px 22px 24px}
.lp-sit-lista summary::-webkit-details-marker{display:none}
.lp-sit-lista summary::after{content:"";grid-area:sinal;justify-self:end;width:16px;height:16px;background:linear-gradient(var(--guanabara),var(--guanabara)) center/16px 1.5px no-repeat,linear-gradient(var(--guanabara),var(--guanabara)) center/1.5px 16px no-repeat;transition:transform .25s ease}
.lp-sit-lista details[open] summary::after{transform:rotate(45deg)}
.lp-sit-tit{grid-area:tit;font-family:var(--f-display);font-weight:600;font-size:clamp(1.45rem,1.2rem + .9vw,1.95rem);line-height:1.12;color:var(--noturno)}
.lp-sit-dica{grid-area:dica;font-size:.95rem;color:var(--tinta-2)}
.lp-sit-lista summary:hover .lp-sit-tit{color:var(--guanabara)}
.lp-sit-lista summary:focus-visible{outline-offset:-3px}

.lp-sit-corpo{padding:0 24px 28px}
.lp-sit-corpo ul{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:14px;max-width:62ch}
.lp-sit-corpo li{position:relative;padding-left:22px;color:var(--tinta);line-height:1.55}
.lp-sit-corpo li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;background:var(--areia)}
.lp-sit-corpo li small{display:block;margin-top:3px;font-size:.84rem;color:var(--tinta-2)}
.lp-sit-corpo>p{color:var(--tinta-2);max-width:60ch;margin-top:0}
.lp-sit-acao{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.lp-sit-acao .btn{margin-top:22px}
.lp-sit-link{margin-top:22px;font-size:.95rem;font-weight:600}
@media (max-width:540px){
  .lp-sit-lista summary{padding:20px 12px 20px 18px}
  .lp-sit-corpo{padding:0 16px 24px 18px}
  .lp-sit-acao .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .lp-sit-lista details,.lp-sit-lista details::before,.lp-sit-lista summary::after{transition:none}
}

/* Atendimento em três etapas */
@media (min-width:960px){.lp-etapas{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Avaliações (widget do Trustindex) */
.lp-avaliacoes .ti-widget{font-family:var(--f-texto)}

/* Chamada final */
.lp-final .wrap{text-align:center;display:grid;justify-items:center}
.lp-final .titulo{max-width:22ch}
.lp-final .lead{margin-inline:auto}
.lp-final .btns{justify-content:center}

/* No celular, quem chega com pressa vê as situações logo depois dos botões; a foto aparece mais abaixo. */
@media (max-width:959px){
  .lp-hero .retrato{display:none}
  .lp-hero .wrap{padding-bottom:40px}
}
@media (max-width:959px){
  .lp-sit-tel{display:none}
  .lp-aviso{margin-top:12px;padding-top:12px}
}

/* Reserva o espaço do widget de avaliações enquanto ele não carrega (evita o salto da página). */
.avaliacoes [data-src*="trustindex"],.lp-avaliacoes [data-src*="trustindex"]{min-height:260px}