html {
		scroll-behavior: smooth;

}

.banner-escritorio, .banner-movil {
  display: none;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.padding-grupos{
		padding-top: 2vh;
		padding-bottom: 6vh;
		padding-right: 0vh;
		padding-left: 0vh;
		margin: 6vh 0vh 6vh 0vh;

}

@media (min-width: 901px) {
  .banner {
    background-image: url('https://xixcnpaleobcs.com/wp-content/uploads/2025/05/banner.png');
  }
		
		.banner-escritorio {
    display: block;
  }
		
		.logo-header {
				width: 300px;
				height: auto;
				display:  flex;
				justify-content:center;
				align-items: center;
		}
		
		.banner {
				width: 100%;
				height: auto;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				background-color: #f0f0f0; 
				display: block;
	
  }
		
		.texto-menu{
				font-size: 18px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 400;
		}
		
		
		.texto-encabezados {
				font-size: 40px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 700;
		}
		
		.texto-LaPaz {
				font-size: 35px;
				text-align: left;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 700;
				margin: 0px;
				padding: 0px;
		}
		
		.texto-correo {
				font-size: 20px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 500;
		}
		
		.imagen-sede{
				width: auto;
				height: 50vh;
				object-fit: cover;
				background-color: #f9FAF3;
				margin: 0vh 6vh 0vh 6vh !important;
		}
		
		.galeria-sede{
				width: 100%;
				height: 20vh;
				object-fit: cover;
		}
		
		.imagenes{
				width: 100%;
				height: auto;
				object-fit: cover;
		}
		
		.texto-parrafos {
				font-size: 20px;
				text-align: justify;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 500;
				margin: 0px;
		}
		
		.texto-subtitulos {
				font-size: 22px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 700;
		}
		
		.texto-footer {
				font-size: 18px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 400;
		}
		
		.logo-footer {
				width: 125px;
				height: 125px;
				
		}
}

@media (max-width: 900px){
		.banner {
				background-image: url('https://xixcnpaleobcs.com/wp-content/uploads/2025/05/banner-movil.png');
		}
		
		.banner-movil {
    display: block;
  }
		
		.logo-header {
				width: 200px;
				height: auto;
				display:  flex;
				justify-content:center;
				align-items: center;
		
		}
		
		.banner {
				width: 100%;
				height: auto;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				background-color: #f0f0f0; 
  }
		.texto-menu {
				font-size: 16px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 400;
		}
		
		.texto-encabezados {
				font-size: 21px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight:700;
		}
		
		.texto-LaPaz {
				font-size: 21px;
				text-align: left;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 700;
				margin: 0px;
		
		}
		
		.texto-correo {
				font-size: 16px;
				text-align: center;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 500;
		}
		
		.imagen-sede{
				width: 100vh;
				height: auto;
				object-fit: cover;
				
		}
		
		.galeria-sede{
				width: 50%;
				height: auto;
				object-fit: cover;
		
		}
		
		.imagenes{
				width: 100%;
				height: auto;
				object-fit: cover;
		}
		
		
		.texto-parrafos {
				font-size: 16px;
				text-align: justify;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 500;
				margin: 0;
		}
		
		.texto-subtitulos {
				font-size: 18px;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 700;
		}
		
		.texto-footer {
				font-size: 10px;
				font-family: "Karla", sans-serif;
				font-style: normal;
				font-weight: 400;
		}
		
		.logo-footer {
				width: 80px;
				height: 80px;
		}
		
		
}


@media (max-width: 1250px) {

  .wp-block-navigation__container {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open {
			display: inline-block !important;
			margin-left: auto;
			padding: 2vh;
			z-index: 10;
			position: relative;
  }

  .wp-block-navigation__responsive-container {
			display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open {
			display: flex !important;
			flex-direction: column;
			position: fixed;
			top: 0;
			right: 0;
			left: auto;
			width: 250px;
			height: 100%;
			background: #F9FAF3 !important;
			z-index: 10;
			overflow-y: auto;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation__container {
			display: flex !important;
			flex-direction: column;
			width: 100%;
  }

  .wp-block-navigation__responsive-container .wp-block-navigation-item a {
			display: block;
			width: 100%;
			font-weight: 500;
			color: #000000;
  }

  .wp-block-navigation__responsive-close {
			margin-left: auto;
			margin-bottom: 2vh;
			font-size: 2vh;
			color: #000000;
			cursor: pointer;
			background: #F9FAF3;
  }
}

@media (max-width: 1200px) {
  .columnas-responsivas {
    flex-direction: column !important;
  }

  .columnas-responsivas > .wp-block-column {
    width: 100% !important;
  }
		
		.imagen-sede {
				margin: 0rem !important; 
		}
		
		
}

.sombra-fooder {
		box-shadow: 0 -10px 20px -10px #c9c9c91f;

}

.wp-block-gallery-2 {
		background-color: #f9FAF3;
}

._df_thumb{
    width:350px;
}