/* Equipe Carrossel / Grid - estilos baseados em CSS Variables
   Vars usadas (defaults no PHP / admin / Elementor):
   --equipe-border, --equipe-border-width, --equipe-bg, --equipe-shadow,
   --equipe-name-color, --equipe-name-bg, --equipe-name-radius, --equipe-name-size, --equipe-name-weight,
   --equipe-name-padding-y, --equipe-name-padding-x, --equipe-font,
   --equipe-ig-color, --equipe-ig-bg, --equipe-ig-icon,
   --equipe-arrow-color, --equipe-arrow-bg,
   --equipe-dot, --equipe-dot-active,
   --equipe-radius, --equipe-w, --equipe-h, --equipe-gap,
   --equipe-grid-cols-desktop, --equipe-grid-cols-tablet, --equipe-grid-cols-mobile
*/

.equipe-empty{padding:14px;border:1px dashed #d1d5db;border-radius:12px;background:#fff;color:#111827}

/* Wrapper comum */
.equipe-card-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;font-family:var(--equipe-font,inherit)}

/* Card (foto) */
.equipe-card{width:var(--equipe-w,220px);height:var(--equipe-h,220px);background:var(--equipe-bg,#fff);box-shadow:var(--equipe-shadow,0 10px 24px rgba(0,0,0,.12));border:var(--equipe-border-width,6px) solid var(--equipe-border,#ff8a00);overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate}
.equipe-card img{width:100%;height:100%;object-fit:cover;display:block}
.equipe-card--circle{border-radius:999px}
.equipe-card--rounded{border-radius:var(--equipe-radius,28px)}

/* Nome */
.equipe-name-out{display:inline-flex;align-items:center;justify-content:center;text-align:center;
  color:var(--equipe-name-color,#111827);
  background:var(--equipe-name-bg,transparent);
  border-radius:var(--equipe-name-radius,999px);
  font-size:var(--equipe-name-size,15px);
  font-weight:var(--equipe-name-weight,700);
  padding:calc(var(--equipe-name-padding-y,10px)) calc(var(--equipe-name-padding-x,14px));
  line-height:1.1;
}

/* Instagram */
.equipe-ig{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:var(--equipe-ig-bg,#fff);
  color:var(--equipe-ig-icon,#111827);
  border:2px solid var(--equipe-ig-color,var(--equipe-border,#ff8a00));
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.equipe-ig svg{fill:currentColor}

/* ----------------- CARROSSEL (Swiper) ----------------- */
.equipe-swiper{width:100%}
.equipe-swiper .swiper-wrapper{align-items:stretch}
.equipe-swiper .swiper-slide{display:flex;justify-content:center}

.equipe-swiper .swiper-button-prev,
.equipe-swiper .swiper-button-next{width:44px;height:44px;border-radius:999px;background:var(--equipe-arrow-bg,#fff);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.equipe-swiper .swiper-button-prev:after,
.equipe-swiper .swiper-button-next:after{font-size:18px;color:var(--equipe-arrow-color,#111827);font-weight:900}

.equipe-swiper .swiper-pagination-bullet{background:var(--equipe-dot,#cfd3d8);opacity:1}
.equipe-swiper .swiper-pagination-bullet-active{background:var(--equipe-dot-active,var(--equipe-border,#ff8a00))}

/* ----------------- GRID ----------------- */
.equipe-grid{display:grid;grid-template-columns:repeat(var(--equipe-grid-cols-desktop,4),minmax(0,1fr));gap:var(--equipe-gap,24px);
  width:100%;align-items:start}
.equipe-grid__item{display:flex;justify-content:center}

@media (max-width: 1024px){
  .equipe-grid{grid-template-columns:repeat(var(--equipe-grid-cols-tablet,2),minmax(0,1fr))}
}
@media (max-width: 640px){
  .equipe-grid{grid-template-columns:repeat(var(--equipe-grid-cols-mobile,1),minmax(0,1fr))}
}