/* ✅ Logo en el header de la home */
.header-home .wp-block-site-logo img {
	content: url('https://jfmejia94-qenfp.wordpress.com/wp-content/uploads/2025/09/cropped-logo-web-blanco_mesa-de-trabajo-1-1.png');
	width: auto;
}

.header-home .wp-block-site-logo img {
	padding: 45px 80px;
}

/* ✅ Logo en todos los demás headers */
.wp-block-site-logo img {
	content: url('https://jfmejia94-qenfp.wordpress.com/wp-content/uploads/2025/09/cropped-logo-web-mauro_mesa-de-trabajo-1-1-1.png');
	width: auto;
}


.mcgl-wrap .mcgl-btn{
	    background-color: var(--wp--custom--button--color--background);
    border-radius: 5px;
    border-color: var(--wp--custom--button--border--color);
    border-width: var(--wp--custom--button--border--width);
    border-style: var(--wp--custom--button--border--style)
solid
;
    color: var(--wp--custom--button--color--text);
    font-family: var(--wp--preset--font-family--bitter);
    font-size: var(--wp--custom--button--typography--font-size);
    font-weight: 500;
    line-height: var(--wp--custom--button--typography--line-height);
    padding-top: 8px;
    padding-right: 50px;
    padding-bottom: 8px;
    padding-left: 50px;
    width: 100%;
    display: block;
    text-align: center;
	font-size: 1.2rem;
}

.mcgl-wrap{
	margin:0;
}

.glightbox-clean .gslide-title{
	    font-size: 1em;
    font-weight: 400;
    font-family: arial;
    color: #fff;
    text-align: center!important;
    margin: 0!important;
    line-height: 1.4em;
}

.glightbox-clean .gslide-description{
	background-color: transparent!important;
}

.wp-block-button__link{
	color:#fff!important;
}

.mcgl-wrap .mcgl-btn:hover{
	background-color:#9b9896;
	border:2px solid #9b9896;
}

/* === mcg:featured-image-ratio START === */
/* La destacada es alignfull con height:auto, asi que una foto vertical
   ocupaba 1.3x el ancho de la pantalla. Se fija una relacion de aspecto
   y se recorta con object-fit en vez de estirar el alto. */
.wp-block-post-featured-image img {
	aspect-ratio: 16 / 9;
	max-height: 70vh;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 781px) {
	.wp-block-post-featured-image img {
		aspect-ratio: 4 / 3;
		max-height: 60vh;
	}
}
/* === mcg:featured-image-ratio END === */

/* === mcg:responsive START === */
/* --- 1. Red de seguridad contra desplazamiento horizontal ---------------
   overflow-x:clip en vez de hidden: clip no crea contenedor de scroll, asi
   que no rompe position:sticky si algun dia se usa. hidden queda de reserva
   para navegadores sin soporte de clip. */
body {
	overflow-x: hidden;
	overflow-x: clip;
}

/* --- 2. Palabras y URLs largas -----------------------------------------
   El tema solo corta palabras en columnas, botones y titulos. En parrafos
   no, y hay entradas con URLs pegadas de hasta 50 caracteres (por ejemplo
   la #495) que desbordaban en pantallas estrechas. */
.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content dd,
.entry-content p,
.entry-content li {
	overflow-wrap: break-word;
}

.wp-block-post-content a,
.entry-content a {
	overflow-wrap: anywhere;
}

/* --- 3. Medios: tope de ancho ------------------------------------------
   Cubre video, iframes e incrustados, no solo img. Hay 21 entradas con
   video local y 22 con bloques de incrustacion. */
.wp-block-post-content img,
.wp-block-post-content video,
.wp-block-post-content iframe,
.wp-block-post-content embed,
.wp-block-post-content object,
.entry-content img,
.entry-content video,
.entry-content iframe {
	max-width: 100%;
}

.wp-block-embed__wrapper iframe {
	max-width: 100%;
}

/* --- 4. Imagenes redimensionadas a mano --------------------------------
   La entrada #1109 lleva style="width:593px;height:791px" en linea. En
   movil max-width:100% recorta el ancho pero el alto en px se mantiene, y
   la foto sale estirada. Se libera el alto por debajo de 782px. */
@media (max-width: 781px) {
	.wp-block-image.is-resized img,
	.wp-block-image img[style*="width:"] {
		height: auto !important;
		width: auto !important;
		max-width: 100%;
	}
}

/* --- 5. Logo de la home ------------------------------------------------
   Tenia padding: 45px 80px fijo para todos los tamanos. En un movil de
   360px eso se comia 160px de ancho y 90px de alto de cabecera. */
@media (max-width: 781px) {
	.header-home .wp-block-site-logo img {
		padding: 22px 24px;
	}
}

@media (max-width: 480px) {
	.header-home .wp-block-site-logo img {
		padding: 14px 16px;
	}
}

/* --- 6. Botones a ancho completo ---------------------------------------
   .mcgl-btn lleva width:100% con 50px de padding lateral. Con border-box
   no desborda, pero en movil el texto queda muy apretado. */
@media (max-width: 600px) {
	.mcgl-wrap .mcgl-btn {
		padding-left: 18px;
		padding-right: 18px;
		font-size: 1.05rem;
	}
}
/* === mcg:responsive END === */

/* === mcg:headings START === */
/* Las tarjetas de servicio pasaron de H3 a H2 para que la pagina no
   empiece con H3 sin ningun H2 delante. Estas dos clases ya venian en
   el marcado y no tenian ninguna regla, asi que se usan para mantener
   exactamente el tamano que tenian como H3: clamp(1.5rem,4vw,2.25rem). */
.wp-block-heading.is-event-name,
.wp-block-heading.is-service-name {
	font-size: clamp(1.5rem, 4vw, 2.25rem);
}
/* === mcg:headings END === */