/* --- LIMPIEZA TOTAL RESPONSIVE SPANISHLANGLOVERS --- */
@media screen and (max-width: 768px) {
	/* 1. FOTO Y TEXTO (Media & Text): Fuerza que la foto vaya ARRIBA y el texto ABAJO */
	.wp-block-media-text, 
		    .wp-block-media-text.is-stacked-on-mobile {
		display: flex !important;
		flex-direction: column !important;
	}
	
	.wp-block-media-text__media, 
		    .wp-block-media-text__content {
		width: 100% !important;
		margin: 0 !important;
		padding: 15px !important;
		text-align: center !important;
	}
	
	/* 2. TEXTO DE BENEFICIOS: Evita cortes raros en la frase de "Personalized..." */
	.wp-block-media-text__content p,
		    p.has-text-align-center {
		font-size: 1.1rem !important;
		line-height: 1.6 !important;
		display: block !important;
		width: 100% !important;
	}
	
	/* 3. TÍTULOS: "Speak real Mexican Spanish..." */
	h1, h2, h3, .wp-block-heading {
		font-size: 1.6rem !important;
		line-height: 1.2 !important;
		text-align: center !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	
	/* 4. REVIEWS (Lo que ya funcionaba): Mantiene una sola columna */
	.jetpack-testimonial-shortcode.column-3,
		    .jetpack-testimonial-shortcode {
		display: block !important;
	}
	
	.testimonial-entry.testimonial-entry-column-3,
		    .testimonial-entry {
		width: 100% !important;
		float: none !important;
		margin: 0 0 40px !important;
		display: block !important;
	}
	
	/* 5. BOTONES: Centrados y fáciles de tocar */
	.wp-block-buttons, .wp-block-button {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
	}
	
	.wp-block-button__link {
		width: 90% !important;
	/* Un poco menos del 100% para que respire */
		margin: 10px auto !important;
	}
}

/* --- EFECTO DE BOTÓN SÓLIDO Y LEGIBLE --- */
/* Estado normal del botón */
.wp-block-button__link {
	background-color: #28a745 !important;
/* Tu verde sólido */
	color: #ffffff !important;
/* Texto blanco sólido */
	opacity: 1 !important;
/* Cero transparencia */
	transition: background-color .3s ease !important;
}

/* Estado al tocar o pasar el mouse (Sólido, sin transparencias) */
.wp-block-button__link:hover, 
.wp-block-button__link:active, 
.wp-block-button__link:focus {
	background-color: #1e7e34 !important;
/* Verde más oscuro pero sólido */
	color: #ffffff !important;
/* Mantiene el texto blanco */
	opacity: 1 !important;
/* Asegura que no se haga transparente */
	text-decoration: none !important;
}