/* Imagen de fondo para la sección completa */
.section-bg {
  background-image: url("../img/report.jpg");
  background-size: cover;
  background-position: center;
  padding: 50px 0;
}

/* Estilos para el encabezado y texto */
.header-big {
  font-size: 3em;
  color: white;
}
.header-small {
  font-size: 1.5em;
  color: white;
}
.text-content {
  color: white;
}

/* Estilos para el formulario */
.form-card {
  background-color: #bdbec0;
  color: white;
  padding: 20px;
}
.form-control {
  border-color: green;
}
.custom-button {
  background-color: green;
  color: white;
}


.text-section {
  background-color: rgba(8, 68, 43, 0.8); /* Fondo semitransparente #08442b */
  color: white; /* Texto blanco */
}

.text-section ul {
  list-style-type: disc;
  margin: 0;
  padding: 1em;
}

.text-section ul li {
  color: white !important;
  margin: 1em 0;
  font-size: 1.2rem; /* Ajustar según tus necesidades */
  line-height: 1.4;
}


/*Prueba Boton*/
.btn-flotante {
	border-radius: 10px; /* Borde del boton */
	background-color: white; /* Color de fondo */
	padding: 18px 30px; /* Relleno del boton */
	position: fixed;
  width: 100px; /* Ajusta el ancho deseado */
  text-align: center; /* Centra el contenido del botón horizontalmente */
  line-height: 50px; /* Centra el contenido del botón verticalmente */
	bottom: 40px;
	right: 150px;
	transition: all 300ms ease 0ms;
	box-shadow: 10px 10px 23px -2px rgba(0,0,0,0.76);
	z-index: 99;
  text-decoration: none;
}
.btn-flotante:hover {
  color: white;
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
/*Boton flotante Idioma*/
.btn-flotante-idioma {
	border-radius: 10px; /* Borde del boton */
	background-color: white; /* Color de fondo */
	padding: 18px 30px; /* Relleno del boton */
	position: fixed;
  width: 100px; /* Ajusta el ancho deseado */
  text-align: center; /* Centra el contenido del botón horizontalmente */
  line-height: 50px; /* Centra el contenido del botón verticalmente */
	bottom: 40px;
	right: 40px;
	box-shadow: 10px 10px 23px -2px rgba(0,0,0,0.76);
	z-index: 99;
  text-decoration: none;
}
