/*
Theme Name:   Hello Elementor Child
Theme URI:    https://www.huub.world/
Description:  Tema hijo personalizado de Hello Elementor.
Author:       Mauro Lopez Rodriguez
Author email: lopezmaurorodri@gmail.com
Template:     hello-elementor
Version:      1.0.0
*/

/* === Botones de edición de perfil (igual que en el login) === */

/* Botón principal — “Actualizar el perfil” */
.um-form input.um-button[type="submit"],
.um-form input[type="submit"].um-button,
.um-form .um-left input.um-button {
  background-color: #178582 !important; /* verde corporativo */
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  font-weight: 600;
  transition: background-color 0.3s ease;
  width: 100% !important;
  max-width: 400px;
}

/* Hover del botón verde */
.um-form input.um-button[type="submit"]:hover {
  background-color: #0f5f5b !important; 
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(23, 133, 130, 0.3);
}

/* Botón secundario — “Cancelar” */
.um-form a.um-button.um-alt {
  background-color: #f2f2f2 !important; 
  color: #0A1828 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  font-weight: 600;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100% !important;
  max-width: 400px;
  display: inline-block;
}

/* Hover del botón gris */
.um-form a.um-button.um-alt:hover {
  background-color: #e0e0e0 !important; 
  border-color: #bcbcbc !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Alinear los dos botones uno al lado del otro */
.um-form .um-left.um-half,
.um-form .um-right.um-half {
  width: 48% !important;
  display: inline-block;
}