/*
Theme Name: InModa Landing
Theme URI: https://inmodafantasy.com.co
Author: InModa
Description: Landing page theme for InModa Fantasy with Tailwind CSS and New-Store colors.
Version: 1.0
*/
body {
    font-family: 'Poppins', sans-serif;
}

/* --- Medios de Pago Wompi --- */
.wompi-payments-strip {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  background: transparent !important;
  border: none !important;
  margin: 15px 0 !important;
}

.wompi-text {
  font-size: 13px !important;
  color: #666666 !important;
  white-space: nowrap !important;
  letter-spacing: 0.3px !important;
}

.wompi-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Tarjeta contenedora de cada logo */
.pay-badge {
  background-color: #ffffff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}

.pay-badge.pse {
  border: none !important;
  padding: 0 !important;
}

/* Tamaño de los gráficos vectoriales */
.pay-logo {
  height: 18px !important;
  width: auto !important;
}