@charset "utf-8";
body {
	color: #656253;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 0.8em;
	margin: 0 auto;
	padding: 0;	
}
a{text-decoration: none;}
/*a:hover{text-decoration: underline;}*/
strong{
	font-weight: 600;
}
.contenido h2, .contenido h1, .listabecas h1 {
	color: #737979;
	border-bottom: 1px solid;
}
.contenedor_imgppal{
	-webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
	z-index: 9;
	background-color:white; 
	padding-bottom: 2px;
	}
.img_principal {
	width: 100%;
	max-width: 1100px;
	height: auto;
	margin-bottom: -6px;
}
.menu {
	width: 1100px;
	max-width: 100%;
	margin: 1.4em auto;
	z-index: 9999;
	position: relative;
	height: 51px;
}
.idiomas a {
	background-color: white;
	font-size: 1.2em;
	padding: 1em;
	position: relative;
	z-index: 9999;
	float: left;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-left: 50px;
}
.idiomas a {
	color: #203749;
	text-decoration: none;
}
.idiomas a:hover {
	color: white;
	background-color: #999; ;
}
.contenedor {
	width: 1100px;
	max-width: 100%;
	margin: 0 auto;
	overflow: auto;
}
.header {
	float: right;
	z-index: 999;
	width: 100%;
	}
.header ul {
	margin: 0;
	padding: 0;
	margin-right: 50px;
}
.header ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	background-image: none;
	float: right;

}
.header ul li::before {
	content: none;
}
.header ul li a {
	display: inline-block;
	padding: 1em;
	font-size: 1.2em;
	background-color: white;
	margin-left: 5px;
	margin-right: 0;
	border-radius: 5px;
	color: #203749;
	text-decoration: none;
	border: 1px solid #ccc;
}
.header ul li a:hover {
	color: white;
	background-color: #999; 
}
.contenido {
	padding: 0px 20px 80px;

}
.footer {
	width: 100%;
	text-align: center;
	background-color:  #203749;
	border-top: 10px solid #A8B4B5;
	clear: both;
	margin-top: 30px;
	font-family: 'Poppins', Arial, sans-serif;
}
.footer p {
	padding: 40px 20px 80px;
	color: white;
	font-family: 'Poppins', Arial, sans-serif;
}
.footer a{
	color: white;
	text-decoration: none;}

p{
    font-size: 1.2em;
	margin-bottom: 0em;
	line-height: 140%;
	font-family: 'Poppins', Arial, sans-serif;}
ul{
	margin: 15px 0;
	padding-left: 0; }
ul li{
	line-height: 150%;
	margin-bottom: 10px;
	list-style-type: none;
	padding-left: 20px;
	position: relative;
	 font-size: 1.3em;
	 	}
ul li::before{
	content: "";
	position: absolute;
	left: 2px;
	top: 0.6em;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gradient-primary);
}
ul.sublista li {
	font-size: 1em;
}
ul li > ul li{
	font-size: 1em;
}
ol li{
	line-height: 150%;
	margin-bottom: 10px;
	font-size: 1.3em;
}

ul.lista_enlateral li a{
	font-size: 1em;
	background-color: red !important;
	background-image: url(../img/flecha.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
}



.masinfo{
	 background-color: white;
    background-image: url("../img/masinfo.png");
    background-position: top 5px right 10px;
    background-repeat: no-repeat;
    border: 1px solid #999;
    float: right;
    padding: 0.5em;
    width: 185px; height: auto;
	margin: 0 0 0 2em;
	-webkit-box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	border-radius: 10px;
	clear: both;
}
.documentos{
	background-image: none;
	margin-bottom: 2.5em ;
	margin-top: 2em;
	padding-bottom: 30px;
}
.documentos p{
	line-height: 120%;
	margin-bottom: -15px;
	padding-bottom: 0;
  }
.documentos p:hover{
		color: #075F83;
	border-right: 3px solid #075F83;
	transition-property: all 10s linear;
	

}
.tit_documentos{
	margin-top: 5px;
	color: #075F83;
	font-size: 1.3em !important;
	font-weight: 600;
}
p.tit_documentos:hover{
	color: #075F83;
	transition-property: color 10s linear;
}
.mastestimonios{
	padding: 1em;
	font-size: 1.3em;
	background-color: #02938A;
	color: white;
	margin-left: 5px;
	margin-right: 0;
	border-radius: 5px;
	color: #203749;
	text-decoration: none;
	border: 1px solid #ccc;
	}
.listbecas{
	padding: 1em;
	font-size: 1.3em;
	background-color: #02938A;
	color: white;
	border-radius: 5px;
	color: #203749;
	text-decoration: none;
	border: 1px solid #ccc;
	width: 80%;
	margin: 1em auto;
	display: block;
	color: white !important;
		}
	

/* descargar pdf */
.verpdf a {
		display: inline-block;
		background-color: #075f83;
		color: #fff;
		text-align: center;
		padding: 10px;
		border-radius: 5px;
		text-decoration: none;
		font-size: 1.2em;
		margin-top: 20px;
		margin-bottom: 20px ;
}
.verpdf .textofin {
	display: block;
}


/******* contacto */
.contacto {
	border: 1px solid #eee;
	padding: 20px;
}


.noticia {
	margin-bottom: 2em;
}
.noticia h3 {
	font-size: 1.7em;
}
.medio{ border: 2px solid #2D8CBF; width: 46%; padding: 0.8em; margin: 0.5em ; float: left;
	border-radius: 12px;
	 }
.medio-3col{
	 width: 28%;
}
.apariciones{
	font-size: 20px;
	font-weight: 600;
	color: #075f83;
	border-left: 10px solid #4FE7DE;
	border-bottom: 1px solid #4FE7DE;
	padding-left: 15px;
	margin-bottom: 1.5em;
	}

.clear{clear: both;}
.destacar{ font-weight: 600;}
.destacar1{color: #666!important;}
.medio p{margin-left: 1em;}

.aviso {
	background-color: #ffd37f;
	color: #000;
	overflow: auto;
	padding: 20px;
}
.solomovil {
	display: none;
}


.index article {
	float: left;
	width: 75%;
}
.index .sidebar {
	float: right;
}


.pseleccion .contenido_noticia p {
    line-height: 22px;
    padding-left: 10px;
}
.redestacado{
	background-color: #4289A5;
	color: #000;
	overflow: auto;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);}

.redestacado p a{ color: white; }
#tabs{width: 100%;}
.header ul li{line-height: 100%;}
h4{color: #075f83; font-size: 1.3em;}
h4::before {
    content: " - ";}
#tabs strong{color: #075f83; font-size: 1em;}
#faqs p,  #faqs ul  li{margin-left: 15px;}

.faq {
	background-color: white;
	border: 1px solid #999;
	border-radius: 10px;
	box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
	float: right;
	height: auto;
	margin: 0 0 0 2em;
	padding: 0.5em;
	width: 175px;
	clear: both;
	margin-bottom: 30px;
}
.faq p:a{color: #666;}
.destacado{font-weight: 600;}
.dentro{margin-left: 10px;}

ol li{font-size: 1.3em; line-height: 160%;}
.recuadro {padding: 10px; border: 1px solid #dfe0e1; border-radius: 5px; background-color: #eee;}
.recuadro a{text-decoration: none; color: #075f83;}
.recuadro2{
	padding: 10px; 
	border: 1px solid #dfe0e1; 
	border-radius: 5px; 
	background-color: #075f83;
	color: white;
	text-align: center;
	max-width: 82%;
	margin: 0 auto;
	text-transform: uppercase;
}


.dentro15{margin-left: 15px;}
ul li.dentro15{margin-left: 25px;}
h1{font-size: 1.9em; }
.cajita{width: 90%; 
	border: 1px dotted #1186D0;
	padding: 0.8em;
	margin-bottom: 1em; }

ul#listado_ofertas_lista li strong{ 
	font-size: 1em; 
	font-weight: 500;
	color: #117095;}
ul#listado_ofertas_lista li {
	background-image: none;
}
ul#listado_ofertas_lista li::before {
	content: none;
}

.tit_oferta {
	display: block;
	text-decoration: none;
	position: relative;
}
.tit_oferta.filtro-oculto {
	display: none;
}

.filtros-becas {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 1em 0 1.5em;
	padding: 1em;
	background-color: #f7f8f9;
	border: 1px solid var(--border);
	border-radius: var(--radius);
}
.filtro-campo {
	display: flex;
	flex-direction: column;
	gap: 0.3em;
	flex: 1 1 220px;
}
.filtro-campo label {
	font-weight: 600;
	font-size: 0.9em;
	color: var(--secondary);
}
.filtro-campo select,
.filtro-campo input {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1em;
	padding: 0.5em 0.7em;
	border: 1px solid #A8B4B5;
	border-radius: 5px;
	color: #4b4c4d;
	background-color: #fff;
}
.filtro-campo select:focus,
.filtro-campo input:focus {
	outline: none;
	border-color: var(--primary);
}

ul#listado_ofertas_lista li.sin-resultados {
	border: 1px dashed #A8B4B5;
	border-radius: 10px;
	padding: 1em;
	text-align: center;
	color: #737979;
	background-image: none;
}

ul#listado_ofertas_lista a li {
	text-decoration: none ;
	border: 1px solid #A8B4B5;
	border-radius: 10px;
	padding: 1em;
	position: relative;
	overflow: hidden;
	color: #4b4c4d;
}

ul#listado_ofertas_lista a:hover li{
	/*box-shadow:inset 0px 24px 31px 2px rgba(214,211,214,1);
   -webkit-box-shadow:inset 0px 24px 31px 2px rgba(214,211,214,1);
	-moz-box-shadow:inset 0px 24px 31px 2px rgba(214,211,214,1);*/
	border: 1px solid #0563a1;
	background-color:rgb(238, 249, 255);
	text-decoration: none !important;
	transition: all 1s;
	}

ul#listado_ofertas_lista a:hover li::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	width: auto;
	height: 4px;
	border-radius: 0;
	background: var(--gradient-primary);
}

ul#listado_ofertas_lista a.tit_oferta:hover::after {
	content: "Inscríbete >> ";
	color:white;
	font-size: 0.85em;
	padding: 0.35em 0.6em;
	background-color: #2d8cbf ;
	border: 1px solid #A8B4B5;
	border-radius: 5px;
	position: absolute;
	top: 1.8em;
	right: 1em;
	}

	.masinfo img {
		margin-bottom: 5px;
		vertical-align: top;
	}
	.masinfo p {
		font-size: 1.1em;
	}
	p.tit_masinfo{
		font-size: 3.6em;
		color: #075F83;
		line-height: 35px;
		margin-top: 0px;
	}
	.eusk p.tit_masinfo{
		font-size: 1.8em;
		line-height: 30px;
		margin-top: 5px;
	}
	.masinfo a, .mitad a{
		color: #999; 
		text-decoration: none; 
		padding-left: 4px;
		 line-height: 20px;}
	
	.entidad{
		font-weight: 700;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #999;
		padding-bottom: 1px;
		margin-bottom: 0px;
	}
	.mitad{-webkit-box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	box-shadow: 0px 31px 40px -23px rgba(0,0,0,0.74);
	border-radius: 10px;
	border: 1px solid #999;
	padding:1em;
	margin: 20px 0;
	padding: 0 1em 2.5em;
	 }
	.mitad img {
		vertical-align: top;
		margin-bottom: 10px;
	}
	.mitad a {
		line-height: 20px;
	}
	.contenido .mitad p.entidad {
		color: #075f83;
		font-size: 20px;
	}
	.header ul{
		margin-right: 10px;
	}
	.contenido {
		padding-top: 0px
		margin-top: -20px;
	}	

	
/******************************@media Querys****************/


@media (max-width: 350px){
	.index article {
		min-width: 95%;
	}
	ul#listado_ofertas_lista a li{
		max-width: 95%;
	}
	.verpdf {
		background-color: white;
		border: 1px solid #999;
		border-radius: 10px;
		box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
		float: right;
		height: auto;
		margin: 2em 0 2em 2em;
		padding: 1em;
		width: 100%;
		clear: both;
	}
	.masinfo, .faq{margin-top: 1em;}
	.eliminar{display: none;}
	.menu{
		margin-bottom: -70px;
	}
	ul#listado_ofertas_lista a li{
		min-width: 98%;
	}
	ul#listado_ofertas_lista a.tit_oferta:hover::after {
		content: none;
	}
}

@media (max-width: 600px){
	.masinfo, .faq, .verlista{
		float: none;
		width: 70%;
		margin: 2em auto 40px auto;
		background-position: top 10px right 10px;
	
	}
	.verlista {
		background-color: white;
			border: 1px solid #999;
			border-radius: 10px;
			box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
			padding: 0.8em;		
	}
	.verlista ul li{
		font-size: 1em;
		padding: 1em; 
	}
	.contenido .accordion2 {
		width: 100%;
	}
	#tabs{width: 100%px;
	}
	.index article {
		width: 95%;
	}
} 



/**************************************/

@media (max-width: 639px){
		.index article {
			min-width: 95%;
		}
		.menu{
			margin-bottom: -90px;
			height: 102px;
		}
		
		.verlista p {
			
			color: #075f83;
		font-size: 1.1em;
		text-align: center;
		max-width: 90%;
		margin: 1em auto;
		}
		.verlista a {
			display: inline-block;
			background-color: #075f83;
			color: #fff;
			text-align: center;
			padding: 10px;
			border-radius: 5px;
			text-decoration: none;
			font-size: 1.2em;
			width: 90%;
		}
		.verlista a{
			margin: 5px;
		}
		.idiomas a {
			/*position: absolute;
			top: 51px;*/
			padding-left: 10px;
			background-color: transparent;
			margin-left: 10px;
		}
		.header {
			width: 100%;
			text-align: center;
			opacity: 0.8;
		}

		.listabecas {
			font-size: 13px;
			overflow: auto;
			min-width: 95%;
		}
		ul#listado_ofertas_lista a li{
			max-width: 95%;
		}
		.listabecas a {
			text-decoration: none;
			color: #075f83;
			font-size: 1.1em;
		}
		.listabecas a:hover {
			color: #333;
		}
		.listabecas li {
			border-bottom: 1px solid #075f83;
			padding-bottom: 20px;
			margin-bottom: 20px;
			background-position: top 5px left;
		}

		.verpdf, .ocultarmovil {
			display: none;
		}
		.solomovil {
			display: inline-block;
		}
		.medio{
			width: 98%; 
			padding:  0.5em; 
			margin: 1em 0; 
			border: 1px solid #2D8CBF;
			}

		.movilno {
			display: none;
		}
		.header ul li a {
			padding: 1em 0.5em;
		}
		.index article {
			float: none;
			width: auto;
		}
		.index .sidebar {
			float: none;
		}
		#tabs{width: 100%;
		}
}

@media (max-width: 780px){
	.saleantes {
		display: none;
	}
	.index article {
		width:96%;
	}
	.listabecas {
		font-size: 13px;
		overflow: auto;
		min-width: 95%;
	}
	ul#listado_ofertas_lista a li{
		max-width: 95%;
	}
}

/* A partir de 780px el botón de inscripción queda a caballo del borde derecho
   de la tarjeta (mitad dentro, mitad fuera), centrado en vertical. Va en el
   ::after del <a> (no del <li>) para no depender del overflow:hidden del <li>,
   que sigue intacto recortando las esquinas redondeadas de la tarjeta. */
@media (min-width: 780px){
	ul#listado_ofertas_lista a.tit_oferta:hover::after {
		content: "Inscríbete >> ";
		top: 50%;
		right: 0;
		bottom: auto;
		transform: translate(50%, -50%);
		white-space: nowrap;
		box-shadow: 0 2px 6px rgba(0,0,0,0.25);
	}
}

/***********************/

@media (min-width: 640px)
{
	.verpdf {
		background-color: white;
		border: 1px solid #999;
		border-radius: 10px;
		box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
		float: right;
		height: auto;
		margin: 2em 0 2em 2em;
		padding: 1em;
		width: 160px;
		clear: both;
	}
	.verpdf .textofin {
		display: block;
		font-size: 0.8em;
		text-align: center;
		margin-bottom: 10px;
	}
	.verpdf a {
		display: block;
		background-color: #02938A;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		text-decoration: none;
		font-size: 1.2em;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.verpdf a:hover {
		background-color: #333;
	}
		.noticia {
		background-color: #02938A;
		border: 1px solid #075f83;
		border-radius: 10px;
		box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
		float: right;
		height: auto;
		margin: 0 0 0 2em;
		padding: 0.5em;
		width: 175px;
		clear: both;
		margin-top: 30px;
		margin-bottom: 2em;
	}
	.noticia h3 {
		color: #fff;
		font-size: 1.3em;
		border-bottom: 1px solid #fff;
		font-weight: bold;
		text-transform: uppercase;
	}
	.noticia p {
		color: #fff;
		font-size: 1.3em;
		font-weight: bold;
	}
	.noticia p .fechanoticia {
		font-weight: normal;
		color: #eee;
		display: block;
	}
	.noticia a {
		margin-bottom: 20px;
		font-size: 1.2em;
		font-weight: normal;
		display: block;
		color: #eee;
		text-decoration: none;
		font-variant: small-caps;

	}
	.noticia a:hover {
		color: #fff;
	}
	.mitad {
		width: 45%;
		display: inline-block;
	}
	.mitad:first-of-type {
		margin-right: 3%;
	}
	.verlista {
		background-color: white;
		border: 1px solid #999;
		border-radius: 10px;
		box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74);
		float: right;
		height: auto;
		margin: 0 0 0 2em;
		padding: 0.5em;
		width: 190px;
		clear: both;
		/*margin-top: 30px;*/
		margin-bottom: 40px;
	}
	.verlista p {
		margin-bottom: 20px;
		color: #075f83;
		font-size: 1.1em;
		text-align: center;
		max-width: 95%;
		margin: 1em auto;
	}
	.verlista p a{
		color: white;
	}
	.verlista a, .faq a {
		display: block;
		background-color: #075f83;
		color: #fff;
		text-align: center;
		line-height: 40px;
		border-radius: 5px;
		text-decoration: none;
		font-size: 1.2em;
		margin: 5px;
	}
	.verlista a:hover {
		background-color: #333;
	}
	.verlista ul li{
		font-size: 1em;
	}
}
.arreglos a{
	padding: 0.8em;
	background-color: #02938A;
	line-height: 150%;
}

.verlista ul li{
	font-size: 1em;
}
.verlista a p{
	color: white;
	font-size: 1em;
	padding: 0.5em;
}

.destacadito{
	font-weight: 600;
	color: blue;
}

ul#listado_ofertas_lista a li .destacadito{
	font-weight: 500;
	color: #117095;
	}


.destacadito::before {
	content: "· ";
	color: #28343c;
	font-size: 12px;
	font-weight: 600;
}
ul#listado_ofertas_lista a li .titular{
	font-size: 1.2em;
	border-bottom: 1px dotted;
	width: 100%;
	display: block;
	margin-left: 0;
	color: #117095;
	margin-bottom: -10px;
	text-transform: uppercase;
}
.desta-verde-portada{
	padding: 1em;
	border-radius: 12px;
	border: 1px solid black;
	box-shadow: 0 31px 40px -23px rgba(0, 0, 0, 0.74); 
	margin: 2em 1em;
  	background-color: #02938A; 
	text-align: center; 
	font-variant-caps: all-small-caps; 
	color: white; 
	font-weight: 600; 
	font-size: 1.7em;
}

.ampliacion-plazo{
	width: 90%; 
	margin: 0.5em auto; 
	border-radius: 12px; 
	padding: 0.8em 0.8em 1.2em 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	background-color: #02938A;
	border: 2px solid #dbdbdb;
	text-align: center; 
	 color: white;
}
a.convocadas{
	display: inline;
  background-color: #075f83;
  line-height: 250%;
  padding: 0.4em 0.6em;
  font-size: 1em;
  font-variant: all-petite-caps;
   font-weight: 600;
}

/* Becas Global Training 2026 - New Styles */

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Source+Sans+3:wght@400;600&display=swap');

/* CSS Variables for main content */
:root {
  --primary: hsl(199, 62%, 46%);
  --primary-light: hsl(199, 62%, 56%);
  --secondary: hsl(210, 80%, 30%);
  --accent: hsl(180, 55%, 45%);
  --muted: hsl(210, 30%, 40%);
  --card-bg: hsl(0, 0%, 100%);
  --border: hsl(210, 30%, 90%);
  --gradient-primary: linear-gradient(135deg, hsl(199, 62%, 46%) 0%, hsl(180, 55%, 45%) 100%);
  --shadow-card: 0 8px 30px -8px hsl(199 62% 46% / 0.15);
  --radius: 0.75rem;
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

/* Main content wrapper and container */
.main-content-wrapper {
  padding: 20px !important;
}

.main-content {
  max-width: 900px;
  margin: 0 auto;
}

.container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

/* Info Card */
.info-card {
  background: linear-gradient(145deg, hsl(0, 0%, 100%) 0%, hsl(210, 50%, 98%) 100%);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  animation: fadeUp 0.6s ease-out forwards;
}

.info-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--gradient-primary);
}

/* Titles */
.card-title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
  color: #2d8cbf;
  border-bottom: none !important;
}

.card-subtitle {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--accent);
  margin-bottom: 1.5rem;
}

/* Card Content */
.card-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.card-content p {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 0 !important;
}

.text-muted {
  color: var(--muted);
}

/* Email Link */
.email-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  background: hsl(199, 62%, 46%, 0.1);
  color: var(--primary);
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease;
}

.email-link:hover {
  background: hsl(199, 62%, 46%, 0.2);
}

.email-link svg {
  width: 1rem;
  height: 1rem;
}

/* CTA Box */
.cta-box {
  padding: 1rem 1.25rem;
  border-radius: var(--radius);
  background: var(--gradient-primary);
  color: white;
  font-weight: 600;
  font-size: 1.125rem;
  text-align: center;
}

/* External Link */
.external-link {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  transition: color 0.2s ease;
}

.external-link:hover {
  color: var(--accent);
}

.external-link svg {
  width: 1rem;
  height: 1rem;
}

/* Divider */
.divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0;
  margin: 2rem 0;
}

.divider-line {
  flex: 1;
  height: 2px;
  border-radius: 1px;
  background: var(--gradient-primary);
  opacity: 0.4;
}

.divider-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: var(--gradient-primary);
  animation: pulse 2s infinite;
}

/* Animations */
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

/* Animation delays */
.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.4s;
}

/* ===== Basque Global Industry 2026: pestañas (tabs) ===== */
.tabs-nav {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #dfe0e1;
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabs-tab {
	flex: 1 1 auto;
	background: #eef0f1;
	color: #203749;
	border: none;
	border-right: 1px solid #dfe0e1;
	padding: 14px 10px;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 0.9em;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	text-align: center;
}
.tabs-tab:last-child {
	border-right: none;
}
.tabs-tab.is-active {
	background: #075f83;
	color: #fff;
}
.tabs-tab:hover:not(.is-active) {
	background: #dfe6e9;
}
.tabs-tab:focus-visible {
	outline: 2px solid #02938A;
	outline-offset: -2px;
}
.tabs-panels {
	border: 1px solid #dfe0e1;
	border-top: none;
	padding: 25px 20px;
	background: #fff;
}
.tabs-panel:not(.is-active) {
	display: none;
}
@media (max-width: 639px) {
	.tabs-tab {
		flex: 1 1 50%;
		border-bottom: 1px solid #dfe0e1;
	}
}

/* ===== Basque Global Industry 2026: columna lateral de banners ===== */
.layout-con-banners {
	display: flex;
	flex-direction: column;
	gap: 30px;
	align-items: flex-start;
}
.layout-con-banners .zona-contenido {
	flex: 1 1 auto;
	min-width: 0;
	width: 100%;
	order: 1;
}
.banners-lateral {
	flex: 0 0 auto;
	width: 100%;
	order: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 22%;
}
.banner-slot {
	border: 1px solid #dfe0e1;
	border-radius: 6px;
	background-color: #f7f8f9;
	padding: 18px 16px;
}
.banner-slot .banner-titulo {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 8px;
	color: #075f83;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 600;
	font-size: 1.4em;
}
.banner-slot .banner-titulo svg {
	flex-shrink: 0;
}
.banner-slot .banner-titulo a {
	color: #075f83;
	text-decoration: none;
}
.banner-slot .banner-titulo a:hover {
	text-decoration: underline;
}
.banner-slot .banner-texto {
	margin: 0 0 10px;
	color: #4b4c4d;
	font-size: 0.9em;
	line-height: 1.4;
}
.banner-slot .banner-enlace {
	display: inline-block;
	color: #075f83;
	font-weight: 600;
	font-size: 0.9em;
	text-decoration: none;
}
.banner-slot .banner-enlace:hover {
	text-decoration: underline;
}
.banner-slot.banner-vacio {
	border-style: dashed;
	border-color: #999;
	background-color: #f5f5f5;
	color: #737979;
	text-align: center;
	font-size: 0.85em;
}

/* ===== Basque Global Industry 2026: banner de contacto "más info" ===== */
.banner-contacto {
	background: #fff;
	border: 1px solid #dfe0e1;
	border-radius: 12px;
	padding: 18px 16px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.banner-contacto-cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #dfe0e1;
	padding-bottom: 10px;
	margin-bottom: 12px;
}
.banner-contacto-titulo {
	margin: 0;
	color: #075f83;
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 600;
	font-size: 1.4em;
}
.banner-contacto-entidad {
	margin: 14px 0 6px;
	color: #203749;
	font-weight: 700;
	font-size: 0.85em;
	letter-spacing: 0.02em;
	border-bottom: 1px solid #dfe0e1;
	padding-bottom: 4px;
}
.banner-contacto-entidad:first-of-type {
	margin-top: 0;
}
.banner-contacto-linea {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 6px 0;
	font-size: 0.9em;
}
.banner-contacto-linea img {
	flex-shrink: 0;
}
.banner-contacto-linea a {
	color: #4b4c4d;
	text-decoration: none;
}
.banner-contacto-linea a:hover {
	color: #075f83;
	text-decoration: underline;
}
.banner-contacto > a {
	display: block;
	color: #4b4c4d;
	text-decoration: none;
}
.banner-contacto > a:hover {
	text-decoration: underline;
}
@media (min-width: 780px) {
	.layout-con-banners {
		flex-direction: row;
	}
	.layout-con-banners .zona-contenido {
		flex: 4 1 0;
		order: 1;
	}
	.banners-lateral {
		flex: 1 1 0;
		width: auto;
		order: 2;
		position: sticky;
		top: 20px;
	}
}

/* ===== Basque Global Industry 2026: corrección de alineación del menú =====
   ".header{width:100%}" es heredado de _ref-puente, donde el <ul> del menú
   estaba vacío y el problema no se notaba. Con enlaces reales dentro, forzaba
   el bloque a ocupar toda la fila y caer debajo del botón de idioma. */
.menu .header {
	width: auto;
}