/* Contenedor */
.huella-tarot {
  --bg1: #ffffff;
  --tx1: #0f172a;
  --tx2: #475569;
  --brand1: #4f46e5; /* indigo-600 */
  --brand2: #d946ef; /* fuchsia-600 */
  --border: #e5e7eb;
  --muted: #64748b;
  background: linear-gradient(180deg, #fafafa 0%, #fff 100%);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 28px;
}
.huella-tarot.is-dark {
  --bg1: #0b0f1a;
  --tx1: #e5e7eb;
  --tx2: #cbd5e1;
  --border: #1f2937;
  background: radial-gradient(60% 60% at 70% 30%, rgba(79,70,229,0.10), transparent),
              radial-gradient(60% 60% at 30% 70%, rgba(217,70,239,0.10), transparent),
              #0b0f1a;
}

/* Layout */
.huella-tarot__grid {
  display: grid;
  gap: 28px;
  grid-template-columns: 1.2fr 1fr;
}
@media (max-width: 980px) {
  .huella-tarot__grid { grid-template-columns: 1fr; }
}

/* Texto */
.huella-eyebrow { color: var(--brand1); font-weight: 600; font-size: 14px; }
.huella-title { font-size: 28px; font-weight: 700; color: var(--tx1); margin: 6px 0; }
.huella-subtitle { color: var(--tx2); line-height: 1.6; }
.huella-actions { margin-top: 16px; display: flex; gap: 10px; }
.huella-btn { padding: 10px 16px; border-radius: 12px; border: 1px solid var(--border); background: var(--bg1); color: var(--tx1); }
.huella-btn--primary { background: linear-gradient(90deg, var(--brand1), var(--brand2)); color:#fff; border:none; box-shadow: 0 8px 24px rgba(79,70,229,0.25); }

/* Carta */
.huella-tarot__cardwrap { display:flex; align-items:center; justify-content:center; position:relative; }
.huella-card { width: 260px; height: 390px; perspective: 1000px; position: relative; }
.huella-card__face { position:absolute; inset:0; border-radius: 18px; border: 1px solid var(--border); backface-visibility: hidden; overflow:hidden; }
.huella-card__face--back {
  background:
    radial-gradient(40% 60% at 0% 100%, rgba(79,70,229,0.15), transparent),
    radial-gradient(40% 60% at 100% 0%, rgba(217,70,239,0.15), transparent),
    #fff;
  display:flex; align-items:center; justify-content:center; color: var(--muted);
}
.huella-card__hint { font-size: 14px; padding: 0 16px; text-align:center; }
.huella-card__face--front { background:#fff; transform: rotateY(180deg); display:flex; flex-direction:column; padding: 18px; gap: 12px; }

.huella-card__image {
  flex: 1; border-radius: 14px; overflow: hidden; display:flex; align-items:center; justify-content:center;
  background: #f8fafc; border: 1px solid var(--border);
}
.huella-card__image img { width: 100%; height: 100%; object-fit: cover; }

.huella-card__meta { }
.huella-card__name { font-weight: 700; color: var(--tx1); }
.huella-card__kw { color: var(--tx2); font-size: 14px; }

/* Flip */
.huella-card[data-state="back"] .huella-card__face--back  { transform: rotateY(0); }
.huella-card[data-state="back"] .huella-card__face--front { transform: rotateY(180deg); }
.huella-card[data-state="front"] .huella-card__face--back  { transform: rotateY(180deg); }
.huella-card[data-state="front"] .huella-card__face--front { transform: rotateY(0); }
.huella-card .huella-card__face { transition: transform 0.6s ease; }

/* Efecto barajar */
.huella-shuffle {
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, rgba(79,70,229,0.85), rgba(217,70,239,0.85));
  color:#fff; font-weight:700; border-radius:18px; opacity:0; transform: scale(0.98);
  transition: opacity .2s ease, transform .2s ease; pointer-events:none;
}
.huella-shuffle.is-visible { opacity:1; transform: scale(1); }

/* Detalles */
.huella-card-details { margin-top: 18px; }
.huella-detail__title { font-size: 18px; font-weight: 700; color: var(--tx1); }
.huella-muted { color: var(--muted); font-weight: 600; }
.huella-detail__p { color: var(--tx2); margin: 8px 0; }
.huella-detail__action { color: var(--tx2); font-size: 14px; }

/* Ajuste Elementor */
.elementor-widget-shortcode .huella-tarot { margin: 0; }