/* ==========================================================================
   rebranding.css — Pack Rebranding (logo, feed, historias, publicaciones)
   ========================================================================== */
@keyframes mp-icon-wiggle{0%,100%{transform:scale(1.1) rotate(-6deg)}50%{transform:scale(1.18) rotate(5deg)}}
@keyframes mp-cta-pulse{0%,100%{box-shadow:0 0 0 0 rgba(19,69,178,.5)}50%{box-shadow:0 0 0 8px rgba(19,69,178,0)}}

.mini-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mini-pack{
  border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center;color:#1c1712;
  background:linear-gradient(165deg,#fffdf7 60%,#f3efe2 100%);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.mini-pack:hover{transform:translateY(-4px);box-shadow:0 18px 36px -14px rgba(19,69,178,.25)}
.mini-pack .mp-icon{
  width:58px;height:58px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;color:#fff;
  background:linear-gradient(135deg,var(--orange-soft),var(--blue-soft));
  box-shadow:0 10px 22px -6px rgba(19,69,178,.55);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.mini-pack .mp-icon svg{width:26px;height:26px}
.mini-pack:hover .mp-icon{transform:scale(1.1) rotate(-6deg);box-shadow:0 14px 30px -6px rgba(19,69,178,.7);animation:mp-icon-wiggle 1.1s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.mini-pack:hover .mp-icon{animation:none}}
.mini-pack h3{font-size:14.5px;margin-bottom:8px;min-height:38px}
.mini-pack .mp-desc{font-size:12.5px;color:#4a4238;line-height:1.5;margin-bottom:16px;min-height:56px}
.mini-pack .price{font-family:'Bricolage Grotesque',sans-serif;font-size:26px;font-weight:700;color:var(--orange-burnt);margin-bottom:16px}
.mini-pack .btn{width:100%;justify-content:center;font-size:13px;padding:11px}
.mp-cta{font-weight:700;box-shadow:0 10px 24px -8px rgba(19,69,178,.6);animation:mp-cta-pulse 2.4s ease-in-out infinite}
.mp-cta:hover{background:var(--blue-deep);transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px -6px rgba(19,69,178,.75)}
@media (prefers-reduced-motion:reduce){.mp-cta{animation:none}}
@media (max-width:900px){.mini-packs{grid-template-columns:1fr}}

/* ---- Qué toca la identidad de marca ---- */
.identity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.identity-item{border:1px solid var(--line);border-radius:14px;padding:22px 18px;text-align:center}
.identity-item svg{width:26px;height:26px;color:var(--orange-soft);margin:0 auto 12px}
.identity-item h4{font-size:14px;margin-bottom:6px}
.identity-item p{font-size:12.5px;color:var(--ink-soft);line-height:1.5}
@media (max-width:900px){.identity-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.identity-grid{grid-template-columns:1fr}}