/* =========================================================================
   ESTILOS DE LA VISTA buscador.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 buscador.php ---------- */
#internacional_mapa img{max-width:100%;height:auto;}

	/* --- Cabecera del centro de busqueda --- */
	.buscador-slogan {
		color: #444;
		font-size: 1.05rem;
		line-height: 1.5;
		margin: 8px 0 22px;
		max-width: 900px;
	}

	/* En movil el texto iba pegado a los bordes de la pantalla: mismo margen
	   lateral que el buscador y los resultados de debajo */
	@media (max-width: 767.98px) {
		.buscador-slogan {
			padding-left: 12px;
			padding-right: 12px;
		}
	}

	.buscador-resultados-titulo {
		font-size: 1.3rem !important;
		font-weight: 800 !important;
		color: #333f4f !important;
		margin: 26px 0 4px !important;
	}
	.buscador-resultados-texto {
		color: #555;
		font-size: .95rem;
		line-height: 1.5;
		margin: 0 0 18px;
	}
	.buscador-resultados-texto b { color: #333f4f; }

	/* --- Formulario de busqueda --- */
	.buscador-form-fila {
		display: flex;
		align-items: stretch;
		gap: 10px;
		flex-wrap: wrap;
		margin: 6px 0 4px;
	}

	.buscador-input {
		flex: 0 1 380px;
		box-sizing: border-box;
		padding: 10px 14px;
		border: 1px solid #d8d8d8;
		border-radius: 3px;
		font-size: .95rem;
		color: #333f4f;
	}
	.buscador-input::placeholder { color: #b3b3b3; }
	.buscador-input:focus { outline: none; border-color: #f4b333; }

	/* Mismo boton que "Cargar más" del catalogo y de eventos formativos */
	.buscador-form-fila .btn-cargar-mas {
		background-color: #f4b333;
		border: none;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .5px;
		font-size: .85rem;
		padding: 10px 32px;
		border-radius: 6px;
		cursor: pointer;
		transition: opacity .2s ease, transform .15s ease;
	}
	.buscador-form-fila .btn-cargar-mas:hover { opacity: .9; transform: translateY(-2px); }
	.buscador-form-fila .btn-cargar-mas:active { transform: translateY(0); }

	/* Separacion antes del pie: el contenido de esta pagina es corto y la
	   banda de "Entidades asociadas" quedaba pegada a los resultados. */
	.buscador-espacio-pie {
		position: relative;
		clear: both;
		width: 100%;
		height: 70px;
	}