/* Temporary visual preview for testimonial avatars.
   Replace these generic illustrations with the customers' real photos when available. */

#depoimentos .mt-12.grid > :nth-child(1) article > div:last-child > div:first-child,
#depoimentos .mt-12.grid > :nth-child(2) article > div:last-child > div:first-child,
#depoimentos .mt-12.grid > :nth-child(3) article > div:last-child > div:first-child {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  color: transparent !important;
  border: 1px solid color-mix(in oklab, var(--primary) 28%, transparent);
  box-shadow: 0 10px 28px -18px color-mix(in oklab, var(--cosmic) 72%, transparent);
}

#depoimentos .mt-12.grid > :nth-child(1) article > div:last-child > div:first-child {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzNiODJmNiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Q5NDZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPgo8cmVjdCB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgcng9IjY0IiBmaWxsPSIjMGIxMDIwIi8+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNjEiIGZpbGw9InVybCgjZykiIG9wYWNpdHk9Ii45Ii8+CjxjaXJjbGUgY3g9IjY0IiBjeT0iNDgiIHI9IjIzIiBmaWxsPSIjZjBkMmJlIi8+PHBhdGggZD0iTTM5IDQ4YzEtMjMgMTAtMzEgMjYtMzEgMTggMCAyNyAxMiAyNiAzMS03LTctMTUtMTEtMjYtMTEtMTAgMC0xOCA0LTI2IDExWiIgZmlsbD0iIzIwMjYzYSIvPgo8cGF0aCBkPSJNMjUgMTI4YzQtMjkgMTctNDMgMzktNDNzMzUgMTQgMzkgNDNaIiBmaWxsPSIjMTExODI3Ii8+PHBhdGggZD0iTTQ3IDg3YzUgNiAxMSA5IDE3IDlzMTItMyAxNy05bDggNDFIMzlaIiBmaWxsPSIjMWYyOTM3Ii8+CjxjaXJjbGUgY3g9IjU1IiBjeT0iNDkiIHI9IjIuNSIgZmlsbD0iIzI1MjUyNSIvPjxjaXJjbGUgY3g9IjczIiBjeT0iNDkiIHI9IjIuNSIgZmlsbD0iIzI1MjUyNSIvPjxwYXRoIGQ9Ik01NiA2MWM1IDQgMTEgNCAxNiAwIiBzdHJva2U9IiM5YTVmNTAiIHN0cm9rZS13aWR0aD0iMi41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+") !important;
}

#depoimentos .mt-12.grid > :nth-child(2) article > div:last-child > div:first-child {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzdjM2FlZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2VjNDg5OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPgo8cmVjdCB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgcng9IjY0IiBmaWxsPSIjMGIxMDIwIi8+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNjEiIGZpbGw9InVybCgjZykiIG9wYWNpdHk9Ii45Ii8+CjxwYXRoIGQ9Ik0zNSA1NWMwLTI4IDEyLTQwIDI5LTQwIDIwIDAgMzEgMTQgMzEgNDIgMCAxNS03IDMxLTE0IDM4SDQ1Yy03LTgtMTAtMjMtMTAtNDBaIiBmaWxsPSIjMmExODNiIi8+CjxjaXJjbGUgY3g9IjY0IiBjeT0iNDkiIHI9IjIzIiBmaWxsPSIjZWZjOWI1Ii8+PHBhdGggZD0iTTQxIDQzYzQtMjAgMTQtMjcgMjgtMjcgMTQgMCAyNCA3IDI4IDIyLTgtNS0xNy03LTI2LTctMTIgMC0yMSA0LTMwIDEyWiIgZmlsbD0iIzJhMTgzYiIvPgo8cGF0aCBkPSJNMjUgMTI4YzUtMjkgMTgtNDMgMzktNDNzMzQgMTQgMzkgNDNaIiBmaWxsPSIjMTgxMTI2Ii8+PHBhdGggZD0iTTQ4IDg4YzUgNiAxMCA4IDE2IDggNyAwIDEyLTIgMTctOGw4IDQwSDM5WiIgZmlsbD0iIzI0MTMzNyIvPgo8Y2lyY2xlIGN4PSI1NSIgY3k9IjUwIiByPSIyLjUiIGZpbGw9IiMyNTI1MjUiLz48Y2lyY2xlIGN4PSI3MyIgY3k9IjUwIiByPSIyLjUiIGZpbGw9IiMyNTI1MjUiLz48cGF0aCBkPSJNNTYgNjJjNSA0IDExIDQgMTYgMCIgc3Ryb2tlPSIjYTY2MDU5IiBzdHJva2Utd2lkdGg9IjIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPg==") !important;
}

#depoimentos .mt-12.grid > :nth-child(3) article > div:last-child > div:first-child {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij4KPGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMSI+PHN0b3Agc3RvcC1jb2xvcj0iIzI1NjNlYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhiNWNmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPgo8cmVjdCB3aWR0aD0iMTI4IiBoZWlnaHQ9IjEyOCIgcng9IjY0IiBmaWxsPSIjMGIxMDIwIi8+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNjEiIGZpbGw9InVybCgjZykiIG9wYWNpdHk9Ii45Ii8+CjxjaXJjbGUgY3g9IjY0IiBjeT0iNDgiIHI9IjIzIiBmaWxsPSIjZDhhYTg4Ii8+PHBhdGggZD0iTTQwIDQ1YzItMjAgMTEtMjkgMjUtMjkgMTcgMCAyNiA5IDI3IDI4LTctNS0xNi04LTI3LTgtMTAgMC0xOCAzLTI1IDlaIiBmaWxsPSIjMTgxYjI4Ii8+CjxwYXRoIGQ9Ik0yNSAxMjhjNC0yOSAxNy00MyAzOS00M3MzNSAxNCAzOSA0M1oiIGZpbGw9IiMxMDE1MjEiLz48cGF0aCBkPSJNNDYgODhjNiA3IDEyIDEwIDE4IDEwIDcgMCAxMy0zIDE4LTEwbDkgNDBIMzdaIiBmaWxsPSIjMTgyMjM1Ii8+CjxjaXJjbGUgY3g9IjU1IiBjeT0iNDkiIHI9IjIuNSIgZmlsbD0iIzI1MjUyNSIvPjxjaXJjbGUgY3g9IjczIiBjeT0iNDkiIHI9IjIuNSIgZmlsbD0iIzI1MjUyNSIvPjxwYXRoIGQ9Ik01NSA2MWM2IDMgMTIgMyAxOCAwIiBzdHJva2U9IiM4NzU0NDIiIHN0cm9rZS13aWR0aD0iMi41IiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQ2IDYyYzQgMTEgMTAgMTYgMTggMTYgOSAwIDE1LTUgMTktMTYtNSA2LTExIDktMTkgOS03IDAtMTMtMy0xOC05WiIgZmlsbD0iIzJiMjExZiIgb3BhY2l0eT0iLjg1Ii8+Cjwvc3ZnPg==") !important;
}

@media (max-width: 639px) {
  #como-funciona div:has(> button[aria-label="Executar animação demonstrativa de envio"]) {
    align-self: center;
  }

  #como-funciona div:has(> div > button[aria-label="Executar animação demonstrativa de envio"]) + div {
    align-items: center;
    text-align: center;
  }

  #como-funciona div:has(> div > button[aria-label="Executar animação demonstrativa de envio"]) + div > div {
    justify-content: center;
  }
}