/* =========================================================================
   ESTILOS DE LA VISTA empleo.php
   Generado al sacar los estilos en linea de los .php (atributos style y
   bloques <style>). Solo los carga esta vista
   (partesuperior.php enlaza css/paginas/<nombre del script>.css si existe).
   Las clases ec-N / ev-<vista>-N sustituyen a un style="..." concreto. Sus
   declaraciones llevan !important porque el estilo en linea ganaba a cualquier
   regla normal; no lo llevan display/visibility/opacity (las cambia jQuery con
   .show()/.hide()) ni las propiedades en las que ya habia una regla !important
   que le ganaba al estilo en linea. En los <a> sin href ni class se usa
   data-estilo="..." (una class anularia a:not([class]) de Bootstrap).
   ========================================================================= */

/* ---------- Antes bloque <style> de empleo.php ---------- */
	#internacional_mapa img {max-width:100%;height:auto;}

/* ---------- Antes atributos style="..." ---------- */

/* empleo.php */
.ev-empleo-1 {
	max-height: 100px !important;
	max-width: 100px !important;
}

/* empleo.php */
.ev-empleo-2 {
	color: #f4b333 !important;
	font-size: 1.2em;
}

/* empleo.php */
.ev-empleo-3 {
	border-top: 1px solid #F4B434 !important;
}

/* empleo.php */
.ev-empleo-4 {
	max-height: 110px !important;
	padding-top: 10px !important;
}

/* empleo.php */
.ev-empleo-5 {
	padding: 10px 0 10px 15px !important;
}

/* empleo.php */
.ev-empleo-6 {
	color: #f4b333 !important;
	font-size: 1.3em !important;
	text-align: left !important;
}

/* empleo.php */
.ev-empleo-7 {
	color: #f4b333 !important;
	font-size: 1.1em;
}

/* empleo.php */
.ev-empleo-8 {
	background-color: #f4b334 !important;
	height: 2px !important;
	color: #f4b334 !important;
}

/* =========================================================================
   Rediseno 2026 de empleo.php: tarjeta por oferta y columna derecha fija.
   ========================================================================= */

/* Columna derecha ("Estamos aqui" + tarjeta de la agencia): acompana al
   scroll en escritorio, asi no queda un hueco vacio junto a la lista */
@media (min-width: 992px) {
	.empleo26-lateral {
		position: sticky;
		top: 1rem;
	}
}

/* Tarjeta de oferta */
.empleo26-oferta {
	padding: 1.25rem;
	border: 1px solid #e6e9ee;
	border-left: 4px solid #f4b333;
	box-shadow: 0 1px 3px rgba(35, 45, 59, .06);
	transition: box-shadow .2s ease, transform .2s ease;
}

.empleo26-oferta:hover,
.empleo26-oferta:focus-within {
	box-shadow: 0 8px 24px rgba(35, 45, 59, .12);
	transform: translateY(-2px);
}

.empleo26-imagen {
	width: 96px;
	height: 96px;
	object-fit: cover;
	background-color: #f5f6f8;
}

.empleo26-cuerpo {
	min-width: 0;
}

/* Titulo (principal.css da tamano fijo a los h2 con !important) */
.empleo26-titulo {
	font-size: 1.15rem !important;
	font-weight: 700;
	line-height: 1.3;
	text-align: left !important;
}

.empleo26-titulo a {
	color: #232d3b;
	transition: color .15s ease;
}

.empleo26-oferta:hover .empleo26-titulo a {
	color: #dd9d1f;
}

.empleo26-titulo a:focus-visible {
	outline: none;
}

.empleo26-oferta:has(.empleo26-titulo a:focus-visible) {
	outline: 2px solid #f4b333;
	outline-offset: 2px;
}

/* Datos: empresa, fecha, lugar y vacantes */
.empleo26-datos {
	color: #5b6573;
	font-size: .82rem;
}

.empleo26-datos .list-inline-item:not(:last-child) {
	margin-right: 1rem;
}

.empleo26-datos .fa-solid,
.empleo26-datos .fa-regular {
	color: #dd9d1f;
	margin-right: .2rem;
}

.empleo26-vacantes {
	background-color: #fdf3dd;
	color: #8a5a00;
	font-weight: 600;
}

.empleo26-vacantes .fa-solid {
	color: inherit;
}

.empleo26-resumen {
	color: #5b6573;
	font-size: .88rem;
	line-height: 1.6;
	text-align: left !important;
}

.empleo26-ver {
	color: #232d3b;
	font-size: .85rem;
	font-weight: 700;
}

.empleo26-ver .fa-solid {
	margin-left: .25rem;
	transition: transform .15s ease;
}

.empleo26-oferta:hover .empleo26-ver .fa-solid {
	transform: translateX(3px);
}

.empleo26-vacio {
	color: #5b6573;
}

@media (max-width: 575.98px) {
	.empleo26-oferta { padding: 1rem; }
	.empleo26-imagen { width: 56px; height: 56px; }
}