@charset "utf-8";
/* CSS Document */
.section-split h1, .section-split h2, .section-split h3 { 
	/*font-family: Playfair Display, serif !important; */
	 font-family: "Noto Sans", sans-serif !important;
}

/*.section-split{
	top:190px !important;
}*/

h1,h2,h3,h4,h5,h6{
	font-family: "Noto Sans", sans-serif !important;
}

  .display-3{
	font-size: 2.5rem !important;
	font-family: "Noto Sans", sans-serif !important;
	/*margin-top: 170px !important;*/
  }

  .display-4{
	font-size: 2.5rem !important;
	color:#fff !important;
  }

  .banner-2{
	color:#fff !important;
  }


  .fw-bold{
	font-weight:500 !important;
  }

  p{
	font-family: "Noto Sans", sans-serif !important;
  }

 /*.bloque-1{
	width: 400px !important;
	padding-left: 60px !important;
 } */

@media (min-width: 576px) {
	.section-split {
		--section-width: 50%;
		--hover-width: 65%;
		--less-width: calc(100% - var(--hover-width));
		--hover-speed: 1s;
		--bg-opacity: 0.7;
		position: absolute;
		left: 0;
		top: 0;
		width: var(--section-width);
		background-repeat: no-repeat;
	  	background-size: auto 100%;
	  	background-position: center center;
		transition: width var(--hover-speed) ease;
	}

	.section-split.split-right {
		left: auto;
		right: 0;
	}

	.section-split:hover ~ .section-split {
		width: var(--less-width);
	}

	.section-split:hover {
		width: var(--hover-width);
	}
		}