/* Responsive: en móvil pasa a una columna */
		@media (max-width: 768px) {
			  .bloque-dos {
				flex-direction: column;
			  }
			  .bloque-lang-switcher {
				justify-content: center; /* centrar botones en móvil */
			  }
			  .lang-switcher {
				_flex-direction: column;  /* pasar a columna */
				gap: 6px;
			  }
			  
			  .bloque-servizos {
				flex-direction: column;   /* 👈 APILAR COLUMNAS */
				gap: 30px;
			  }
			  .columna-logos {
				width: 100%;
			  }
			  .columna-logos img {
				max-width: 100%;
				height: auto;             /* evita desbordes */
			  }
			  .logo-inst {
				width: 25%;
				max-width: 120px;
			  }
		}

		body {
		  margin: 0;
		  font-family: Calibri, Helvetica, sans-serif;
		  background-color: #ffffff;
		  top: 0 !important;
		}


		/* Botones de idioma */
		.bloque-lang-switcher {
		  display: flex;
		  justify-content: flex-end; /* Alinea los botones a la derecha en escritorio */
		  align-items: center;
		  padding: 10px;
		  _font-size: 24px;
		  _background-color: #f5f5f5;
		}
		.lang-switcher {
		  display: flex;
		  gap: 10px;
		}
		.lang-switcher a {
		  padding: 6px 12px;
		  border-radius: 6px;
		  background: #f5f5f5;
		  color: #000000;
		  text-decoration: none;
		  font-size: 13px;
		  font-family: sans-serif;
		  transition: background 0.2s;
		}
		.lang-switcher a:hover {
		  background: #ff00ff;
		  text-decoration: bold;
		  filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.5));
		}
		
		
		.container {
		  max-width: 1200px;
		  margin: 0 auto;
		  padding: 10px 20px;
		  line-height: 1.4;
		}
		.container a {
		   color: gray;
		}
		.container a:hover {
		   color: blue;
		}

		.bloque-intro {
		  _background-color: #f5f5f5;
		  padding: 10px;
		  text-align: center;
		  font-size: 24px;
		  _font-weight: bold;
		  abox-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
			.bloque-intro img {
				height: 3.6rem;
				width: auto;
				object-fit: contain;
				_opacity: 0.7;
				_filter: grayscale(1);
			}
			.bloque-intro a:hover img {
				opacity: 1;
				filter: grayscale(0);
				filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
			}
		.bloque-titulo {
		  background-color: #f5f5f5;
		  padding: 10px;
		  margin: 20px 0px 10px 0px;
		  text-align: center;
		  font-size: 20px;
		  font-weight: bold;
		  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
		.bloque-titulo-izquierda {
		  background-color: #f5f5f5;
		  padding: 10px;
		  margin: 20px 0px 10px 0px;
		  text-align: left;
		  font-size: 20px;
		  font-weight: bold;
		  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
		
		.bloque-breadcrumb {
		  background-color: #f5f5f5;
		  padding: 10px;
		  margin: 20px 0px 10px 0px;
		  _text-align: center;
		  font-size: 20px;
		  font-weight: bold;
		  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
		
		.bloque-convenio {
		  display: flex;
		  gap: 20px;
		  text-align: center;
		  font-size: 12px;
		}
		
		.bloque-servizos {
		  display: flex;
		  gap: 20px;
		  text-align: center;
		  font-size: 14px;
		}
			.bloque-servizos img {
				height: 3.6rem;
				width: auto;
				object-fit: contain;
				opacity: 0.7;
				afilter: grayscale(1);
			}
			.bloque-servizos a:hover img {
				opacity: 1;
				afilter: grayscale(0);
				filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.5));
			}
		
		.bloque-transparencia, .bloque-proteccion-datos {
		  display: flex;
		  gap: 20px;
		  text-align: center;
		  font-size: 12px;
		  font-weight: bold;
		  padding: 20px;
		}
			.columna-izquierda {
			  background-color: #ffffff;
			  padding: 0px;
			  flex: 1;
			  _box-shadow: 0 2px 6px rgba(0,0,0,0.1);
			  text-align: left;     /* Centrado vertical */
			}
			.columna-centrada {
			  background-color: #ffffff;
			  padding: 0px;
			  flex: 1;
			  _box-shadow: 0 2px 6px rgba(0,0,0,0.1);
			}
			.columna-logos {
			  flex: 1;
			  background-color: #fff;
			  padding: 0px;
			  _box-shadow: 0 2px 6px rgba(0,0,0,0.1);
			  display: flex;         /* Flex container interno */
			  justify-content: center; /* Centrado horizontal */
			  align-items: center;     /* Centrado vertical */
			  text-align: center;      /* Centrado del texto */
			  flex-direction: column;  /* Para que el texto se centre verticalmente si tiene varias líneas */
			  font-weight: bold;
			}
		
		.bloque-institucions {
		  background-color: #f5f5f5;
		  padding: 20px;
		  margin: 50px 0px 50px 0px;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  gap: 40px;        
		  flex-wrap: wrap;
		}

		.logo-inst {
		  width: 150px;
		  height: auto;
		}
			.bloque-institucions img {
				height: 3.6rem;
				width: auto;
				object-fit: contain;
				opacity: 0.7;
				filter: grayscale(1);
			}
			.bloque-institucions a:hover img {
				opacity: 1;
				filter: grayscale(0);
				filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
			}
		
		.bloque-contacto {
		  _background-color: #ffffff;
		  padding: 10px;
		  margin: 20px 0px 20px 0px;
		  text-align: center;
		  font-size: 14px;
		  font-weight: bold;
		  color: gray;
		  line-height: 1.6;
		}
		
		.bloque-telefonos {
		  padding: 10px;
		  margin: 10px 0px 20px 0px;
		  text-align: center;
		  font-size: 16px;
		  color: light-gray;
		}
		
		.bloque-rrss {
		  background-color: #ffffff;
		  padding: 10px;
		  margin: 40px 0px 20px 0px;
		  text-align: center;
		  font-size: 12px;
		  font-weight: bold;
		  _box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
			.bloque-rrss img {
				height: 3.6rem;
				width: auto;
				object-fit: contain;
				opacity: 0.7;
				filter: grayscale(1);
			}
			.bloque-rrss a:hover img {
				opacity: 1;
				filter: grayscale(0);
				filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
			}
			
		.bloque-1-columna {
		  display: flex;
		  gap: 20px;
		  _text-align: center;
		  font-size: 14px;
		  font-weight: bold;
		  padding: 20px;
		}