#instagram #igFeed{#instagram #igFeed .igReel iframe{top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;width:248px !important;height:441px !important} #instagram #igFeed .igReel iframe[src]{top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;width:248px !important;height:441px !important;border-radius:12px !important} display:flex !important;grid-template-columns:none !important;gap:40px !important;overflow-x:auto;scroll-snap-type:x mandatory;padding:14px 16px 26px !important;margin:34px 0 10px !important;max-width:none !important} #instagram #igFeed .igReel{flex:0 0 248px !important;width:248px !important;height:500px !important;aspect-ratio:auto !important;position:relative;overflow:visible !important;background:transparent !important;border:0 !important;border-radius:14px !important;box-shadow:0 0 0 10px rgba(255,255,255,.06),0 0 0 11px rgba(227,185,107,.28),0 18px 40px rgba(0,0,0,.36) !important;scroll-snap-align:start} #instagram #igFeed .igReel:hover{transform:translateY(-6px);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 11px rgba(227,185,107,.55),0 26px 54px rgba(0,0,0,.46) !important} #instagram #igFeed .igReel iframe{position:absolute;inset:0 0 59px 0 !important;width:auto !important;height:auto !important;border-radius:12px;display:block} #instagram #igFeed .igReel::after{content:"Expositor confirmado";position:absolute;left:2px;right:2px;bottom:28px;font-size:15.5px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.01em} #instagram #igFeed .igReel::before{content:"34a Feira Regional da Beleza";position:absolute;left:2px;right:2px;bottom:7px;padding-left:17px;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.62);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3b96b' stroke-width='2'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>") left center/13px 13px no-repeat} @media (max-width:560px){#instagram #igFeed{gap:34px !important;padding:14px 14px 24px !important}} /* ===== Instagram: grade de reels + aba flutuante =====
   Feira Regional da Beleza — adicionado 2026-10-15 */

/* ---------- grade dos 4 ultimos videos ---------- */
#igFeed{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:34px 0 30px;
}
#igFeed .igReel{
  position:relative;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  border:1px solid rgba(227,185,107,.22);
  box-shadow:0 14px 36px rgba(0,0,0,.34);
  aspect-ratio:9/16;
  transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}
#igFeed .igReel:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 48px rgba(0,0,0,.46);
}
#igFeed .igReel iframe{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0; display:block;
}
@media (max-width:1100px){
  #igFeed{ grid-template-columns:repeat(2,1fr); gap:16px; }
}
@media (max-width:560px){
  #igFeed{ grid-template-columns:1fr; gap:14px; max-width:340px; margin-inline:auto; }
#igFeed{padding:14px 16px 22px;gap:40px}
#igFeed .igReel{flex:0 0 248px;width:248px;height:500px;aspect-ratio:auto;position:relative;overflow:visible;background:transparent;border:0;border-radius:14px;box-shadow:0 0#igFeed{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin:34px 0 30px; } #igFeed .igReel{ position:relative; border-radius:16px; overflow:hidden; background:#000; border:1px solid rgba(227,185,107,.22); box-shadow:0 14px 36px rgba(0,0,0,.34); aspect-ratio:9/16; transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease; } #igFeed .igReel:hover{ transform:translateY(-4px); box-shadow:0 22px 48px rgba(0,0,0,.46); } #igFeed .igReel iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; } @media (max-width:1100px){ #igFeed{ grid-template-columns:repeat(2,1fr); gap:16px; } } @media (max-width:560px){ #igFeed{ grid-template-columns:1fr; gap:14px; max-width:340px; margin-inline:auto; } } #igFab{ position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:9996; display:flex; align-items:center; gap:9px; padding:16px 11px; border:0; border-left:0; border-radius:0 12px 12px 0; background:linear-gradient(160deg,#5a0e2a,#3a0418); box-shadow:0 10px 30px rgba(0,0,0,.38), inset 0 0 0 1px rgba(227,185,107,.34); color:#fff; text-decoration:none; cursor:pointer; font-family:inherit; font-size:11.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; writing-mode:vertical-rl; transition:padding-left .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease; } #igFab svg{ width:19px; height:19px; writing-mode:horizontal-tb; color:#e3b96b; flex:0 0 auto; } #igFab:hover{ padding-left:17px; box-shadow:0 14px 38px rgba(0,0,0,.46), inset 0 0 0 1px rgba(227,185,107,.6); } #igFab:focus-visible{ outline:2px solid #e8c278; outline-offset:3px; } @media (max-width:860px){ #igFab{ top:auto; bottom:22px; left:22px; transform:none; writing-mode:horizontal-tb; width:54px; height:54px; padding:0; border-radius:50%; justify-content:center; font-size:0; letter-spacing:0; } #igFab svg{ width:24px; height:24px; } #igFab:hover{ padding-left:0; } } @media (prefers-reduced-motion: reduce){ #igFab, #igFeed .igReel{ transition:none; } } #igFeed{display:flex;grid-template-columns:none;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:14px 16px 26px;margin:34px 0 10px;max-width:none;scrollbar-width:thin;scrollbar-color:rgba(227,185,107,.45) transparent} #igFeed::-webkit-scrollbar{height:6px} #igFeed::-webkit-scrollbar-thumb{background:rgba(227,185,107,.42);border-radius:99px} #igFeed .igReel{flex:0 0 248px;width:248px;height:500px;aspect-ratio:auto;position:relative;overflow:visible;background:transparent;border:0;border-radius:14px;box-shadow:0 0 0 10px rgba(255,255,255,.06),0 0 0 11px rgba(227,185,107,.28),0 18px 40px rgba(0,0,0,.36);scroll-snap-align:start;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease} #igFeed .igReel:hover{transform:translateY(-6px);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 11px rgba(227,185,107,.55),0 26px 54px rgba(0,0,0,.46)} #igFeed .igReel iframe{position:absolute;inset:0 0 59px 0;width:auto;height:auto;border-radius:12px;display:block} #igFeed .igReel::after{content:"Expositor confirmado";position:absolute;left:2px;right:2px;bottom:28px;font-size:15.5px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.01em} #igFeed .igReel::before{content:"34a Feira Regional da Beleza";position:absolute;left:2px;right:2px;bottom:7px;padding-left:17px;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.62);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3b96b' stroke-width='2'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>") left center/13px 13px no-repeat} @media (max-width:560px){#igFeed{gap:34px;max-width:none;margin:30px 0 8px;padding:14px 14px 24px}} 0 10px rgba(255,255,255,.06),0 0 0 11px rgba(227,185,107,.28),0 18px 40px rgba(0,0,0,.36);scroll-snap-align:start}
#igFeed .igReel:hover{transform:translateY(-6px);box-shadow:0 0 0 10px rgba(255,255,255,.08),0 0 0 11px rgba(227,185,107,.55),0 26px 54px rgba(0,0,0,.46)}
#igFeed .igReel iframe{inset:0 0 59px 0 !important;width:auto !important;height:auto !important;border-radius:12px}
#igFeed .igReel::after{content:"Expositor confirmado";position:absolute;left:2px;right:2px;bottom:28px;font-size:15.5px;font-weight:800;line-height:1.2;color:#fff;letter-spacing:-.01em}
#igFeed .igReel::before{content:"34a Feira Regional da Beleza";position:absolute;left:2px;right:2px;bottom:7px;padding-left:17px;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.62);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3b96b' stroke-width='2'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>") left center/13px 13px no-repeat}

}/* cards em moldura 2026-10-15 */ #instagram .igRail{position:relative;margin:34px 0 26px} #instagram .igRail::before,#instagram .igRail::after{content:"";position:absolute;top:0;bottom:0;width:46px;pointer-events:none;z-index:3} #instagram .igRail::before{left:-2px;background:linear-gradient(90deg,rgba(58,4,24,.92),transparent)} #instagram .igRail::after{right:-2px;background:linear-gradient(270deg,rgba(58,4,24,.92),transparent)} #igFeed{display:flex !important;grid-template-columns:none !important;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 16px;margin:0;max-width:none;scrollbar-width:thin;scrollbar-color:rgba(227,185,107,.45) transparent} #igFeed::-webkit-scrollbar{height:6px} #igFeed::-webkit-scrollbar-track{background:transparent} #igFeed::-webkit-scrollbar-thumb{background:rgba(227,185,107,.42);border-radius:99px} #igFeed .igCard{flex:0 0 clamp(228px,24%,268px);scroll-snap-align:start;display:flex;flex-direction:column;padding:10px 10px 14px;border-radius:20px;background:linear-gradient(170deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border:1px solid rgba(227,185,107,.26);box-shadow:0 16px 38px rgba(0,0,0,.34);transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-color .32s ease} #igFeed .igCard:hover{transform:translateY(-6px);border-color:rgba(227,185,107,.55);box-shadow:0 26px 54px rgba(0,0,0,.46)} #igFeed .igCard .igReel{border:0;border-radius:14px;box-shadow:none;transform:none;aspect-ratio:9/16} #igFeed .igCard:hover .igReel{transform:none;box-shadow:none} #igFeed .igMeta{padding:13px 6px 2px} #igFeed .igTitle{margin:0;font-size:16px;font-weight:800;line-height:1.25;color:#fff;letter-spacing:-.01em} #igFeed .igCat{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.62)} #igFeed .igCat svg{width:13px;height:13px;flex:0 0 auto;color:#e3b96b} @media (max-width:900px){#igFeed .igCard{flex-basis:clamp(210px,62vw,250px)}} @media (max-width:560px){#instagram .igRail::before,#instagram .igRail::after{width:24px} #igFeed{gap:14px;max-width:none;margin:0}} @media (prefers-reduced-motion:reduce){#igFeed .igCard{transition:none} #igFeed{scroll-behavior:auto}}/*x*/

/* ---------- aba flutuante ---------- */
#igFab{
  position:fixed;
  left:0; top:50%;
  transform:translateY(-50%);
  z-index:9996;
  display:flex; align-items:center; gap:9px;
  padding:16px 11px;
  border:0; border-left:0;
  border-radius:0 12px 12px 0;
  background:linear-gradient(160deg,#5a0e2a,#3a0418);
  box-shadow:0 10px 30px rgba(0,0,0,.38), inset 0 0 0 1px rgba(227,185,107,.34);
  color:#fff; text-decoration:none; cursor:pointer;
  font-family:inherit; font-size:11.5px; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase;
  writing-mode:vertical-rl;
  transition:padding-left .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
}
#igFab svg{
  width:19px; height:19px;
  writing-mode:horizontal-tb;
  color:#e3b96b;
  flex:0 0 auto;
}
#igFab:hover{
  padding-left:17px;
  box-shadow:0 14px 38px rgba(0,0,0,.46), inset 0 0 0 1px rgba(227,185,107,.6);
}
#igFab:focus-visible{ outline:2px solid #e8c278; outline-offset:3px; }

/* no celular vira botao redondo no canto inferior esquerdo,
   para nao esbarrar no botao do WhatsApp (canto direito) */
@media (max-width:860px){
  #igFab{
    top:auto; bottom:22px; left:22px;
    transform:none;
    writing-mode:horizontal-tb;
    width:54px; height:54px;
    padding:0; border-radius:50%;
    justify-content:center;
    font-size:0; letter-spacing:0;
  }
  #igFab svg{ width:24px; height:24px; }
  #igFab:hover{ padding-left:0; }
}
@media (prefers-reduced-motion: reduce){
  #igFab, #igFeed .igReel{ transition:none; }
}