/* Sección "Recién llegado a tus tiendas" (fotos de Instagram). Añadida el 07/10/2026.
   Para quitarla: borrar este archivo, su <link> en el <head> y el bloque <!-- RECIÉN LLEGADO --> del HTML. */
.live{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;letter-spacing:.04em;margin-bottom:18px;color:var(--ink-2)}
.live i{width:10px;height:10px;border-radius:50%;background:var(--coral);animation:ping 2s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,107,74,.55)}70%{box-shadow:0 0 0 7px rgba(255,107,74,0)}100%{box-shadow:0 0 0 0 rgba(255,107,74,0)}}
.feed-side{display:flex;flex-direction:column;gap:18px;align-items:flex-start;max-width:380px}
.feed-side p{color:var(--ink-2);line-height:1.6;font-size:17px}
.feed{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:290px;gap:18px}
.post{position:relative;border-radius:var(--r);overflow:hidden;background:#e9e4d6;isolation:isolate}
.post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.05) brightness(1.03);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.post::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,214,150,.10),rgba(255,180,120,.06));mix-blend-mode:soft-light;pointer-events:none}
.post:hover img{transform:scale(1.05)}
.post.f-wide{grid-column:1/3}
.post.f-tall{grid-row:span 2}
.post .cap{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;flex-direction:column;gap:2px;max-width:calc(100% - 28px);background:rgba(255,255,255,.94);border-radius:14px;padding:10px 14px;font-weight:600;font-size:15px;line-height:1.3;box-shadow:0 8px 24px rgba(0,0,0,.12);transition:transform .3s}
.post .cap small{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.post:hover .cap{transform:translateY(-4px)}
.post .ig{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;transition:background .3s}
.post .ig svg{width:18px;height:18px}
.post:hover .ig{background:var(--yellow)}
.btn.dark svg{width:18px;height:18px}
@media (max-width:1080px){.feed{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}}
@media (max-width:640px){
  .feed{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .feed::-webkit-scrollbar{display:none}
  .post{flex:0 0 76%;height:420px;scroll-snap-align:center}
  .post.rv{opacity:1;transform:none}
}
