/* ============================================================
   TUTAR Instagram — estilos de la grilla de posts
   Coherentes con la web tutar.uy (crema + coral, Abril Fatface / Livvic)
   ============================================================ */

.tutar-ig-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
  max-width:1100px;
  margin:0 auto;
}

.tutar-ig-card{
  display:flex;
  flex-direction:column;
  background:#FFFDF7;
  border:1px solid #E7DBC4;
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:#2B2320;
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s;
}
.tutar-ig-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px -20px rgba(60,35,20,.45);
}

.tutar-ig-imgwrap{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  background:#F2ECDC;
}
.tutar-ig-imgwrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease;
}
.tutar-ig-card:hover .tutar-ig-imgwrap img{ transform:scale(1.07); }

.tutar-ig-play{
  position:absolute;
  top:12px;right:12px;
  width:34px;height:34px;
  display:grid;place-items:center;
  background:rgba(0,0,0,.55);
  color:#fff;
  border-radius:50%;
  font-size:13px;
}

.tutar-ig-body{ padding:16px 18px 18px; }
.tutar-ig-caption{
  font-family:'Livvic',system-ui,sans-serif;
  font-size:.95rem;
  line-height:1.5;
  color:#5A4F47;
  margin:0 0 12px;
}
.tutar-ig-link{
  font-family:'Livvic',system-ui,sans-serif;
  font-weight:600;
  font-size:.9rem;
  color:#B8472A;
}

/* Aviso solo para admin cuando algo falta. */
.tutar-ig-admin-note{
  background:#FFF4E5;
  border:1px dashed #E0A93B;
  color:#7a5b1a;
  padding:14px 18px;
  border-radius:10px;
  font-family:system-ui,sans-serif;
  font-size:.92rem;
  max-width:700px;
  margin:0 auto;
}

@media(max-width:600px){
  .tutar-ig-grid{ grid-template-columns:1fr; }
}