/* Estilos optimizados para formulario Izipay */
#micuentawebstd_rest_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.kr-payment-form {
  display: block; /* Evitar grid que puede interferir con estilos internos de Krypton */
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 14px;
}

/* Permitir que el layout interno de Krypton se gestione solo */

.kr-field-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.kr-field-wrapper label {
  font-size: 11px;
  font-weight: 600;
  color: #334155;
}

.kr-pan, .kr-expiry, .kr-security-code, .kr-card-holder-name {
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  transition: border-color 0.15s, box-shadow 0.15s;
  min-height: 46px;
  padding: 2px 4px;
}

.kr-pan:focus, .kr-expiry:focus, .kr-security-code:focus, .kr-card-holder-name:focus {
  outline: none;
  border-color: #4A1D96;
  box-shadow: 0 0 0 2px rgba(74, 29, 150, 0.2);
}

.kr-payment-button {
  grid-column: 1 / -1;
  height: 48px;
  border: none;
  border-radius: 8px;
  background: #4A1D96;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.15s;
}

.kr-payment-button:hover {
  background: #5724ad;
}

.kr-error-text {
  color: #dc2626;
  font-size: 11px;
  margin-top: 2px;
}

/* --- Ocultar íconos internos de Krypton (petición) --- */
.kr-embedded .kr-field-wrapper svg,
.kr-embedded .kr-icon,
.kr-embedded .kr-brand,
.kr-embedded .kr-brand-logo,
.kr-embedded .kr-card-brand,
.kr-embedded .kr-logo,
.kr-embedded [class*="icon"],
.kr-embedded [class*="Icon"],
.kr-embedded .kr-field-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
}

/* Evitar espacios sobrantes si los campos reservaban padding para íconos */
.kr-pan, .kr-expiry, .kr-security-code, .kr-card-holder-name {
  background-image: none !important;
  padding-left: 8px !important;
}

/* Ajustar posible contenedor de marca de tarjeta */
.kr-card-brand, .kr-brand { display:none !important; }