/* Estilos Generales */
:root {
  --corporate-color: #f05a1a;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  /* Un blanco ligeramente grisáceo */
  color: #333;
  margin: 0;
  padding: 0;
}

.main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Botones */
.btn {
  display: inline-block;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

.btn-primary {
  background-color: #f0ad4e;
  /* Naranja */
  color: #ffffff;
}

.btn-primary:hover {
  background-color: #ec971f;
  transform: translateY(-2px);
}

/* Alertas y Mensajes */
.alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
  line-height: 1.5;
  font-size: 0.95em;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* Nueva clase para mensajes de éxito */
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 5px;
  text-align: center;
}