/* Vintage OTP Custom v1.1.1 — Estilos negro/dorado */
:root {
  --vintage-black: #000000;
  --vintage-gold: #E9B408;
}

/* Botones OTP */
html body button.otpl-btn,
html body input[type="button"].otpl-btn,
html body input[type="submit"].otpl-btn,
html body button[id*="otp"],
html body button[name*="otp"],
html body button[class*="otp" i],
html body input[type="submit"][class*="otp" i],
html body input[type="button"][class*="otp" i] {
  background-color: var(--vintage-black) !important;
  color: var(--vintage-gold) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  padding: 14px 26px !important;
  cursor: pointer !important;
  transition: all .25s ease-in-out !important;
  position: relative;
  outline: none !important;
}

/* Forzar color del texto */
html body button.otpl-btn *,
html body input[type="button"].otpl-btn *,
html body input[type="submit"].otpl-btn *,
html body button[id*="otp"] *,
html body button[name*="otp"] *,
html body button[class*="otp" i] * {
  color: var(--vintage-gold) !important;
}

/* Hover: negro + blanco */
html body button.otpl-btn:hover,
html body input[type="button"].otpl-btn:hover,
html body input[type="submit"].otpl-btn:hover,
html body button[id*="otp"]:hover,
html body button[name*="otp"]:hover,
html body button[class*="otp" i]:hover {
  background-color: var(--vintage-black) !important;
  color: #FFFFFF !important;
}
html body button.otpl-btn:hover *,
html body input[type="button"].otpl-btn:hover *,
html body input[type="submit"].otpl-btn:hover *,
html body button[id*="otp"]:hover *,
html body button[name*="otp"]:hover *,
html body button[class*="otp" i]:hover * {
  color: #FFFFFF !important;
}