/*
primary: 1e242f
secondary: ffca44
*/

:root {
  --main-color: #1e242f;
  --secondary-color: #ffca44; 
  --complementary-color: white; 
  --links-color: #ffca44;
}

.bg-main{
	background: var(--main-color);
}


/* TOP */
.header{
	min-height: 500px;
	background-image: url('../images/cabecera.png');
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
}

/* MENÚS */

ul.nav-pills>li.nav-item>a{
	
  	color: var(--main-color);
  	border: 2px solid var(--main-color);
}

ul.nav-pills>li.nav-item>a.active{
	background-color: var(--main-color);
  	color: var(--secondary-color);
}

/* ESTILOS MODIFICADOS */

div#alert{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99998;
  display: none;
}

.btn-primary{
	background: var(--main-color);
  	color: var(--secondary-color);
  	border: 2px solid var(--main-color);
}

.btn-primary:hover{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--main-color);
}

.btn-secondary{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--secondary-color);
}
.btn-secondary:hover{
	background: var(--main-color);
  	color: var(--secondary-color);
  	border: 2px solid var(--secondary-color);
}

.btn-outline-secondary{
	background: transparent;
  	color: var(--secondary-color);
  	border: 2px solid var(--secondary-color);
}
.btn-outline-secondary:hover{
	background: var(--secondary-color);
  	color: var(--main-color);
  	border: 2px solid var(--secondary-color);
}

.progress-bar {
	background-color: var(--main-color);
	color: var(--secondary-color);
}

.thead-dark {
  background: var(--main-color);
  color: var(--secondary-color);
}
/* FOOTER */

footer{
	background-color: var(--main-color);
}