/* =================================================================
   IATE CLUBE DE ITACURUÇÁ — Lojas & Serviços da Marina
   Template reutilizável de "bloco de parceiro" (clube.html).
   Reaproveita .ig-card, .ig-chip e .actbtn de css/styles.css e o
   carrossel de css/carousel.css. Depende das variáveis globais.
   ================================================================= */

.partners{display:flex;flex-direction:column;margin-top:6px}

.partner{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  max-width:860px;margin:0 auto;width:100%;
  padding:clamp(46px,6.5vw,80px) 0;
}
.partner + .partner{border-top:1px solid var(--sand)}

/* imagem de abertura (ex.: Bloco Conveniência) */
.partner__opening{
  width:100%;border-radius:20px;overflow:hidden;margin-bottom:32px;
  background:var(--navy-800);box-shadow:0 24px 50px rgba(8,24,38,.18);aspect-ratio:16/8;
}
.partner__opening img{width:100%;height:100%;object-fit:cover;display:block}

/* logo do parceiro */
.partner__logo{
  height:clamp(56px,6vw,76px);width:auto;max-width:240px;object-fit:contain;
  margin-bottom:22px;border-radius:12px;
}

.partner__eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--sans);font-weight:400;font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;
  color:var(--coral-deep);margin-bottom:14px;
}
.partner__eyebrow::before,.partner__eyebrow::after{content:"";width:28px;height:1px;background:var(--coral);opacity:.7}
.partner__title{
  font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3.6vw,2.9rem);
  line-height:1.05;color:var(--ink);margin-bottom:16px;
}
.partner__desc{color:var(--muted);font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75;max-width:60ch;margin:0 auto}

/* lista de serviços */
.partner__services{
  list-style:none;display:grid;gap:12px;text-align:left;
  margin:28px auto 0;max-width:620px;width:100%;
}
.partner__services li{
  position:relative;padding:15px 20px 15px 50px;
  background:#fff;border:1px solid var(--sand);border-radius:14px;
  color:var(--ink);font-size:.97rem;line-height:1.55;
  box-shadow:0 8px 22px rgba(12,35,53,.05);
}
.partner__services li::before{
  content:"";position:absolute;left:20px;top:1.35em;
  width:13px;height:13px;border-radius:50%;border:2px solid var(--coral);
}
.partner__services strong{font-weight:600;color:var(--ink)}

/* mídia (card de Instagram) e carrossel */
.partner__media{width:100%;max-width:460px;margin:32px auto 0}
.partner__wide{width:100%;margin:32px auto 0}

/* botões de ação */
.partner__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}

/* ---- card de Instagram clicável (overlay + ícone) — sobre .ig-card ---- */
.ig-card__media{position:relative}
.ig-card__badge{
  position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.22);
}
.ig-card__badge img{width:22px;height:22px;display:block}
.ig-card__open{
  position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  color:#fff;background:rgba(8,24,38,0);opacity:0;
  font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  transition:opacity .35s var(--ease),background .35s var(--ease);
}
.ig-card__open svg{width:40px;height:40px}
.ig-card:hover .ig-card__open,.ig-card:focus-visible .ig-card__open{opacity:1;background:rgba(8,24,38,.45)}
.ig-card:focus-visible{outline:3px solid var(--coral);outline-offset:3px}

/* fallback do leme se o print falhar */
.ig-card__media.is-empty{
  background-color:var(--navy-800);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.20' stroke-width='2'%3E%3Ccircle cx='50' cy='50' r='46'/%3E%3Ccircle cx='50' cy='50' r='20'/%3E%3Cg stroke-width='4'%3E%3Cline x1='50' y1='2' x2='50' y2='30'/%3E%3Cline x1='50' y1='70' x2='50' y2='98'/%3E%3Cline x1='2' y1='50' x2='30' y2='50'/%3E%3Cline x1='70' y1='50' x2='98' y2='50'/%3E%3Cline x1='15' y1='15' x2='35' y2='35'/%3E%3Cline x1='65' y1='65' x2='85' y2='85'/%3E%3Cline x1='85' y1='15' x2='65' y2='35'/%3E%3Cline x1='35' y1='65' x2='15' y2='85'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position:center;background-repeat:no-repeat;background-size:42%;
}
.ig-card__media.is-empty img{display:none}

@media (max-width:600px){
  .partner__opening{aspect-ratio:4/3}
}
@media (prefers-reduced-motion:reduce){
  .ig-card__open{transition:none}
}