/* ================================
   Identidad Visual MajoTours
   ================================ */

/* ================================
   Login - Identidad Visual MajoTours
   ================================ */

/* Reset minimalista y moderno */
*,
*::before,
*::after {
  box-sizing: border-box;   /* asegura que padding y border se incluyan en el tamaño total */
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Tipografía base */
body {
  font-family: 'Mulish', sans-serif;
  line-height: 1.5;         /* mejora legibilidad */
  -webkit-font-smoothing: antialiased;
}

/* Quitar estilos por defecto en listas */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Quitar estilos por defecto en enlaces */
a {
  text-decoration: none;
  color: inherit;
}

/* Quitar estilos por defecto en botones e inputs */
button, input, textarea, select {
  font: inherit;
}

/* Imágenes responsivas */
img {
  max-width: 100%;
  display: block;
}


/* Colores corporativos */
:root {
  --azulrey: #293A58;
  --naranja: #F08912;
  --blanco: #ffffff;
}

/* Tipografías utilitarias */
.font-arima { font-family: 'Arima Madurai', cursive; }
.font-mulish { font-family: 'Mulish', sans-serif; }

/* Paleta y fondo */
body.bg-light { background-color: #f9fafb !important; }
.text-dark { color: #293A58 !important; }

.bg-primary {
  background-color: #293A58 !important;
}

.text-fondo {
  color: var(--naranja);
}

.bg-light {
  color: var(--azulrey);
}

.card-body h2,
.card-body p,
header h2 {
  text-align: center;
}

.card-body{
  text-align: center;
  color: var(--azulrey);
}

.text-mut {
  color: var(--naranja);

}

.col-md-4 img {
  display: block;
  margin: 0 auto; /* centra horizontalmente */
}


/* Enlaces de la navbar */
.navbar-nav .nav-link {
  color: var(--naranja) !important;   /* Dorado por defecto */
  font-weight: 500;
  transition: color 0.3s ease;
  text-decoration: none !important;
}

.navbar .nav-link:hover {
  color: var(--blanco) !important;    /* Verde al pasar el mouse */
  text-decoration: none !important;
}

/* Botón Login */
.navbar .btn-login {
  background-color: #fff;            /* Fondo blanco */
  color: var(--naranja);                /* Texto vino corporativo */
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-weight: 600;
  transition: all 0.3s ease;
}

.navbar .btn-login:hover {
  background-color: var(--naranja);   /* Dorado al hover */
  color: #fff;                       /* Texto blanco */
}


/* Sombra corporativa para tarjetas */
.shadow-card { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }

/* Íconos y utilidades */
.icon-25 { height: 25px; width: 25px; }
.h-60px { height: 60px; }

/* Ajustes de imágenes globales */
img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* Botón marca alternativa (si lo necesitas además de btn-primary) */
.btn-brand {
  background-color: var(--azulrey);
  color: #fff;
  border: none;
}
.btn-brand:hover {
  background-color: var(--azulrey);
}



/* Responsivo adicional opcional */
@media (max-width: 576px) {
  .navbar-brand { font-size: 1.25rem; }
}


a {
  color: var(--azulrey);       /* color inicial */
  font-weight: 600;
  text-decoration: none;       /* sin subrayado */
  transition: all 0.3s ease;   /* animación suave */
}

a:hover {
  color: var(--naranja);       /* cambia a naranja al pasar el mouse */
  text-decoration: none;  /* opcional: subrayado */
}