/* The feed preview is illustrative; it does not imitate engagement metrics. */
.channel-demo:has(.meta-demo:not([hidden])){background:#e9ece7;padding:28px 28px 23px;min-height:0}
.meta-demo{--ad-accent:#28493e;width:100%;max-width:386px;margin:23px auto 0;border:1px solid #dfe3df;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 14px 36px #182b2710;color:#16191b;text-align:left;isolation:isolate;align-self:center}
.meta-demo[data-sector="servicos"]{--ad-accent:#5f482f}
.meta-demo[data-sector="saude"]{--ad-accent:#395950}
.social-head{height:66px;display:flex;align-items:center;gap:10px;padding:13px 15px;background:#fff}
.social-avatar-ring{display:grid;place-items:center;padding:2px;border:1px solid #cdd7d2;border-radius:50%;flex-shrink:0}
.social-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ad-accent);color:#fff;font-family:Georgia,serif;font-size:19px;font-weight:400}
.social-head .social-profile{min-width:0}
.social-head .social-profile strong{font-size:12px;font-weight:700;line-height:1.4;color:#16191b}
.social-head .social-profile small{font-size:9px;line-height:1.35;color:#74787c;margin-top:2px}
.social-profile small span{font-size:9px;color:#a4a7a9;margin-inline:3px}
.social-follow{color:#1675d1;font-weight:600;font-size:10px;white-space:nowrap;margin-left:auto}
.social-head .social-menu{margin-left:4px;font-size:15px;letter-spacing:1px;line-height:1;flex-shrink:0;color:#24282b}
.social-art{aspect-ratio:1/1;min-height:0;position:relative;overflow:hidden;padding:0;background:#354c42;color:#fff;isolation:isolate}
.social-art .social-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 45%;z-index:-3}
.meta-demo[data-sector="eventos"] .social-image{object-position:50% 41%}
.social-art::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#051c1a33 0%,transparent 29%,#061d1b19 43%,#071e1ac4 74%,#071c18f5 100%)}
.meta-demo[data-sector="servicos"] .social-art::before{background:linear-gradient(180deg,#2a1d122c,transparent 30%,#23170e13 42%,#20170cd4 78%,#191209f5)}
.social-art .social-category{position:absolute;top:21px;left:24px;font-size:8px;letter-spacing:1.5px;font-weight:600;text-shadow:0 1px 12px #0006}
.social-creative-copy{position:absolute;left:24px;right:24px;bottom:25px}
.social-creative-copy::before{content:"";display:block;height:2px;width:28px;background:#d8e6c8;margin-bottom:13px}
.social-art .social-creative-copy h4{font-family:Georgia,'Times New Roman',serif;font-size:36px;line-height:1.03;font-weight:400;letter-spacing:-1px;margin:0;white-space:pre-line;text-wrap:balance;color:#fff}
.social-art .social-creative-copy p{font-size:11px;line-height:1.5;color:#f0f3ee;margin-top:12px;max-width:270px;letter-spacing:.05px}
.social-cta{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e8f1ff;padding:11px 16px;color:#075bbc;font-size:11px;line-height:1.3;font-weight:600;border-bottom:1px solid #dae7f6}
.social-cta svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
.social-actions{display:flex;align-items:center;gap:15px;padding:13px 15px 0;color:#202326}
.social-actions svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.social-actions svg:last-child{margin-left:auto;height:21px;width:21px}
.social-caption{padding:11px 15px 16px;font-size:12px;line-height:1.6;color:#303639}
.social-caption strong{font-weight:700;color:#191d1f;margin-right:4px}
.channel-demo:has(.meta-demo:not([hidden])) .demo-note{font-size:8px;line-height:1.6;margin-top:18px;text-align:center;color:#747e78}
@media(min-width:681px) and (max-width:960px){
  .channel-panel:has(.meta-demo:not([hidden])){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:25px}
  .channel-demo:has(.meta-demo:not([hidden])){padding:23px 15px 19px}
  .social-head{padding-inline:11px;gap:7px}
  .social-head .social-profile strong{font-size:11px}
  .social-follow{font-size:9px}
  .social-creative-copy{left:19px;right:19px;bottom:20px}
  .social-art .social-category{left:19px;top:18px;font-size:7px;letter-spacing:1px}
  .social-art .social-creative-copy h4{font-size:30px}
  .social-art .social-creative-copy p{font-size:10px}
}
@media(max-width:680px){
  .channel-demo:has(.meta-demo:not([hidden])){padding:24px 12px 19px;margin-inline:-4px}
  .meta-demo{max-width:386px;margin-top:21px;border-radius:11px}
  .social-head{height:62px;padding-inline:12px;gap:8px}
  .social-head .social-profile strong{font-size:11px}
  .social-head .social-profile small{font-size:8px}
  .social-follow{font-size:9px}
  .social-avatar{width:29px;height:29px;font-size:17px}
  .social-creative-copy{left:22px;right:22px;bottom:22px}
  .social-art .social-category{left:22px;top:20px;font-size:7px;letter-spacing:1.2px}
  .social-art .social-creative-copy h4{font-size:clamp(30px,8.5vw,38px)}
  .social-art .social-creative-copy p{font-size:10px;margin-top:11px}
  .social-caption{font-size:11px;padding-bottom:14px;line-height:1.6}
  .social-actions svg{width:20px;height:20px}
}