:root {
  --mina-purple: #763692;
  --mina-purple-dark: #5e2975;
  --mina-purple-light: #b58fc9;
  --mina-green: #00b4a8;
  --mina-gray: #EFEFEF;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*body {
  background-image: url('../img/fondos/bg_nv.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}*/

body {
  background-image: url('../img/fondos/bg_nv.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

/* 🔥 Overlay negro suave */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45); /* cambia 0.45 por más o menos opacidad */
  pointer-events: none; /* no bloquea clics */
  z-index: 1;
}


.vh-100 {
  min-height: 100vh;
}

.navbar-custom {
  /*background-color: var(--mina-purple);*/
  /*background: #00b867; 
  background: linear-gradient(to bottom, #00b867 0%, #007f47 100%);*/

  background: #c8102e; 
  background: linear-gradient(to bottom, #c8102e 0%, #8a081e 100%);



  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.navbar-custom-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.45);
  z-index: 10;
}

.card {
  border-radius: 1rem;
  border: none;
  overflow: hidden;
  z-index: 5;
  position: relative;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.95); 
}



.col-md-6.col-lg-7 {
  padding: 2rem;
  border-radius: 0 1rem 1rem 0;
}

.text-mina-green {
  color: var(--mina-green);
}

h5 {
  letter-spacing: 1px;
  color: #393f81;
}

.btn-mina-purple {
  background-color: var(--mina-purple);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.btn-mina-purple:hover {
  background-color: var(--mina-purple-dark);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.btn-mina-purple-light {
  background-color: var(--mina-purple);
  color: #fff;
  border: none;
  transition: background-color 0.3s ease;
}

.btn-mina-purple-light:hover {
  background-color: var(--mina-purple-dark);
  color: #fff;
}

a {
  color: #393f81;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.modal-content {
  border-radius: 1rem;
  overflow: hidden;
}