/* Estilos para Navbar */
.navlaw {
  background-color: #12274a;
  color: white;
}

.lawbusiness {
  background-color: #00442b;
  color: white;
}

.holding {
  background-color: black;
  color: white;
}

.container{
    margin-top: 25px;
}

/* Estilo general del socio */
.socio-name {
  font-size: 3.5rem;
  margin-top: 30px;
  color: black;
}

.socio-puesto {
  font-size: 2.5rem;
  margin-bottom: 30px;
  color: black;
}

/* Imagen del socio */
.socio-image {
  width: 100%;
  height: auto;
}

/* Iconos de email y LinkedIn */
.contact-icons {
  color: inherit; /* Heredar el color del Navbar según la división */
}

.contact-icons i {
  font-size: 2rem;
  margin-right: 1rem;
}

/* Estilo para los logos */
.logo-image {
  max-width: 200px;
}

/* Estilos responsivos */
@media (max-width: 992px) {
  .socio-image {
    max-height: 500px;
    margin: 0 auto;
  }
}

.icon-container {
  margin-top: 15px;
  margin-bottom: 15px;
  color: black;
}

.icon-container a {
  margin-right: 15px;
  font-size: 1.2rem;
  color: black;
}

/* Aplicar para todas las pantallas */
.container-reduced {
  margin: 120px;
}

/* Cuando la pantalla tiene una anchura de 1200px o menos */
@media (max-width: 1200px) {
  .container-reduced {
    margin: 100px;
  }
}

/* Cuando la pantalla tiene una anchura de 992px o menos */
@media (max-width: 992px) {
  .container-reduced {
    margin: 80px;
  }
}

/* Cuando la pantalla tiene una anchura de 768px o menos */
@media (max-width: 768px) {
  .container-reduced {
    margin: 60px;
  }
}

/* Cuando la pantalla tiene una anchura de 576px o menos */
@media (max-width: 576px) {
  .container-reduced {
    margin: 60px;
  }
}

@media (max-width: 992px) {
  .socio-name {
    font-size: 2.5rem;
  }

  .socio-puesto {
    font-size: 1.8rem;
  }

  .icon-container a {
    font-size: 1rem;
  }
}

/* Estilos para pantallas pequeñas */
@media (max-width: 768px) {
  .socio-name {
    font-size: 1.8rem;
  }

  .socio-puesto {
    font-size: 1.2rem;
  }

  .icon-container a {
    font-size: 0.8rem;
  }
}

/* Estilos para pantallas muy pequeñas */
@media (max-width: 576px) {
  .socio-name {
    font-size: 1.5rem;
  }

  .socio-puesto {
    font-size: 1rem;
  }

  .icon-container a {
    font-size: 0.6rem;
  }
}



.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: 10px 10px 23px -2px rgba(0,0,0,0.76);
	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;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 100px;
    width: 70px; /* Ajusta el ancho deseado */
	}
  .btn-flotante-idioma{
    font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
    width: 70px; /* Ajusta el ancho deseado */
  }
}


.icon-container a {
    text-decoration: none;
}