/* ============================================================
   evento_responsive.css
   Capa responsive BASE para páginas de eventos (ferias/subastas)
   construidas sobre ferias_subastas3.css. Nació con la Feria de
   Salamanca 2026, pensada para reutilizarse en próximos eventos.
   Se carga DESPUÉS de ferias_subastas3.css y de los css3menu,
   así que sus reglas ganan por orden de aparición.
   Recuerda subir la versión "?v=N" del <link> si editas esto
   (cache agresiva de Safari/iPhone).
   ============================================================ */

/* ---------- Filtro de ganadería (todas las anchuras) ---------- */
.filtro-ganaderia {
	margin: 10px 21px 6px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 140%;
}
.filtro-ganaderia label {
	font-weight: 700;
	color: #00573F;
	font-size: 100%;
}
.filtro-ganaderia select {
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	font-size: 100%;
	padding: 6px 10px;
	border: 1px solid #C87642;
	border-radius: 4px;
	color: #333;
	background: #fff;
}
.toggle-secciones {
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	font-size: 100%;
	padding: 6px 12px;
	border: 1px solid #00573F;
	border-radius: 4px;
	color: #00573F;
	background: #fff;
	cursor: pointer;
}
.toggle-secciones:hover {
	background: #00573F;
	color: #fff;
}

/* ---------- Contenedor unificado de la lista de concurso ---------- */
#concursoWrap {
	margin-left: 21px;
	width: 980px;
}

/* ---------- Listas de animales (subasta y concurso) ---------- */
.animal-columns {
	margin: 0 0 20px;
	column-count: 2;
	column-gap: 34px;
	font-size: 140%;
}
.animal-list-flat {
	list-style: none;
	padding: 0;
}
.animal-list-flat li {
	break-inside: avoid;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}
.animal-list-flat li a {
	font-weight: 600;
}

details.seccion {
	break-inside: avoid;
	margin-bottom: 6px;
}
details.seccion summary {
	cursor: pointer;
	font-weight: 700;
	color: #C87642;
	padding: 8px 8px;
	background: #faf5f2;
	border-bottom: 2px solid #C87642;
	font-family: 'Merriweather', Georgia, serif;
	font-size: 95%;
}
details.seccion summary .count {
	color: #777;
	font-weight: 400;
	font-family: 'Montserrat', Verdana, Arial, sans-serif;
	font-size: 90%;
}
details.seccion summary::marker {
	color: #00573F;
}
ul.animal-sublist {
	list-style: none;
	margin: 4px 0 10px;
	padding-left: 10px;
}
ul.animal-sublist li {
	padding: 4px 0 4px 14px;
	position: relative;
	border-bottom: 1px solid #f2f2f2;
	font-size: 96%;
}
ul.animal-sublist li::before {
	content: "\203A";
	position: absolute;
	left: 0;
	color: #00573F;
	font-weight: 700;
}
ul.animal-sublist li[hidden],
.animal-list-flat li[hidden] {
	display: none;
}
details.seccion.sin-resultados {
	display: none;
}

/* ---------- Menú hamburguesa (oculto salvo <768px) ---------- */
.mobile-nav-toggle {
	display: none;
}
.mobile-nav-panel {
	display: none;
}

/* ============================================================
   MOBILE (<768px)
   ============================================================ */
@media (max-width: 768px) {

	#main {
		width: 100%;
		max-width: 100%;
		padding: 0 16px;
		box-sizing: border-box;
	}

	/* Banner */
	#rect_banner {
		display: block;
		width: 100%;
		height: auto;
		float: none;
		position: relative;
		padding: 8px 0 4px;
		box-sizing: border-box;
	}
	#banner_limusinex {
		float: none;
		display: block;
		margin: 0 auto;
		width: 70%;
		max-width: 220px;
		height: auto;
	}

	/* Menú de escritorio oculto, hamburguesa visible */
	#rect_botonera,
	#botonera,
	ul#css3menu1 {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
		height: 0 !important;
		min-height: 0 !important;
	}
	.mobile-nav-toggle {
		display: block;
		position: absolute;
		top: 14px;
		right: 14px;
		width: 34px;
		height: 28px;
		background: transparent;
		border: none;
		padding: 0;
		cursor: pointer;
		z-index: 20;
	}
	.mobile-nav-toggle span {
		display: block;
		width: 100%;
		height: 4px;
		margin: 5px 0;
		background: #00573F;
		border-radius: 2px;
	}
	.mobile-nav-panel {
		width: 100%;
		box-sizing: border-box;
		background: #00573F;
	}
	.mobile-nav-panel.open {
		display: block;
	}
	.mobile-nav-panel a {
		display: block;
		padding: 12px 21px;
		color: #fff !important;
		font-weight: 600;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		text-decoration: none !important;
	}

	/* Columnas de contenido a ancho completo, apiladas */
	#Div,
	#colwrap2,
	#Div2, #Div3, #Div4, .Txt_Del,
	#Div6, #Div7, #concursoWrap {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#Div {
		margin-top: 8px !important;
	}
	#Div6 img {
		width: 100% !important;
		height: auto !important;
		max-width: 190px;
		margin: 0 auto;
	}

	.Txt_FERIA {
		float: none;
		display: block;
		font-size: 140%;
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 10px 0;
	}
	.Txt_04092015 {
		float: none;
		display: block;
		margin-left: 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		padding: 6px 0;
	}
	.Txt_ANIMALES,
	.Txt_ANIMALES2 {
		float: none;
		display: block;
		margin-left: 0;
		padding: 0;
		font-size: 130%;
	}

	.animal-columns {
		column-count: 1;
		margin: 0 0 16px;
		font-size: 140%;
	}
	.filtro-ganaderia {
		margin: 10px 0 4px;
	}
	.filtro-ganaderia select {
		flex: 1 1 auto;
		width: 100%;
	}
}