/* Elimina el espacio superior del título oculto */
.singular .entry-header {
	display: none !important;
}

/* Elimina el margen superior del contenido para que suba */
.singular .entry-content, 
.entry-content > .alignfull:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Quita el espacio extra que Twenty Twenty añade al header */
#site-header {
	margin-bottom: 0 !important;
}

/* Color blanco para todos los enlaces del sitio */
a, 
.primary-menu a, 
.footer-menu a {
	color: #ffffff !important;
}

/* Fuerza el color blanco en los enlaces del menú principal */
.primary-menu a, 
.primary-menu span,
#site-header .primary-menu li a {
	color: #ffffff !important;
}

/* También para el menú cuando se despliega en móviles */
.modal-menu a {
	color: #ffffff !important;
}

/* Cambia el fondo del submenú al color verde */
.primary-menu ul {
	background-color: #2d5a27 !important;
/* Sustituye este código por tu verde exacto */
}

/* RESET ABSOLUTO: Forzar que las columnas se toquen al 100% */
/* 1. Transformamos el contenedor en una fila sin huecos */
.wp-block-columns {
	display: flex !important;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-wrap: nowrap !important;
/* Evita que se bajen en móvil */
}

/* 2. Forzamos a cada columna a ignorar los márgenes del tema */
.wp-block-column {
	margin: 0 !important;
	padding: 0 !important;
	flex-grow: 1 !important;
	flex-basis: 0 !important;
/* Reparte el espacio exacto */
	max-width: none !important;
}

/* 3. Quitamos el aire de las imágenes y las estiramos un pelín */
.wp-block-column figure, 
.wp-block-column img {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	width: 100.5% !important;
/* Ese 0.5% extra hace que se solapen y borren cualquier línea blanca */
	max-width: 100.5% !important;
}

/* 4. Quitamos cualquier espacio residual del texto */
.wp-block-column * {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

/* 1. Contenedor del Bloque de Fondo (Cover) */
.wp-block-column .wp-block-cover {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-end !important;
/* Texto abajo */
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
	width: 100% !important;
	min-height: 400px !important;
}

/* 2. Contenedor interno del texto */
.wp-block-column .wp-block-cover__inner-container {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
}

/* 3. Ajuste de la franja y el texto */
.wp-block-column .wp-block-cover p {
	text-align: center !important;
	margin: 0 !important;
	width: 100% !important;
	display: block !important;
/* ESTILOS SOLICITADOS */
	font-size: 25px !important;
/* Tamaño 27px */
	color: #1A2F1C !important;
/* Color verde oscuro */
	background-color: #f5f5dc9c !important;
/* Fondo beige con transparencia */
/* FRANJA MÁS FINA */
	padding: 12px 0 !important;
/* Reducido de 30px a 12px para hacerla fina */
/* ACABADO PROFESIONAL */
	font-weight: 800 !important;
/* Letra con cuerpo pero no excesiva */
	text-transform: uppercase !important;
	line-height: 1 !important;
	letter-spacing: .5px !important;
}

/* Cambiar el color del botón */
input[type="submit"], 
button[type="submit"] {
	background-color: #2d5a27 !important;
/* Verde bosque */
	color: white !important;
	padding: 15px 30px !important;
	border-radius: 25px !important;
	text-transform: uppercase;
	font-weight: bold;
	transition: transform .3s ease;
}

input[type="submit"]:hover {
	transform: scale(1.05);
/* Efecto de crecimiento al pasar el ratón */
}

/* Mejora el diseño de los cuadros de texto */
input[type="text"], 
input[type="email"], 
input[type="tel"], 
select {
	border: 1px solid #ccc !important;
	border-radius: 8px !important;
	padding: 12px !important;
	background-color: white !important;
}

/* 1. Centrar el contenedor principal en la página */
.mi-formulario-unico {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 650px !important;
	display: block !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}

/* 2. Centrar CUALQUIER elemento de texto o contenedor interno */
.mi-formulario-unico,
.mi-formulario-unico * {
	text-align: center !important;
/* Centra el texto */
	justify-content: center !important;
/* Centra si hay flexbox */
	align-items: center !important;
}

/* 3. Centrar los cuadros (inputs) y asegurar que no se peguen a la izquierda */
.mi-formulario-unico input, 
.mi-formulario-unico select, 
.mi-formulario-unico textarea,
.mi-formulario-unico .wp-block-button,
.mi-formulario-unico .wpcf7-form-control-wrap {
	display: inline-block !important;
/* Permite que el texto centrado los mueva al medio */
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

/* 4. Ajuste específico para etiquetas (Nombre, Apellidos, etc.) */
.mi-formulario-unico label {
	display: block !important;
	width: 100% !important;
	margin-bottom: 5px !important;
}

/* Cambiar el color de todos los enlaces de la web */
a {
	color: #1A2F1C !important;
	text-decoration: underline;
/* Opcional: mantiene el subrayado para que se identifiquen mejor */
}

/* Color cuando se pasa el ratón por encima (hover) */
a:hover {
	color: #2d5a27 !important;
/* Un verde un poco más claro al pasar el ratón */
	text-decoration: none;
}

/* Si quieres que los enlaces dentro del formulario también cambien */
.mi-formulario-unico a {
	color: #1A2F1C !important;
	font-weight: bold;
}

/* 1. MANTENER EL ORDENADOR IGUAL (DISEÑO DEL EDITOR) */
.wp-block-column .wp-block-cover {
	display: flex !important;
	justify-content: center !important;
	align-items: flex-end !important;
	padding: 0 !important;
	width: 100% !important;
	min-height: 450px !important;
}

.wp-block-column .wp-block-cover p {
	font-size: 27px !important;
	color: #1A2F1C !important;
	background-color: #f5f5dc9c !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 12px 0 !important;
	text-align: center !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
/* BLOQUEO TOTAL DE ROTURA DE PALABRA */
	white-space: nowrap !important;
	display: block !important;
}

/* 2. EL ARREGLO PARA MÓVIL (EVITAR EL TEXTO VERTICAL) */
@media (max-width: 781px) {
	/* Forzamos a las columnas a no hacerse minúsculas */
	.wp-block-columns {
		display: flex !important;
		flex-direction: column !important;
	/* Una debajo de otra en móvil */
	}
	
	.wp-block-column {
		width: 100% !important;
	/* Que ocupen todo el ancho de la pantalla */
		flex-basis: 100% !important;
		margin-bottom: 20px !important;
	/* Espacio entre fotos */
	}
	
	.wp-block-column .wp-block-cover p {
	/* Ajuste de seguridad para que palabras largas quepan en el ancho del móvil */
		font-size: 24px !important;
		white-space: normal !important;
	/* Permite que "CELEBRACIÓN SOLIDARIA" baje en dos líneas si es necesario, pero sin romper las letras */
		line-height: 1.1 !important;
	}
}

/* AJUSTE PARA EL FONDO DE HOJAS EN MÓVIL */
@media (max-width: 781px) {
	body, 
			    .site-content, 
			    .entry-content,
			    .wp-block-group,
			    .has-background {
	/* Mantiene el tamaño de la imagen original en lugar de estirarla */
		background-size: 500px auto !important;
	/* Hace que el fondo se repita de forma fluida */
		background-repeat: repeat !important;
	/* Evita que el fondo se quede "pegado" al hacer scroll, lo que da fallos en móvil */
		background-attachment: scroll !important;
	/* Centra el patrón para que se vea equilibrado */
		background-position: center top !important;
	}
}

/* --- FIX FINAL: TEXTO DENTRO DEL CUADRO --- */
.wp-block-column .wp-block-cover p {
/* 1. Ajustamos el tamaño para que quepa mejor */
	font-size: 18px !important;
/* 2. Forzamos a que se quede dentro de los márgenes */
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
/* 3. Permitimos que el texto baje a una segunda línea si no cabe */
	white-space: normal !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
/* 4. Quitamos cualquier posicionamiento extraño anterior */
	position: static !important;
	transform: none !important;
	left: 0 !important;
/* 5. Estética de la franja */
	padding: 8px 5px !important;
	margin: 0 !important;
	text-align: center !important;
	line-height: 1.2 !important;
}

/* En pantallas un poco más grandes (PC), podemos subirlo a 20px */
@media (min-width: 1000px) {
	.wp-block-column .wp-block-cover p {
		font-size: 20px !important;
	}
}

/* Color beige, bordes redondeados y control de ancho */
.wpforms-container {
    background-color: #f5f5dbe0 !important;
    padding: 30px !important;
    border-radius: 20px !important;
    
    /* CONTROL DE ANCHO: Ajusta el 600px si lo quieres más o menos estrecho */
    max-width: 600px !important; 
    margin: 0 auto !important; /* Esto lo centra en la página */
    
    box-shadow: 0px 8px 20px rgba(0,0,0,0.15) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
}

/* Ajuste para que los campos no se amontonen */
.wpforms-field {
    padding: 10px 0 !important;
}

/* Borde verde específico para botones con este color de fondo */
.wp-block-button__link {
    border: 2px solid #1A2F1C !important;
    transition: all 0.3s ease;
}

/* Efecto al pasar el ratón (opcional pero queda muy pro) */
.wp-block-button__link:hover {
    background-color: #1A2F1C !important;
    color: white !important;
}

/* --- DISEÑO 2 COLUMNAS: SOLO PARA EL GRUPO 'mi-lista-total' --- */
@media (max-width: 650px) {
    
    /* 1. Obligamos a los bloques internos a mezclarse */
    .mi-lista-total .wp-block-columns {
        display: contents !important;
    }

    /* 2. Tu código de la vieja escuela: 2 columnas reales */
    .mi-lista-total .wp-block-column {
        float: left !important;
        width: 50% !important;
        max-width: 50% !important;
        padding: 5px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        clear: none !important; /* Vital para que se pongan de dos en dos */
    }

    /* 3. Ajuste de las fotos verdes */
    .mi-lista-total .wp-block-cover {
        height: 160px !important;
        min-height: 160px !important;
        width: 100% !important;
    }

    /* 4. Tu franja de texto beige */
    .mi-lista-total .wp-block-cover p {
        font-size: 13px !important;
        background-color: #f5f5dc !important;
        color: #333 !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }
}

/* ELIMINACIÓN RADICAL DEL BOTÓN 'UNA ÚNICA VEZ' */

/* 1. Atacamos por la etiqueta interna de accesibilidad */
[id*="donation-tab-once"], 
.wp-block-jetpack-donations__options-list li:first-of-type {
    display: none !important;
}

/* 2. Forzamos que los otros dos botones ocupen el sitio */
.wp-block-jetpack-donations__options-list li:nth-of-type(2),
.wp-block-jetpack-donations__options-list li:nth-of-type(3) {
    display: block !important;
    width: 50% !important;
    flex: 1 !important;
}

/* 3. EVITAR EL HUECO EN BLANCO: Forzamos el contenido de mensual */
.wp-block-jetpack-donations__values, 
.wp-block-jetpack-donations__fields {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}