/* Eliminar márgenes laterales en TODA la web */
body,
.site,
#page,
#content,
.site-main,
#primary,
.content-area {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* 1. Quitar margen/padding general del contenido */
.site-content,
.content-area,
#primary,
#main {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* 2. Ajustar solo el contenido de las entradas/páginas */
.entry-content {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* 3. Si hay un contenedor central tipo .container */
.container,
.wrap {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

/* Quitar márgenes laterales en todas las entradas */
.single-post #primary,
.single-post .content-area,
.single-post .site-content,
.single-post .entry-content {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 100% !important;
	width: 100% !important;
}

/* 1. Centrar el título del sitio */
.site-title, 
.site-branding,
.site-header h1 {
	text-align: center !important;
	margin: 0 auto !important;
}



/* 3. Eliminar el buscador debajo del menú */
.search-form,
.search-form input,
.search-form button,
header .search-form {
	display: none !important;
}

/* 4. Quitar cualquier margen lateral en la cabecera */
.site-header,
.site-branding,
.main-navigation {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100% !important;
}

/* 5. Ajuste fino: evitar que el menú se pegue demasiado al título */
.site-header .main-navigation {
	margin-top: 15px !important;
}

/* Quitar la lupa del menú (icono de búsqueda del tema) */
.menu-item-search,
.search-toggle,
.header-search,
.icon-search,
.main-navigation .search-form,
.main-navigation .search-toggle {
	display: none !important;
}

/* 1. Asegurar que el contenedor del título permite posicionamiento */
.site-branding {
	position: relative !important;
}

/* 2. Crear una lupa a la derecha del título */
.site-branding::after {
	content: "🔍";
	position: absolute;
	right: 20px;
/* ← espacio a la derecha del título */
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	cursor: pointer;
}

/* 3. Mostrar el buscador al pulsar la lupa */
.site-branding::after:hover + .search-form,
.site-branding .search-form:hover {
	display: block !important;
}

/* 4. Estilo del cuadro de búsqueda emergente */
.site-branding .search-form {
	display: none;
	position: absolute;
	right: 20px;
	top: 60px;
	background: white;
	padding: 10px;
	border: 1px solid #ccc;
	z-index: 9999;
}

/* 5. Ocultar buscadores duplicados del tema */
.search-toggle,
.menu-item-search,
.header-search {
	display: none !important;
}

/* Aumentar tamaño y resaltar el título del sitio */
.site-title,
.site-branding h1,
.site-header h1 {
	font-size: 42px !important;
/* tamaño grande */
	font-weight: 800 !important;
/* muy resaltado */
	text-align: center !important;
	margin: 20px 0 !important;
	letter-spacing: 1px !important;
/* separación elegante */
	color: #000 !important;
/* negro intenso */
}

/* Opcional: subtítulo más discreto */
.site-description {
	font-size: 18px !important;
	font-weight: 400 !important;
	opacity: .8;
}

/* Quitar la lupa de la cabecera */
.site-branding::after,
.header-search,
.search-toggle,
.menu-item-search,
.icon-search {
	display: none !important;
}

/* Título en verde oscuro */
.site-title,
.site-branding h1,
.site-header h1 {
	color: #0b3d0b !important;
/* verde oscuro elegante */
	font-weight: 800 !important;
/* más resaltado */
}

.site-title,
.site-branding h1,
.site-header h1 {
	color: #0b3d0b !important;
	font-size: 46px !important;
	font-weight: 800 !important;
	letter-spacing: 1px !important;
	text-align: center !important;
	text-shadow: 0 0 8px rgba(0, 80, 0, 0.25);
}

/* Hacer que los resultados de búsqueda ocupen toda la pantalla */
.search-results #primary,
.search-results .content-area,
.search-results .site-content,
.search-results .entry-content {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 10px !important;
/* pequeño margen interno para que el texto respire */
}

/* Quitar márgenes del título de resultados */
.search-results .page-title {
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
}

/* Asegurar que cada resultado se expande al ancho completo */
.search-results article {
	width: 100% !important;
	margin: 0 0 25px !important;
	padding: 0 !important;
}

/* Contenedor amplio pero centrado */
.search-results #primary,
.search-results .content-area,
.search-results .site-content {
	max-width: 1200px !important;
/* ancho amplio */
	width: 100% !important;
	margin: 0 auto !important;
/* centrado perfecto */
	padding: 0 20px !important;
/* aire lateral elegante */
}

/* Cada artículo centrado dentro del contenedor */
.search-results article {
	width: 100% !important;
	margin: 0 auto 30px !important;
	padding: 0 !important;
}

/* Título centrado */
.search-results .page-title {
	text-align: center !important;
	margin-bottom: 30px !important;
}