/* Conoce a Capi (31-oct-2026): cuerpo completo de la mascota + galería de gestos. Prefijo .meet / .poses */

.meet { display: grid; grid-template-columns: minmax(280px, 440px) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; margin-bottom: 64px; }
.meet__stage { position: relative; display: flex; justify-content: center; align-items: flex-end; min-height: 540px; padding-top: 28px; border-radius: 28px; overflow: hidden;
  background: radial-gradient(ellipse at 50% 92%, rgba(124, 92, 240, .55), transparent 62%), radial-gradient(ellipse at 20% 10%, rgba(59, 110, 245, .22), transparent 55%), linear-gradient(180deg, #0f1226, #0a0d13);
  border: 1px solid var(--border-2); box-shadow: 0 40px 90px -40px rgba(0, 0, 0, .9); }
.meet__floor { position: absolute; left: 12%; right: 12%; bottom: 14px; height: 26px; border-radius: 50%; background: radial-gradient(closest-side, rgba(124, 92, 240, .55), transparent); filter: blur(6px); }
.meet__capi { position: relative; width: min(74%, 320px); height: auto; margin-bottom: 8px; filter: drop-shadow(0 26px 34px rgba(0, 0, 0, .55)); }
.meet__spark { position: absolute; top: 26px; right: 30px; display: flex; gap: 6px; transform: rotate(-12deg); }
.meet__spark i { display: block; width: 4px; height: 20px; border-radius: 3px; background: linear-gradient(180deg, #a5b0ff, #7c5cf0); }
.meet__spark i:nth-child(2) { height: 28px; } .meet__spark i:nth-child(3) { height: 16px; }
.meet__copy .lead { margin-top: 16px; font-size: 17px; }
.meet__tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 6px; }
.meet__tags span { padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--info-2); background: rgba(129, 140, 248, .1); border: 1px solid rgba(129, 140, 248, .3); }
.meet__where { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
.meet__where li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 14.5px; line-height: 1.5; color: var(--text-3); }
.meet__where li b { color: var(--text); }
.meet__where svg { margin-top: 2px; color: var(--eyebrow); }
.meet__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

@media (prefers-reduced-motion: no-preference) {
  .meet__capi { animation: meet-float 7s ease-in-out infinite; }
  @keyframes meet-float { 50% { transform: translateY(-8px); } }
}
@media (max-width: 860px) {
  .meet { grid-template-columns: 1fr; }
  .meet__stage { min-height: 420px; }
  .meet__capi { width: min(60%, 260px); }
}