/* Feminario invitadas — flip usable en touch + Instagram clicable */

.fem-flip {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.fem-flip.is-flipped .fem-flip-inner {
  transform: rotateY(180deg);
}

.fem-flip-face {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fem-flip-front {
  pointer-events: auto;
}

.fem-flip-back {
  pointer-events: none;
}

.fem-flip.is-flipped .fem-flip-front {
  pointer-events: none;
}

.fem-flip.is-flipped .fem-flip-back {
  pointer-events: auto;
}

.fem-ig-btn {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 16px;
  padding: 10px 22px;
  background: #948c54;
  color: #ffffff !important;
  font-family: Montserrat, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none !important;
  border-radius: 4px;
  pointer-events: auto;
}

.fem-ig-btn:hover,
.fem-ig-btn:focus {
  background: #7d7646;
  color: #ffffff !important;
}

/* En touch no depender de :active (se pierde al soltar) */
@media (hover: none) {
  .fem-flip:hover .fem-flip-inner,
  .fem-flip:active .fem-flip-inner {
    transform: none;
  }

  .fem-flip.is-flipped .fem-flip-inner {
    transform: rotateY(180deg);
  }
}

.fem-hint {
  margin-top: 10px !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #948c54 !important;
  font-weight: 600;
}