/* V5.1.8 — profundidade editorial: sombras de papel com fonte ampla e borda sutil.
   Arquivo independente, carregado depois dos estilos já aprovados. */
:root{
  --ab-depth-paper:0 3px 4px rgba(41,31,22,.045),
                   0 14px 23px rgba(41,31,22,.095),
                   0 32px 58px -22px rgba(39,30,20,.20);
  --ab-depth-paper-hover:0 4px 7px rgba(41,31,22,.06),
                         0 18px 32px rgba(41,31,22,.14),
                         0 38px 66px -20px rgba(39,30,20,.24);
}

/* Quatro serviços na Home, incluindo estados de foco e hover. */
#projetos .work-link{
  box-shadow:var(--ab-depth-paper)!important;
}
#projetos .work-link:hover,
#projetos .work-link:focus-within{
  box-shadow:var(--ab-depth-paper-hover)!important;
}

/* Cartões da linha do tempo, com seleção ligeiramente mais destacada. */
#processo .timeline-step__copy{
  box-shadow:var(--ab-depth-paper)!important;
}
#processo .timeline-step.is-selected .timeline-step__copy{
  box-shadow:var(--ab-depth-paper-hover)!important;
}

/* Card explicativo do processo e cartões Identidade / Clareza / Detalhes. */
#processo .ab-processo-outro,
#servicos .service{
  box-shadow:var(--ab-depth-paper)!important;
}

/* Os cards de projetos têm a imagem como folha superior: o texto não ganha
   uma segunda caixa, preservando a simplicidade do carrossel aprovado. */
#criacoes .ab-criacoes__visual{
  box-shadow:0 4px 7px rgba(36,28,19,.07),
             0 16px 28px rgba(36,28,19,.13),
             0 35px 60px -24px rgba(36,28,19,.23)!important;
}
#criacoes .ab-criacoes__project:hover .ab-criacoes__visual,
#criacoes .ab-criacoes__project:focus-within .ab-criacoes__visual{
  box-shadow:0 5px 9px rgba(36,28,19,.09),
             0 20px 36px rgba(36,28,19,.16),
             0 38px 70px -21px rgba(36,28,19,.26)!important;
}