/* ============================================================
   FRASSATI DS — Archive do Blog + Page padrão
   Apostolado São Pier Giorgio Frassati Brasil
   Dependência: frassati-tokens.css + frassati-components.css
   v1.0.0
============================================================ */

/* ══════════════════════════════════════════════════════════
   1. BLOG ARCHIVE
   Template: archive.php
   Classes: .frs-blog-archive
══════════════════════════════════════════════════════════ */

/* Força o container do Hello Elementor a não limitar a largura
   nos archives e páginas customizadas do tema filho */
body.blog #main,
body.archive #main,
body.category #main,
body.tag #main,
body.author #main,
body.date #main,
body.error404 #main {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

body.blog .site-main,
body.archive .site-main,
body.category .site-main,
body.tag .site-main,
body.author .site-main,
body.date .site-main,
body.error404 .site-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Hello Elementor usa .content-area e .site-content — zerar também */
body.blog .content-area,
body.archive .content-area,
body.category .content-area,
body.tag .content-area,
body.author .content-area,
body.date .content-area,
body.error404 .content-area {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.frs-blog-archive {
  padding: var(--space-12) 0 var(--space-20);
  background: var(--color-cinza-100);
  width: 100%;
}

.frs-blog-archive__container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

/* ── Cabeçalho ──────────────────────────────────────────── */

.frs-blog-archive__header {
  text-align: center;
  max-width: 640px;
  margin: 0 auto;
  padding: var(--space-8) 0 var(--space-4);
}

.frs-blog-archive__eyebrow {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--color-laranja);
  margin: 0 0 var(--space-3);
}

.frs-blog-archive__title {
  font-size: clamp(var(--font-size-2xl), 5vw, var(--font-size-3xl));
  font-weight: var(--font-weight-black);
  color: var(--color-cinza-900);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--space-4);
}

.frs-blog-archive__desc {
  font-size: var(--font-size-md);
  color: var(--color-cinza-500);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

/* ── Layout: sidebar + main ─────────────────────────────── */

.frs-blog-archive__body {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: var(--space-10);
  align-items: start;
}

/* ── Sidebar de categorias ──────────────────────────────── */

.frs-blog-archive__sidebar {
  background: var(--color-branco);
  border: 1.5px solid var(--color-cinza-200);
  border-radius: var(--radius-xl);
  padding: var(--space-5);
  position: sticky;
  top: 90px;
}

.frs-blog-archive__sidebar-title {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--color-cinza-400);
  margin: 0 0 var(--space-4);
}

.frs-blog-archive__cats {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.frs-blog-cat,
.frs-blog-cat:link,
.frs-blog-cat:visited {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-cinza-600) !important;
  text-decoration: none !important;
  transition: all var(--transition-fast);
}

.frs-blog-cat:hover {
  background: var(--color-laranja-pale);
  color: var(--color-laranja-escuro) !important;
}

.frs-blog-cat--active,
.frs-blog-cat--active:link,
.frs-blog-cat--active:visited,
.frs-blog-cat--active:hover {
  background: var(--color-laranja);
  color: var(--color-branco) !important;
  font-weight: var(--font-weight-bold);
}

.frs-blog-cat__count {
  font-size: var(--font-size-xs);
  background: var(--color-cinza-200);
  color: var(--color-cinza-600);
  padding: 1px 7px;
  border-radius: var(--radius-full);
  font-weight: var(--font-weight-regular);
  flex-shrink: 0;
}

.frs-blog-cat--active .frs-blog-cat__count {
  background: rgba(255,255,255,.25);
  color: var(--color-branco);
}

/* ── Área principal ─────────────────────────────────────── */

.frs-blog-archive__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

/* Corrige cor dos links do blog-card herdados do Hello Elementor */
.frs-blog-archive__main .blog-card__title a,
.frs-blog-archive__main .blog-card__title a:link,
.frs-blog-archive__main .blog-card__title a:visited {
  color: var(--color-cinza-900) !important;
  text-decoration: none !important;
}

.frs-blog-archive__main .blog-card:hover .blog-card__title a {
  color: var(--color-laranja-escuro) !important;
}

.frs-blog-archive__main .blog-card__category,
.frs-blog-archive__main .blog-card__category:link,
.frs-blog-archive__main .blog-card__category:visited {
  color: var(--color-laranja) !important;
  text-decoration: none !important;
}

.frs-blog-archive__main .blog-card__category:hover {
  color: var(--color-laranja-escuro) !important;
}

/* Botão "Leia na Íntegra" do blog-card */
.frs-blog-archive__main .btn--secondary,
.frs-blog-archive__main .btn--secondary:link,
.frs-blog-archive__main .btn--secondary:visited {
  color: var(--color-laranja) !important;
  text-decoration: none !important;
}

.frs-blog-archive__main .btn--secondary:hover {
  color: var(--color-branco) !important;
}

/* ── Paginação ──────────────────────────────────────────── */

.frs-blog-archive__pagination {
  display: flex;
  justify-content: center;
}

/* Botões de página */
.frs-blog-archive__pagination .page-btn,
.frs-blog-archive__pagination .page-btn:link,
.frs-blog-archive__pagination .page-btn:visited {
  color: var(--color-cinza-700) !important;
  text-decoration: none !important;
}

.frs-blog-archive__pagination .page-btn.is-active {
  color: var(--color-branco) !important;
}

/* ── Estado vazio ───────────────────────────────────────── */

.frs-blog-archive__empty {
  text-align: center;
  padding: var(--space-16) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  color: var(--color-cinza-500);
  font-size: var(--font-size-md);
}


/* ══════════════════════════════════════════════════════════
   2. PAGE — Páginas padrão
   Template: page.php
   Classes: .frs-page
══════════════════════════════════════════════════════════ */

.frs-page {
  padding: var(--space-10) 0 var(--space-20);
  background: var(--color-cinza-100);
}

.frs-page__container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 var(--space-8);
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

/* ── Cabeçalho da página ────────────────────────────────── */

.frs-page__header {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.frs-page__thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  background: var(--color-cinza-200);
}

.frs-page__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.frs-page__breadcrumb {
  align-self: flex-start;
}

.frs-page__title {
  font-size: clamp(var(--font-size-2xl), 5vw, var(--font-size-3xl));
  font-weight: var(--font-weight-black);
  color: var(--color-cinza-900);
  line-height: var(--line-height-tight);
  margin: 0;
}

/* ── Conteúdo ───────────────────────────────────────────── */

.frs-page__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}

.frs-page__body {
  background: var(--color-branco);
  border-radius: var(--radius-2xl);
  padding: var(--space-10) var(--space-10);
  border: 1.5px solid var(--color-cinza-200);
  box-shadow: var(--shadow-sm);
}

/* Tipografia do conteúdo gerado pelo editor */
.frs-page__body.entry-content {
  font-size: var(--font-size-base);
  color: var(--color-cinza-700);
  line-height: var(--line-height-relaxed);
}

.frs-page__body h1,
.frs-page__body h2,
.frs-page__body h3,
.frs-page__body h4 {
  color: var(--color-cinza-900);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-snug);
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
}

.frs-page__body h2 { font-size: var(--font-size-xl); }
.frs-page__body h3 { font-size: var(--font-size-lg); }
.frs-page__body h4 { font-size: var(--font-size-md); }

.frs-page__body p {
  margin-bottom: var(--space-5);
}

.frs-page__body a {
  color: var(--color-laranja) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--transition-fast);
}

.frs-page__body a:hover {
  color: var(--color-laranja-escuro) !important;
}

.frs-page__body ul,
.frs-page__body ol {
  padding-left: var(--space-6);
  margin-bottom: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.frs-page__body li {
  font-size: var(--font-size-base);
  color: var(--color-cinza-700);
  line-height: var(--line-height-normal);
}

.frs-page__body blockquote {
  border-left: 4px solid var(--color-laranja);
  padding: var(--space-4) var(--space-6);
  background: var(--color-laranja-pale);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  margin: var(--space-6) 0;
  font-style: italic;
  color: var(--color-cinza-700);
}

.frs-page__body img {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
}

.frs-page__body hr {
  border: none;
  border-top: 1.5px solid var(--color-cinza-200);
  margin: var(--space-8) 0;
}

/* ── Subpáginas ─────────────────────────────────────────── */

.frs-page__subpages {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.frs-page__subpages-title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-cinza-800);
  margin: 0;
  padding-bottom: var(--space-4);
  border-bottom: 1.5px solid var(--color-cinza-200);
}

.frs-page__subpages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--space-5);
}

.frs-subpage-card,
.frs-subpage-card:link,
.frs-subpage-card:visited {
  display: flex;
  flex-direction: column;
  background: var(--color-branco);
  border: 1.5px solid var(--color-cinza-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
  transition: all var(--transition-normal);
  box-shadow: var(--shadow-sm);
}

.frs-subpage-card:hover {
  border-color: var(--color-laranja-claro);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.frs-subpage-card__thumb {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-cinza-200);
  flex-shrink: 0;
}

.frs-subpage-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-slow);
}

.frs-subpage-card:hover .frs-subpage-card__thumb img {
  transform: scale(1.05);
}

.frs-subpage-card__body {
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.frs-subpage-card__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--color-cinza-900);
  margin: 0;
  transition: color var(--transition-fast);
}

.frs-subpage-card:hover .frs-subpage-card__title {
  color: var(--color-laranja-escuro);
}

.frs-subpage-card__desc {
  font-size: var(--font-size-sm);
  color: var(--color-cinza-500);
  line-height: var(--line-height-normal);
  margin: 0;
}


/* ══════════════════════════════════════════════════════════
   3. RESPONSIVO — BLOG ARCHIVE
══════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .frs-blog-archive__body {
    grid-template-columns: 180px 1fr;
    gap: var(--space-6);
  }
}

@media (max-width: 768px) {
  .frs-blog-archive {
    padding: var(--space-8) 0 var(--space-12);
  }

  .frs-blog-archive__container {
    padding: 0 var(--space-5);
    gap: var(--space-6);
  }

  .frs-blog-archive__body {
    grid-template-columns: 1fr;
  }

  /* Sidebar vira lista horizontal no mobile */
  .frs-blog-archive__sidebar {
    position: static;
    padding: var(--space-4);
  }

  .frs-blog-archive__cats {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2);
  }

  .frs-blog-cat {
    padding: 5px 12px;
    border-radius: var(--radius-full);
    border: 1.5px solid var(--color-cinza-200);
  }

  .frs-blog-cat--active {
    border-color: var(--color-laranja);
  }

  .frs-blog-cat__count {
    display: none;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .frs-blog-archive__container {
    padding: 0 var(--space-4);
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }
}


/* ══════════════════════════════════════════════════════════
   4. RESPONSIVO — PAGE
══════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .frs-page {
    padding: var(--space-6) 0 var(--space-12);
  }

  .frs-page__container {
    padding: 0 var(--space-5);
  }

  .frs-page__body {
    padding: var(--space-6);
  }

  .frs-page__subpages-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .frs-page__container {
    padding: 0 var(--space-4);
  }

  .frs-page__body {
    padding: var(--space-5);
  }
}


/* ══════════════════════════════════════════════════════════
   5. PÁGINA 404
   Template: 404.php
══════════════════════════════════════════════════════════ */

.frs-404 {
  min-height: 70vh;
  display: flex;
  align-items: center;
  padding: var(--space-16) 0 var(--space-20);
  background: var(--color-cinza-100);
}

.frs-404__container {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--space-8);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-12);
  width: 100%;
}

/* Card central */
.frs-404__card {
  background: var(--color-branco);
  border: 1.5px solid var(--color-cinza-200);
  border-radius: var(--radius-2xl);
  padding: var(--space-12) var(--space-12);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--space-5);
  box-shadow: var(--shadow-md);
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* Número decorativo de fundo */
.frs-404__numero {
  position: absolute;
  font-size: 200px;
  font-weight: var(--font-weight-black);
  color: var(--color-cinza-200);
  line-height: 1;
  user-select: none;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  letter-spacing: -.05em;
}

/* Ícone */
.frs-404__icone {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px;
  background: var(--color-laranja-pale);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-laranja);
  flex-shrink: 0;
}

.frs-404__titulo {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-black);
  color: var(--color-cinza-900);
  line-height: var(--line-height-tight);
  margin: 0;
}

.frs-404__desc {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-base);
  color: var(--color-cinza-500);
  line-height: var(--line-height-relaxed);
  max-width: 440px;
  margin: 0;
}

.frs-404__acoes {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--space-2);
}

.frs-404__acoes .btn,
.frs-404__acoes .btn:link,
.frs-404__acoes .btn:visited {
  text-decoration: none !important;
}

.frs-404__acoes .btn--primary,
.frs-404__acoes .btn--primary:link,
.frs-404__acoes .btn--primary:visited {
  color: var(--color-branco) !important;
}

.frs-404__acoes .btn--ghost,
.frs-404__acoes .btn--ghost:link,
.frs-404__acoes .btn--ghost:visited {
  color: var(--color-cinza-700) !important;
}

.frs-404__acoes .btn--ghost:hover {
  color: var(--color-branco) !important;
}

/* ── Busca ──────────────────────────────────────────────── */

.frs-404__busca {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 440px;
}

.frs-404__busca-wrap {
  display: flex;
  align-items: center;
  background: var(--color-branco);
  border: 1.5px solid var(--color-cinza-200);
  border-radius: var(--radius-full);
  padding: 6px 6px 6px 18px;
  gap: var(--space-2);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.frs-404__busca-wrap:focus-within {
  border-color: var(--color-laranja);
  box-shadow: 0 0 0 3px rgba(242,140,40,.10);
}

.frs-404__busca-icon {
  color: var(--color-cinza-300);
  flex-shrink: 0;
  transition: color var(--transition-fast);
  display: flex;
}

.frs-404__busca-wrap:focus-within .frs-404__busca-icon {
  color: var(--color-laranja);
}

.frs-404__busca-input {
  flex: 1;
  border: none;
  background: transparent;
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  color: var(--color-cinza-900);
  outline: none !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  min-width: 0;
  height: 36px;
  padding: 0;
}

.frs-404__busca-input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.frs-404__busca-input::placeholder {
  color: var(--color-cinza-300);
}

.frs-404__busca .btn {
  flex-shrink: 0;
  padding: 8px 20px;
  font-size: var(--font-size-sm);
  border-radius: var(--radius-full);
  height: 36px;
  line-height: 1;
  gap: 6px;
}

.frs-404__busca .btn svg {
  width: 14px;
  height: 14px;
}

/* ── Countdown e link home ──────────────────────────────── */

.frs-404__redirect-msg {
  position: relative;
  z-index: 1;
  font-size: var(--font-size-sm);
  color: var(--color-cinza-400);
  margin: 0;
}

.frs-404__redirect-msg strong {
  color: var(--color-cinza-600);
  font-weight: var(--font-weight-bold);
}

.frs-404__home-link,
.frs-404__home-link:link,
.frs-404__home-link:visited {
  position: relative;
  z-index: 1;
  color: var(--color-cinza-600) !important;
  text-decoration: none !important;
}

.frs-404__home-link:hover {
  color: var(--color-cinza-900) !important;
}

/* Responsivo */
@media (max-width: 768px) {
  .frs-404__container { padding: 0 var(--space-5); gap: var(--space-8); }
  .frs-404__card { padding: var(--space-8) var(--space-6); }
  .frs-404__numero { font-size: 140px; }
  .frs-404__titulo { font-size: var(--font-size-xl); }
  .frs-404__sugestoes-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 480px) {
  .frs-404__container { padding: 0 var(--space-4); }
  .frs-404__card { padding: var(--space-6) var(--space-5); }
  .frs-404__numero { font-size: 100px; }
  .frs-404__sugestoes-grid { grid-template-columns: 1fr; }
  .frs-404__acoes { flex-direction: column; width: 100%; }
  .frs-404__acoes .btn { width: 100%; justify-content: center; }
}


/* ══════════════════════════════════════════════════════════
   BUSCA — search.php
══════════════════════════════════════════════════════════ */

.frs-search-results {
  padding: var(--space-8) 0 var(--space-16);
}

.frs-search-results__container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 var(--space-5);
}

.frs-search-results__header {
  margin-bottom: var(--space-8);
}

.frs-search-results__eyebrow {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--color-laranja);
  margin: 0 0 var(--space-2);
}

.frs-search-results__title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-cinza-900);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--space-6);
}

.frs-search-results__title em {
  font-style: normal;
  color: var(--color-laranja);
}

.frs-search-results__form .search-bar {
  max-width: 560px;
}

.frs-search-results__count {
  font-size: var(--font-size-sm);
  color: var(--color-cinza-400);
  margin-bottom: var(--space-6);
}

/* Lista de resultados */
.frs-search-results__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--color-cinza-200);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.frs-search-result-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  background: var(--color-branco);
  transition: background var(--transition-fast);
}

.frs-search-result-item:hover {
  background: var(--color-cinza-50);
}

.frs-search-result-item__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: var(--color-laranja-pale);
  display: flex;
  align-items: center;
  justify-content: center;
}

.frs-search-result-item__icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--color-laranja);
}

.frs-search-result-item__body {
  flex: 1;
  min-width: 0;
}

.frs-search-result-item__meta {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-1);
}

.frs-search-result-item__type {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--color-laranja);
}

.frs-search-result-item__date {
  font-size: var(--font-size-xs);
  color: var(--color-cinza-400);
}

.frs-search-result-item__title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--space-1);
  line-height: var(--line-height-snug);
}

.frs-search-result-item__title a {
  color: var(--color-cinza-900);
  text-decoration: none;
}

.frs-search-result-item__title a:hover {
  color: var(--color-laranja);
}

.frs-search-result-item__excerpt {
  font-size: var(--font-size-sm);
  color: var(--color-cinza-500);
  line-height: var(--line-height-normal);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.frs-search-result-item__thumb {
  flex-shrink: 0;
  width: 72px;
  height: 72px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--color-cinza-200);
}

.frs-search-result-item__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Paginação */
.frs-search-results__paginacao {
  display: flex;
  justify-content: center;
  margin-top: var(--space-10);
}

/* Estado vazio */
.frs-search-results__vazio {
  text-align: center;
  padding: var(--space-16) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  color: var(--color-cinza-400);
}

.frs-search-results__vazio svg {
  width: 56px;
  height: 56px;
  stroke: var(--color-cinza-300);
}

.frs-search-results__vazio h2 {
  font-size: var(--font-size-xl);
  color: var(--color-cinza-700);
  margin: 0;
}

.frs-search-results__vazio p {
  font-size: var(--font-size-base);
  margin: 0;
}

.frs-search-results__sugestoes {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: center;
  margin-top: var(--space-2);
}

@media (max-width: 640px) {
  .frs-search-result-item {
    padding: var(--space-4);
  }
  .frs-search-result-item__thumb {
    width: 56px;
    height: 56px;
  }
  .frs-search-results__title {
    font-size: var(--font-size-2xl);
  }
}