.instagram-showcase { overflow-x:clip; color:#171715; background:#f7f6f2; }
.instagram-showcase.section-space { padding-block:clamp(3rem,4vw,4rem); }
.instagram-showcase__header { display:grid; width:min(calc(100% - 2rem),82rem); max-width:82rem; grid-template-columns:minmax(0,1fr) minmax(16rem,.75fr); gap:2.5rem; align-items:end; }
.instagram-showcase__header .eyebrow { margin:0 0 .55rem; font-size:.68rem; letter-spacing:.12em; }
.instagram-showcase__header h2 { max-width:none; margin:0; font-size:clamp(1.75rem,2.4vw,2.5rem); line-height:1.18; letter-spacing:-.025em; }
.instagram-showcase__intro { max-width:30rem; }
.instagram-showcase__intro p { margin:0; color:#68645d; font-size:.9375rem; line-height:1.6; }
.studio-carousel { width:min(calc(100% - 2rem),82rem); max-width:82rem; margin:1.5rem auto 0; }
.studio-instagram-shell { position:relative; isolation:isolate; max-width:100%; padding:1px; border-radius:1.45rem; background:linear-gradient(125deg,#f2b45c,#e44877 34%,#a43db1 66%,#5866cf); box-shadow:0 1.8rem 4.5rem rgba(44,34,31,.14); }
.studio-instagram-shell::before { content:""; position:absolute; z-index:-1; inset:-.5rem; border-radius:1.9rem; background:inherit; filter:blur(1.8rem); opacity:.13; pointer-events:none; }
.studio-instagram-shell__bar { display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:.75rem; min-height:4.3rem; padding:.68rem 1rem; border-radius:1.35rem 1.35rem 0 0; background:#fff; }
.studio-instagram-shell__icon { position:relative; display:block; width:2.15rem; height:2.15rem; border-radius:.72rem; background:radial-gradient(circle at 70% 28%,#fff 0 5%,transparent 6%),radial-gradient(circle at 50% 52%,transparent 0 20%,#fff 21% 27%,transparent 28%),linear-gradient(145deg,#7654c8 6%,#d83c91 42%,#ef6548 70%,#f5c963); }
.studio-instagram-shell__icon::after { content:""; position:absolute; inset:.38rem; border:2px solid #fff; border-radius:.46rem; }
.studio-instagram-shell__identity { display:flex; min-width:0; flex-direction:column; line-height:1.1; }
.studio-instagram-shell__identity strong { font-size:.8rem; letter-spacing:.02em; }
.studio-instagram-shell__identity strong i { display:inline-grid; width:.86rem; height:.86rem; place-items:center; border-radius:50%; color:#fff; background:#4b8ee8; font-size:.58rem; font-style:normal; }
.studio-instagram-shell__identity small { margin-top:.27rem; overflow:hidden; color:#77736c; font-size:.65rem; text-overflow:ellipsis; white-space:nowrap; }
.studio-instagram-shell__live { display:inline-flex; align-items:center; gap:.42rem; padding:.45rem .68rem; border:1px solid #ddd9d2; border-radius:999px; color:#5f5b54; font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.studio-instagram-shell__live i { width:.42rem; height:.42rem; border-radius:50%; background:#d94985; box-shadow:0 0 .6rem rgba(217,73,133,.45); }
.studio-instagram-shell__menu { color:#6d6962; font-size:.8rem; letter-spacing:.12em; }
.studio-carousel__stage { height:clamp(33rem,49vw,40rem); overflow:hidden; background:#fff; }
.studio-slide { display:grid; width:100%; min-width:0; height:100%; grid-template-columns:minmax(0,1.35fr) minmax(19rem,.85fr); overflow:hidden; animation:studio-arrive .58s cubic-bezier(.2,.7,.2,1); }
.studio-slide__media { position:relative; min-width:0; height:100%; margin:0; overflow:hidden; background:#eceae5; }
.studio-slide__media-open { display:block; width:100%; height:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.studio-slide__media img { display:block; width:100%; height:100%; object-fit:cover; animation:studio-breathe 10s ease-out both; }
.studio-slide__album { position:absolute; top:1rem; right:1rem; width:2.35rem; height:2.35rem; filter:drop-shadow(0 .18rem .3rem rgba(0,0,0,.35)); }
.studio-slide__album i { position:absolute; width:1.55rem; height:1.55rem; border:2px solid #fff; border-radius:.28rem; background:rgba(20,20,18,.28); }
.studio-slide__album i:first-child { top:.12rem; right:.12rem; }
.studio-slide__album i:last-child { right:.52rem; bottom:.12rem; background:rgba(20,20,18,.52); }
.studio-slide__video { position:absolute; top:1rem; right:1rem; display:grid; width:2.35rem; height:2.35rem; place-items:center; border:1px solid rgba(255,255,255,.78); border-radius:50%; color:#fff; background:rgba(20,20,18,.48); font-size:.72rem; }
.studio-slide__media figcaption { position:absolute; right:1.1rem; bottom:1rem; left:1.1rem; display:flex; justify-content:space-between; color:#fff; font-size:.62rem; font-weight:650; letter-spacing:.12em; text-shadow:0 1px 5px rgba(0,0,0,.55); text-transform:uppercase; }
.studio-slide__post { display:flex; min-width:0; height:100%; flex-direction:column; color:#171715; background:#fff; }
.studio-slide__author { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.7rem; padding:.85rem 1rem; border-bottom:1px solid #eceae5; }
.studio-slide__avatar { display:grid; width:2.6rem; height:2.6rem; place-items:center; padding:2px; border-radius:50%; background:linear-gradient(135deg,#f3bc55,#dc408b 52%,#6a55b2); }
.studio-slide__avatar .studio-instagram-shell__icon { width:100%; height:100%; border:3px solid #fff; border-radius:50%; }
.studio-slide__author p { display:flex; min-width:0; flex-direction:column; margin:0; }
.studio-slide__author strong { font-size:.72rem; }
.studio-slide__author small { margin-top:.18rem; color:#77736c; font-size:.62rem; }
.studio-slide__author > span:last-child { color:#77736c; font-size:.7rem; letter-spacing:.08em; }
.studio-slide__caption { flex:1; overflow:auto; padding:1.15rem 1rem .75rem; scrollbar-width:thin; scrollbar-color:#d4d0c8 transparent; }
.studio-slide__caption p { margin:0; color:#38352f; font-size:.76rem; line-height:1.65; white-space:pre-line; overflow-wrap:anywhere; }
.studio-slide__caption strong { margin-right:.28rem; color:#171715; }
.studio-slide__engagement { display:flex; flex-direction:column; gap:.42rem; padding:.7rem 1rem; border-top:1px solid #eceae5; }
.studio-slide__icons { display:flex; gap:.85rem; margin-bottom:.15rem; }
.studio-slide__icons svg { width:1.35rem; height:1.35rem; fill:none; stroke:#171715; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.studio-slide__icons .studio-slide__save { margin-left:auto; }
.studio-slide__engagement strong { font-size:.68rem; }
.studio-slide__engagement > span { color:#8a867e; font-size:.59rem; letter-spacing:.08em; text-transform:uppercase; }
.studio-slide__actions { display:grid; grid-template-columns:1fr auto; align-items:center; gap:.75rem; padding:.85rem 1rem 1rem; border-top:1px solid #eceae5; }
.studio-slide__actions a { font-size:.62rem; font-weight:700; letter-spacing:.06em; }
.studio-slide__whatsapp { padding:.72rem .8rem; border-radius:.45rem; color:#fff; background:#171715; text-align:center; text-transform:uppercase; }
.studio-slide__instagram { color:#277dcc; white-space:nowrap; }
.studio-carousel__footer { display:grid; grid-template-columns:6rem 1fr auto; align-items:center; gap:1.25rem; min-height:5.6rem; padding:0 1rem; border-radius:0 0 1.35rem 1.35rem; background:#fff; }
.studio-carousel__index { display:flex; align-items:center; gap:.55rem; color:#171715; font-size:.67rem; letter-spacing:.12em; }
.studio-carousel__index i { width:1.45rem; height:1px; background:#aaa59d; }
.studio-carousel__index span:last-child { color:#98938a; }
.studio-carousel__thumbnails { display:flex; align-items:center; gap:.48rem; min-width:0; overflow:auto; scrollbar-width:none; }
.studio-thumbnail { width:3rem; height:3rem; flex:0 0 auto; overflow:hidden; padding:0; border:2px solid transparent; border-radius:.28rem; background:#eceae5; cursor:pointer; opacity:.48; transition:.22s ease; }
.studio-thumbnail img { width:100%; height:100%; object-fit:cover; }
.studio-thumbnail:hover,.studio-thumbnail:focus-visible,.studio-thumbnail.is-active { border-color:#d94b89; opacity:1; transform:translateY(-.12rem); }
.studio-carousel__controls { display:flex; gap:.5rem; }
.instagram-feed__control { display:grid; width:2.45rem; height:2.45rem; place-items:center; border:1px solid #c9c5bd; border-radius:50%; color:#171715; background:#fff; cursor:pointer; transition:.2s ease; }
.instagram-feed__control:hover,.instagram-feed__control:focus-visible { color:#fff; background:#171715; }
.instagram-gallery[hidden] { display:none; }
.instagram-gallery { position:fixed; z-index:320; inset:0; display:grid; place-items:center; padding:1.25rem; }
.instagram-gallery__backdrop { position:absolute; inset:0; background:rgba(12,12,11,.82); backdrop-filter:blur(10px); }
.instagram-gallery__dialog { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr); width:min(100%,76rem); height:min(88vh,47rem); overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:.35rem; background:#fff; box-shadow:0 2rem 6rem rgba(0,0,0,.48); }
.instagram-gallery__close { position:absolute; z-index:5; top:.8rem; right:.8rem; display:grid; width:2.5rem; height:2.5rem; place-items:center; padding:0; border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff; background:rgba(15,15,14,.62); cursor:pointer; font-size:1.5rem; }
.instagram-gallery__media { position:relative; display:grid; min-width:0; place-items:center; overflow:hidden; background:#11110f; }
.instagram-gallery__viewport { width:100%; height:100%; }
.instagram-gallery__viewport img,.instagram-gallery__viewport video { display:block; width:100%; height:100%; object-fit:contain; background:#11110f; }
.instagram-gallery__step { position:absolute; z-index:2; top:50%; display:grid; width:2.65rem; height:2.65rem; place-items:center; padding:0; border:0; border-radius:50%; color:#171715; background:rgba(255,255,255,.88); cursor:pointer; transform:translateY(-50%); }
.instagram-gallery__step--previous { left:1rem; }
.instagram-gallery__step--next { right:1rem; }
.instagram-gallery__step:disabled { display:none; }
.instagram-gallery__position { position:absolute; z-index:2; top:1rem; left:50%; display:flex; gap:.35rem; transform:translateX(-50%); }
.instagram-gallery__position i { width:.38rem; height:.38rem; border-radius:50%; background:rgba(255,255,255,.48); }
.instagram-gallery__position i.is-active { background:#fff; }
.instagram-gallery__story { display:flex; min-width:0; flex-direction:column; padding-top:4rem; color:#171715; }
.instagram-gallery__author { display:flex; align-items:center; gap:.75rem; padding:0 1.25rem 1rem; border-bottom:1px solid #e8e5df; }
.instagram-gallery__author p { display:flex; flex-direction:column; margin:0; }
.instagram-gallery__author strong { font-size:.78rem; }
.instagram-gallery__author small { margin-top:.2rem; color:#7b766e; font-size:.62rem; }
.instagram-gallery__story > p { flex:1; overflow:auto; margin:0; padding:1.3rem 1.25rem; color:#37342f; font-size:.78rem; line-height:1.7; white-space:pre-line; }
.instagram-gallery__footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.25rem; border-top:1px solid #e8e5df; font-size:.64rem; }
.instagram-gallery__footer span { color:#8b867d; letter-spacing:.08em; text-transform:uppercase; }
.instagram-gallery__footer a { color:#277dcc; }
body.instagram-gallery-open { overflow:hidden; }
@keyframes studio-arrive { from { opacity:0; transform:translateY(.6rem); } to { opacity:1; transform:none; } }
@keyframes studio-breathe { from { transform:scale(1.025); } to { transform:scale(1); } }
@media(max-width:64rem) and (min-width:48.01rem) { .studio-carousel { width:min(calc(100% - 2rem),58rem); } .studio-carousel__stage { height:32rem; } .studio-slide { grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr); } }
@media(max-width:48rem) {
 .instagram-showcase__header { width:calc(100% - 1.25rem); grid-template-columns:1fr; gap:.75rem; }
 .studio-carousel { width:calc(100% - 1.25rem); }
 .studio-instagram-shell { border-radius:1.05rem; }
 .studio-instagram-shell__bar { grid-template-columns:auto 1fr auto; min-height:3.9rem; padding:.55rem .72rem; border-radius:1rem 1rem 0 0; }
 .studio-instagram-shell__live { display:none; }
 .studio-carousel__stage { height:auto; }
 .studio-slide { display:block; height:auto; }
 .studio-slide__media { height:min(88vw,31rem); }
 .studio-slide__post { height:auto; }
 .studio-slide__caption { max-height:14rem; }
 .studio-slide__actions { grid-template-columns:1fr; }
 .studio-slide__instagram { text-align:center; }
 .studio-carousel__footer { grid-template-columns:auto 1fr; gap:.8rem; min-height:5.2rem; padding:.55rem .75rem; border-radius:0 0 1rem 1rem; }
 .studio-carousel__thumbnails { order:3; grid-column:1 / -1; padding-bottom:.35rem; }
 .studio-carousel__controls { justify-self:end; }
 .instagram-gallery { padding:.5rem; }
 .instagram-gallery__dialog { display:block; height:min(92vh,48rem); overflow:auto; }
 .instagram-gallery__media { height:min(62vh,31rem); }
 .instagram-gallery__story { min-height:18rem; padding-top:1rem; }
 .instagram-gallery__story > p { max-height:12rem; }
 .instagram-gallery__close { top:.9rem; right:.9rem; }
}
@media(prefers-reduced-motion:reduce) { .studio-slide,.studio-slide__media img { animation:none; } }
