/* headerpag */

.ikamdesc {
    text-align: left; 
    font-family: Arial Black; 
    font-weight: bold; font-size: 30px; 
    background: #202020; 
    -webkit-background-clip: text; 
    -moz-background-clip: text; 
    background-clip: text; 
    color: transparent; 
    text-shadow: 0px 3px 3px rgba(255,255,255,0.4),0px -1px 1px rgba(0,0,0,0.3);
  }

  .subtitulosprincverde {
    text-align: center; 
    font-family: Arial; 
    font-size: 30px; 
    COLOR: #0dba54; 
    text-shadow: 0px 0px 9px #136e26;
  }

  .subtitulosprincneon {
    text-align: left; 
    font-family: Arial; 
    font-size: 30px; 
    COLOR: #1278BF; 
    text-shadow: 0px 0px 9px #508AD3;
    background: none;
  }


  .personalpag:hover {
    background-color: #1a3329; /* Cambia el color de fondo al pasar el cursor */
  }



  .box-width-lg-470 {
    background-color: #fff; /* Color de fondo */
    border-radius: 10px; /* Radio de borde */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Sombra */
    padding: 20px; /* Espaciado interior */
  }

/* Estilo para las pestañas */
.nav-tabs .nav-link {
  background-color: #f8f9fa; /* Color de fondo de las pestañas */
  border: none; /* Eliminar borde de las pestañas */
  border-radius: 8px 8px 0 0; /* Radio de borde solo en la parte superior */
  color: #495057; /* Color del texto de las pestañas */
  margin-right: 5px; /* Espacio entre pestañas */
}

.nav-tabs .nav-link.active {
  background-color: #fff; /* Color de fondo de la pestaña activa */
  color: #007bff; /* Color del texto de la pestaña activa */
  border-color: #dee2e6 #dee2e6 #fff; /* Color del borde de la pestaña activa */
}

/* Estilo para el contenido de las pestañas */
.tab-content {
  padding: 20px; /* Espaciado interior */
}

.tab-pane {
  background-color: #fff; /* Color de fondo */
  border-radius: 0 0 10px 10px; /* Radio de borde solo en la parte inferior */
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Sombra */
  padding: 20px; /* Espaciado interior */
}










/* Contactenos */
.contenedor {
		position: fixed;
		top: 50%;
		right: 20px; /* Ajusta esta propiedad para cambiar la distancia desde el borde derecho */
		transform: translateY(-50%);
		display: flex;
		flex-direction: column; /* Establece la disposición de los elementos como columna */
	}

	.social-button {
		text-align: center;
		color: black;
		margin: 10px; /* Reduje el margen para espaciar más los botones */
		border-radius: 50%;
		padding: 15px;
		box-shadow: 0px 10px 20px rgba(0, 0, 0, .35);
		transition: .3s ease;
		text-decoration: none; /* Asegúrate de que los enlaces no tengan subrayado */
	}

	.classfacebook:hover {
		background-color: #1DA1F2;
		color: white;
		box-shadow: 0 0 15px #1DA1F2, 0 0 45px #1DA1F2, 0 0 75px #1DA1F2, 0 0 115px #1DA1F2;
	}

	.classyoutube:hover {
		background-color: red;
		color: white;
		box-shadow: 0 0 15px red, 0 0 45px red, 0 0 75px red, 0 0 115px red;
	}

	.classinstagram:hover {
		background-color: #ff661be8;
		color: white;
		box-shadow: 0 0 15px #ff661be8, 0 0 45px #ff661be8, 0 0 75px #ff661be8, 0 0 115px #ff661be8;
	}

	.classflickr:hover {
		background-color: #52aab4d4;
		color: white;
		box-shadow: 0 0 15px #52aab4d4, 0 0 45px #52aab4d4, 0 0 75px #52aab4d4, 0 0 115px #52aab4d4;
	}

	.classlinkedin:hover {
		background-color: #1DA1F2;
		color: white;
		box-shadow: 0 0 15px #1DA1F2, 0 0 45px #1DA1F2, 0 0 75px #1DA1F2, 0 0 115px #1DA1F2;
	}