* {
	box-sizing: border-box;
	font-family: "Noto Sans", "Raleway", sans-serif;
}	

.contenedor-formacion{
	 padding: 1% 10% 5% 10%;
 width: 100;
}


.header {
	top:0;
}


.hueco-nav{
	height: 180px;
}

.contenedor-servicios {
	position: relative;
	top: 20px;
	width: 100%;
	height: auto;
}

.info-funciones {
	padding: 2.5% 5% 5% 5%;
}

.contenedor-flecha-abajo{
	text-align: center;
}

.flecha-abajo{
	font-size: 100px;
	color: #ff914d;
}


.contenedor-informacion {
	background-color: white;
	padding: 5% 7%;
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	margin-bottom: 6%;
/*	align-items: center;*/
	margin-top: 3%;
	margin-bottom: 2%;
}


.contenedor-informacion li{
	padding-bottom: 3%;
}

.nav2-reponsive699 {
	display: none;
}

.nav2 {
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin: 2% 8%;
	border-bottom: 1px solid #2A467C;
	min-width: 570px;
}

.nav2 a {
	text-decoration: none;
	color: #212121;
	padding: 2%;
}

.nav2-active{
/*	border-bottom: 3px solid #ff914d;*/
	margin: 0% 5% 2% 5%;
	text-align: center;
}

.contenedor-servicios .titulo {
	grid-column: 1/ span 2;
}

.titulo {
	font-size: 3em;
	color: #2A467C;
	padding-left: 15%;
}
.titulo2 {
	font-size: 2em;
	color: #ff914d;
	text-align: center;
}

.titulo2-como-funciona {
	font-size: 2em;
	color: #ff914d;
	margin: 2% 0% 2% 0%;
}

.titulo3 {
	font-size: 2em;
	color: #2A467C;
	padding-left: 0%;
	color: #ff914d;
}


.subtitulo {
	font-size: 1.5em;
	font-weight: bold;
}


.texto {
	font-size: 1.2em;
	text-align: left;
	color: #2A467C;
}

.texto-derecha {
	text-align: right;
	border-right: 2px solid #2A467C;
}

.texto-justificado {
	text-align: justify;
	border-bottom: 1px solid #2A467C;
	padding: 1%;
	margin: 0;
	color: #212121;
}


.btn-11{
	display: flex;
	justify-content: center;
	grid-column: 1 / span 2;
	border-right: none;
	padding: 0% 21%;
	text-align: center;
	max-width: 100%;
	margin-top: auto;
}

.boton-lenguaje-signos {
	display: flex;
	background-color: #2A467C;
	font-weight: bold;
	border: none;
	border-radius: 30px;
	padding: 1.2% 5%;
	transition: background-color 0.5s;
	align-items: center;
	cursor: pointer;
	  margin: 0 auto 6% auto; /* Ajustar margen para centrar botones */
	max-width: 100%;
}

.boton-contactanos{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.boton-contactanos:hover a{
	color: #2A467C;
}

.boton-lenguaje-signos:hover .bx-envelope{
	color:#2A467C;
}

.boton-lenguaje-signos i{
	color: white;
	font-size: 23px;
	margin-left: 10px;
}

.boton-lenguaje-signos:hover{
	background-color: #ff914d;
	color:#2A467C;
}

.texto-boton{
	font-size: 1.1em;
	color: white;
}

.boton-lenguaje-signos:hover .bx-video{
	color:#2A467C;
}

.info-trabajadora-social:hover {
border-bottom: 3px solid #ff914d;
}

.info-interprete:hover {
	border-bottom: 3px solid #ff914d;
}

.info-apoyo:hover {
	border-bottom: 3px solid #ff914d;
}

.info-vapps:hover {
	border-bottom: 3px solid #ff914d;
}

.info-adecosor:hover {
	border-bottom: 3px solid #ff914d;
}
  

  .nav2 {
    display: flex;
    gap: 10px;
  }

  .texto {
    display: none;
  }

  .select-funciones {
  display: none;
  }


.activo {
  display: block !important;
}


  .Logo-text img {
    display: none;
  }

  .Logo-text img.activo {
    display: block;
  }

/*CSS Prueba*/
.Logo-text img {
    display: none;
    width: 85px; 
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .Logo-text img.activo {
    display: block;
  }
/*Animacion opacidad  */
.visible{
	animation: opacidad 2s forwards;
	animation-fill-mode: forwards;
}
@keyframes opacidad{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.caja-actividad {
	box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
	padding: 10% 10% 10% 5%;
	margin-bottom: 10%;
	min-width: 200px;
	display: flex;
	 flex-direction: column;
/*    justify-content: space-between;*/ /* Asegura que los botones se mantengan al final */
    height: 100%; /* Asegura que todas las cajas tengan la misma altura */
}

.texto1 {
	font-size: 1.2em;
	margin: 0% 15%;
	text-align: left;
	border-bottom: 1px solid #2A467C;
	padding: 1%;
	color: #212121;
}


.info-formacion{
	display: grid;
	grid-template-columns: 32% 32% 32%;
	gap: 2%;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 0%;
}

.lista-formacion{
	 flex-grow: 1;
}



.lista-formacion li{
padding-bottom: 4%;
min-height: 200%;
}

.link-boton{
text-decoration: none;
color: white;	
}

.link-boton:hover{
color: 	#2A467C;

}

.info-link{
	text-decoration: none;
	color: #ff914d;
}