/**
 * Red de Solidaridad — responsive global.
 * Carga en TODAS las páginas. Anula los floats / anchos fijos heredados
 * del Twenty Thirteen / oberle-2017 originales (que son de 2013, NO
 * responsive) y los adapta a tablet y móvil.
 */

/* ========== Header / logo / menú en mobile ========== */
@media (max-width: 900px) {
	body { font-size: 15px; }

	.contenedor {
		padding: 0 14px;
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Logo y redes apilados */
	.logo {
		max-width: 260px !important;
		height: 70px !important;
		background-size: contain !important;
		margin: 12px auto !important;
		display: block !important;
		float: none !important;
	}
	.redes {
		float: none !important;
		text-align: center !important;
		margin: 0 auto 12px !important;
		padding: 0 !important;
		display: flex !important;
		justify-content: center;
		gap: 8px;
	}
	.redes li {
		display: inline-block !important;
		float: none !important;
		margin: 0 !important;
	}

	/* Menú principal: hamburguesa */
	#navbar { padding: 0 !important; }
	.menu-toggle {
		display: block !important;
		width: 100% !important;
		background: #2056BF !important;
		color: #fff !important;
		border: none !important;
		padding: 12px !important;
		font-size: 15px !important;
		font-weight: 700 !important;
		cursor: pointer;
		text-align: left;
	}
	.menu-toggle::after {
		content: '☰';
		float: right;
		font-size: 20px;
	}
	.nav-menu {
		display: none !important;
		flex-direction: column;
		background: #fff;
		border: 1px solid #e0e6ef;
		border-top: none;
	}
	.toggled-on .nav-menu,
	.nav-menu.toggled-on {
		display: flex !important;
	}
	.nav-menu li {
		float: none !important;
		width: 100% !important;
		display: block !important;
		border-bottom: 1px solid #f0f3f8;
	}
	.nav-menu li:last-child { border-bottom: none; }
	.nav-menu a {
		display: block !important;
		padding: 14px 18px !important;
		font-size: 14px !important;
	}

	/* Search form oculto en mobile (queda en el menú móvil de WP si se necesita) */
	#navbar .search-form { display: none; }
}

/* ========== Home (index.php) — bloques de instituciones ========== */
@media (max-width: 900px) {
	.bloques {
		display: grid !important;
		grid-template-columns: repeat(6, 1fr) !important;
		gap: 4px !important;
		margin: 12px 0 !important;
		padding: 0 !important;
		float: none !important;
	}
	.bloques .imgfila {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		aspect-ratio: 1 / 1;
		background-size: cover !important;
		background-position: center !important;
		display: block !important;
	}
}
@media (max-width: 600px) {
	.bloques { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 900px) {
	/* Bienvenido / coverimg */
	.bienvenido {
		padding: 18px !important;
		margin: 18px 0 !important;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box;
		height: auto !important;
	}
	.bienvenido .titulo,
	.bienvenido h2.titulo {
		font-size: 22px !important;
		line-height: 1.3 !important;
		margin: 0 0 12px !important;
	}
	.bienvenido .texto,
	.bienvenido p.texto {
		font-size: 14px !important;
		line-height: 1.55 !important;
		text-overflow: clip !important;
		white-space: normal !important;
		overflow: visible !important;
		display: block !important;
		-webkit-line-clamp: unset !important;
		max-height: none !important;
	}
	.bienvenido .coverimg {
		float: none !important;
		width: 100% !important;
		margin: 14px 0 0 !important;
	}
	.iconolapiz { display: none !important; }

	/* Quehacemos: 4 cajas */
	.quehacemos { padding: 0 !important; }
	.quehacemos .listaserv,
	.quehacemos .listaserv > div {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.classe-widget {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	.rommeled_widget_image_inner {
		display: block !important;
		padding: 14px !important;
		border-radius: 8px;
	}
	.rommeled_widget_image_inner h3 { font-size: 14px !important; }
	.rommeled_widget_image_inner p { font-size: 12px !important; line-height: 1.45 !important; }
	.rommeled_widget_image-image img { width: 100% !important; height: auto !important; }

	/* Cajas de noticias / aliados / video */
	.cajassecciones {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 16px !important;
	}
	.boxnoticias, .boxproovedor, .boxvideo {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
	.boxvideo iframe {
		width: 100% !important;
		max-width: 100% !important;
		aspect-ratio: 16 / 9 !important;
		height: auto !important;
	}
	.shadowsep { display: none !important; }
}
@media (max-width: 600px) {
	.quehacemos .listaserv,
	.quehacemos .listaserv > div {
		grid-template-columns: 1fr !important;
	}
}

/* ========== Tabla genérica de respuesta para imágenes ========== */
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }