/* ===== Instagram =====
   Feira Regional da Beleza — adicionado 2026-10-15
   O feed entra dentro de #igFeed. Enquanto nao houver widget,
   o convite (.igConvite) aparece no lugar.
   Arquivo isolado: remover o <link> e a <section id="instagram"> desfaz tudo. */

#instagram{
  position:relative;
  background:linear-gradient(160deg,#5a0e2a,#3a0418);
  padding:74px 0 82px;
  overflow:hidden;
}
#instagram::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(520px 300px at 85% 8%, rgba(227,185,107,.16), transparent 66%),
    radial-gradient(420px 280px at 6% 94%, rgba(144,24,62,.45), transparent 68%);
  pointer-events:none;
}
.igWrap{ position:relative; max-width:1180px; margin:0 auto; padding:0 20px; }

.igHead{ text-align:center; margin-bottom:34px; }
.igKicker{
  display:inline-block;
  font-size:11px; font-weight:800; letter-spacing:.22em; text-transform:uppercase;
  color:#e3b96b; margin-bottom:10px;
}
.igKicker::before,.igKicker::after{ content:"—"; margin:0 10px; opacity:.55; }
.igHead h2{
  margin:0 0 10px;
  font-size:clamp(26px,4vw,38px); font-weight:800; line-height:1.15; color:#fff;
}
.igHead p{
  margin:0 auto; max-width:60ch;
  font-size:14.5px; line-height:1.7; color:rgba(255,255,255,.70);
}

/* onde o feed entra */
#igFeed{ margin:34px 0 30px; }
#igFeed:empty{ display:none; }

/* convite exibido enquanto nao ha feed */
.igConvite{
  display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap;
  margin:34px 0 30px; padding:34px 30px;
  border-radius:20px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(227,185,107,.26);
}
.igConvite .igAt{
  font-size:clamp(18px,2.6vw,24px); font-weight:800; color:#fff; letter-spacing:-.01em;
}
.igConvite .igSub{
  margin-top:4px; font-size:13px; color:rgba(255,255,255,.62);
}

.igBtn{
  display:inline-flex; align-items:center; gap:10px;
  padding:16px 30px; border-radius:10px;
  font-family:inherit; font-size:14px; font-weight:800; line-height:1;
  letter-spacing:.7px; text-transform:uppercase;
  color:#3a1020; text-decoration:none;
  background:linear-gradient(135deg,#e8c278,#c9933a);
  box-shadow:0 10px 26px rgba(201,147,58,.34);
  transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s ease, filter .25s ease;
}
.igBtn:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(201,147,58,.46); filter:brightness(1.05); }
.igBtn:active{ transform:translateY(0); }
.igBtn:focus-visible{ outline:2px solid #e8c278; outline-offset:3px; }
.igBtn svg{ width:18px; height:18px; flex:0 0 auto; }

@media (max-width:640px){
  #instagram{ padding:58px 0 64px; }
  .igConvite{ padding:28px 22px; gap:20px; }
  .igBtn{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){ .igBtn{ transition:none; } }