/* ===========================================================
   assets/css/galeria-depoimentos-public.css
   Seção pública (index.html) de Galeria + Depoimentos.
   Usa as variáveis de tema já existentes no site (com fallback
   caso o nome varie) — mesma identidade visual do resto do site.
=========================================================== */

.tp-gd-area{ overflow: hidden; }

/* ---------- galeria ---------- */
.gd-galeria-wrap{ position: relative; }

.gd-galeria-swiper{ border-radius: 20px; overflow: hidden; }

.gd-galeria-swiper .swiper-slide{
  height: 380px; border-radius: 20px; overflow: hidden; position: relative;
}
.gd-galeria-swiper .swiper-slide img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .6s ease;
}
.gd-galeria-swiper .swiper-slide:hover img{ transform: scale(1.06); }

.gd-galeria-swiper .swiper-slide-caption{
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 18px 22px;
  background: linear-gradient(0deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 100%);
  color: #fff; font-weight: 600; font-size: 0.95rem;
}

.gd-galeria-nav{
  display: flex; align-items: center; justify-content: center;
  gap: 14px; margin-top: 22px;
}
.gd-galeria-arrow{
  width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(0,0,0,.1);
  background: #fff; display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: background .25s ease, color .25s ease, transform .25s ease;
  color: var(--tp-theme-1, #2d6ec4);
}
.gd-galeria-arrow:hover{ background: var(--tp-theme-1, #2d6ec4); color: #fff; transform: translateY(-2px); }

.gd-galeria-dots{ display:flex; gap: 8px; }
.gd-galeria-dots .swiper-pagination-bullet{
  width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,.15);
  opacity: 1; transition: background .25s ease, width .25s ease;
}
.gd-galeria-dots .swiper-pagination-bullet-active{
  background: var(--tp-theme-1, #2d6ec4); width: 22px; border-radius: 6px;
}

.gd-galeria-empty{ text-align: center; color: #85837c; margin-top: 20px; }

/* ---------- depoimentos ---------- */
.gd-depo-swiper{ padding-bottom: 6px; }

.gd-depo-card{
  background: #fff; border-radius: 18px; padding: 28px 26px;
  box-shadow: 0 10px 30px rgba(17,17,17,.06); border: 1px solid rgba(0,0,0,.05);
  height: 100%;
}
.gd-depo-card-estrelas{ color: #f5a623; margin-bottom: 12px; font-size: .95rem; }
.gd-depo-card-estrelas .fa-regular{ color: #e2e2e2; }
.gd-depo-card-texto{
  font-size: 1rem; line-height: 1.6; color: #3a3a3a; margin-bottom: 18px;
  font-style: italic;
}
.gd-depo-card-nome{ font-weight: 700; color: #17171a; }

.gd-depo-empty{ color: #85837c; }

.gd-depo-form-card{
  background: var(--tp-theme-1, #2d6ec4); color: #fff;
  border-radius: 20px; padding: 34px 30px;
}
.gd-depo-form-card h3{ color: #fff; margin-bottom: 8px; font-family: inherit; }
.gd-depo-form-card p{ color: rgba(255,255,255,.85); margin-bottom: 22px; font-size: .92rem; }

.gd-depo-field{ margin-bottom: 16px; }
.gd-depo-field label{
  display:block; margin-bottom: 6px; font-size: .85rem; color: rgba(255,255,255,.9); font-weight: 600;
}
.gd-depo-field input[type="text"],
.gd-depo-field textarea{
  width: 100%; border: none; border-radius: 10px; padding: 12px 14px;
  font-size: .95rem; font-family: inherit; resize: vertical;
  background: rgba(255,255,255,.95); color: #17171a;
}
.gd-depo-field input:focus, .gd-depo-field textarea:focus{ outline: 2px solid rgba(255,255,255,.6); }

.gd-depo-stars{ font-size: 1.4rem; color: rgba(255,255,255,.45); cursor: pointer; }
.gd-depo-stars i{ margin-right: 6px; transition: color .15s ease, transform .15s ease; }
.gd-depo-stars i.is-ativa{ color: #ffd166; }
.gd-depo-stars i:hover{ transform: scale(1.15); }

.gd-depo-msg{ margin-top: 12px; font-size: .88rem; min-height: 1.2em; }
.gd-depo-msg.is-sucesso{ color: #baffc9; }
.gd-depo-msg.is-erro{ color: #ffc2c2; }

@media (max-width: 768px){
  .gd-galeria-swiper .swiper-slide{ height: 260px; }
  .gd-depo-form-card{ margin-top: 30px; }
}