/* instagram — mesmo formato da Cheiro de Flor, nas cores da Anne */
.insta{padding:calc(var(--u)*110) 0 calc(var(--u)*90);background:var(--verde-2);color:#F5EDE2;overflow:hidden}
.insta__grade{display:grid;grid-template-columns:calc(var(--u)*380) 1fr;gap:calc(var(--u)*70);padding:0 calc(var(--u)*92);align-items:start;max-width:calc(var(--u)*1440);margin:0 auto}
.insta__perfil{position:sticky;top:calc(var(--topo) + var(--u)*30)}
.insta__avatar{display:inline-block;padding:calc(var(--u)*4);border-radius:50%;background:conic-gradient(from 200deg,#F2C46D,#E06A4B,#C1407A,#7A4BC4,#F2C46D);margin-bottom:calc(var(--u)*22);transition:transform .4s}
.insta__avatar:hover{transform:rotate(-6deg) scale(1.04)}
.insta__avatar img{display:block;width:calc(var(--u)*96);height:calc(var(--u)*96);border-radius:50%;object-fit:cover;border:calc(var(--u)*4) solid var(--verde-2)}
.insta .selo-linha--creme{color:#E9C9C2}.insta .selo-linha--creme::before{color:var(--rosa-2)}
.insta h2{font:500 calc(var(--u)*40)/1 var(--serif);color:#FBF6EE;margin:calc(var(--u)*12) 0 calc(var(--u)*16)}
.insta h2 em{display:block;font:400 calc(var(--u)*54)/1.15 var(--script);color:#E8B4AE}
.insta__arroba{display:inline-flex;align-items:center;gap:calc(var(--u)*8);font-size:calc(var(--u)*16);font-weight:600;color:#FBF6EE;text-decoration:none}
.insta__arroba svg,.insta__acoes svg{width:calc(var(--u)*18);height:calc(var(--u)*18);fill:none;stroke:currentColor;stroke-width:1.8}
.insta__numeros{display:flex;gap:calc(var(--u)*28);list-style:none;margin:calc(var(--u)*24) 0;padding:calc(var(--u)*20) 0;border-top:1px solid rgba(245,237,226,.14);border-bottom:1px solid rgba(245,237,226,.14)}
.insta__numeros b{display:block;font:500 calc(var(--u)*30)/1 var(--serif);color:#FBF6EE}
.insta__numeros small{font-size:calc(var(--u)*12);color:#B9C7BB}
.insta__bio{font-size:calc(var(--u)*15);line-height:1.6;color:#D3DDD4;margin:0 0 calc(var(--u)*26)}
.insta__acoes{display:flex;align-items:center;gap:calc(var(--u)*20)}
.insta__acoes .btn{height:calc(var(--u)*52);padding:0 calc(var(--u)*22);font-size:calc(var(--u)*14);gap:calc(var(--u)*10);background:#FCF8F1;color:var(--verde-2);border-color:transparent}
.insta__acoes .link{color:#E8B4AE;border-bottom-color:rgba(232,180,174,.6);font-size:calc(var(--u)*15);white-space:nowrap}
.insta__posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:calc(var(--u)*12)}
.insta__post{position:relative;display:block;aspect-ratio:1;border-radius:calc(var(--u)*14);overflow:hidden;background:#24402F}
.insta__post:first-child{grid-column:span 2;grid-row:span 2}
.insta__post img,.insta__mini img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.insta__post:hover img,.insta__mini:hover img{transform:scale(1.08)}
.insta__tipo{position:absolute;top:calc(var(--u)*10);right:calc(var(--u)*10);width:calc(var(--u)*26);height:calc(var(--u)*26);display:grid;place-items:center;color:#fff;filter:drop-shadow(0 1px calc(var(--u)*3) rgba(0,0,0,.5))}
.insta__tipo svg{width:calc(var(--u)*18);height:calc(var(--u)*18)}
.insta__sobre{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:calc(var(--u)*8);padding:calc(var(--u)*16);background:linear-gradient(180deg,transparent 30%,rgba(12,30,21,.88));opacity:0;transition:opacity .4s}
.insta__sobre span svg{width:calc(var(--u)*22);height:calc(var(--u)*22);fill:#fff;stroke:none;transform:scale(.6);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.insta__sobre small{font-size:calc(var(--u)*12);line-height:1.45;color:#F5EDE2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.insta__post:hover .insta__sobre,.insta__post:focus-visible .insta__sobre,.insta__mini:hover .insta__sobre{opacity:1}
.insta__post:hover .insta__sobre span svg,.insta__mini:hover .insta__sobre span svg{transform:scale(1)}
.insta__post:first-child .insta__sobre small{font-size:calc(var(--u)*14)}
.insta__fita{margin-top:calc(var(--u)*70);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.insta__trilho{display:flex;gap:calc(var(--u)*12);width:max-content;animation:insta-fita 60s linear infinite}
.insta__fita:hover .insta__trilho{animation-play-state:paused}
@keyframes insta-fita{to{transform:translateX(-50%)}}
.insta__mini{position:relative;display:block;flex:none;width:calc(var(--u)*210);height:calc(var(--u)*260);border-radius:calc(var(--u)*14);overflow:hidden;background:#24402F}
@media (prefers-reduced-motion:reduce){.insta__trilho{animation:none}.insta__fita{overflow-x:auto}}
/* tablet */
@media (max-width:999px){
  .insta__grade{grid-template-columns:1fr;padding:0 calc(var(--u)*30);gap:calc(var(--u)*40)}.insta__perfil{position:static}
}
/* celular */
@media (max-width:639px){
  .insta{padding:calc(var(--u)*70) 0 calc(var(--u)*60)}
  .insta__grade{padding:0 calc(var(--u)*20)}
  .insta h2{font-size:calc(var(--u)*34)}.insta h2 em{font-size:calc(var(--u)*44)}
  .insta__numeros{gap:calc(var(--u)*22)}.insta__numeros b{font-size:calc(var(--u)*26)}
  .insta__posts{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:calc(var(--u)*8)}
  .insta__post{border-radius:calc(var(--u)*8)}
  .insta__post:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:1}
  .insta__acoes{flex-direction:column;align-items:stretch}.insta__acoes .btn{justify-content:center}.insta__acoes .link{justify-content:center}
  .insta__fita{margin-top:calc(var(--u)*40)}
  .insta__mini{width:calc(var(--u)*150);height:calc(var(--u)*190)}
}
