:root {
  /* Colores Corporativos R-YES */
  --ryes-primary: #0F172A; /* Azul Oscuro Corporativo */
  --ryes-accent: #2563EB; /* Azul/Acento para botones */
  --ryes-bg: #F8FAFC; /* Fondo claro de la página */
  --ryes-text: #334155;
}

body {
  background-color: var(--ryes-bg) !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  color: var(--ryes-text);
}

/* Modificación de la barra de navegación superior (Header) */
.navbar {
  background-color: var(--ryes-primary) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.navbar-item, .navbar-link {
  color: #ffffff !important;
  font-weight: 600;
}

.navbar-brand .navbar-item:hover {
  background-color: transparent !important;
  opacity: 0.8;
}

/* Estilo de la caja principal del formulario */
.box {
  border-radius: 8px !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  border-top: 4px solid var(--ryes-accent);
}

/* Botones principales */
.button.is-primary {
  background-color: var(--ryes-accent) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  font-weight: bold;
  border-radius: 6px;
  transition: all 0.2s ease-in-out;
}

.button.is-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px rgba(37, 99, 235, 0.3);
  opacity: 0.95;
}

/* Estados de los campos de texto al hacer clic (Focus) */
.input:focus, .textarea:focus {
  border-color: var(--ryes-accent) !important;
  box-shadow: 0 0 0 0.125em rgba(37, 99, 235, 0.25) !important;
}

/* Títulos y tipografía */
.title {
  color: var(--ryes-primary) !important;
  font-weight: 700;
}

/* Mensajes de éxito o alerta */
.message.is-success .message-header {
  background-color: #10B981 !important;
}
.message.is-success .message-body {
  border-color: #10B981 !important;
}