@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*, html{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
.qlwapp__container{
		z-index:500 !important
}

#flash-breadcrumbs{
		display:none
}
#s1, #s1m{
		text-align:center
}
#sm1{
		padding:0
}
#s2m img{
		width:200%;
		padding:0;
}
#botones{
		position:absolute;
		width:98%;
		height:100px;
		margin:auto
		
}
.imservicios{
		width:200px
}
#botones #boton1a{
		position:relative;
		margin-left:0;
		margin-top:0;
		width:50%;
}
#botones #boton2a{
		position:relative;
		margin-left:50%;
		margin-top:-35px;
		width:50%;
}
/*#fuerza-horizontal .panel-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
    }
#fuerza-horizontal .panel-grid-cell {
        width: 50% !important;
        float: left !important;
        margin: 0 !important;
        padding: 5px !important;
}
#fuerza-horizontal .so-widget-sow-button {
        width: 100% !important;
    }*/
#s1 h2, #s1 h4, #s1m h2, #s1m h4{
		color:white;
		font-family: "Roboto", sans-serif;
		font-size:4rem;
		font-weight:800;
		text-shadow:#000 1px 1px 1px;
		line-height:1
}
#s1 h4, #s1m h4{
		font-size:2rem;
		font-weight:600
}
#s1m h2{
		font-size:2.5rem
}
#s1m h4{
		font-size:1.5rem;
		font-weight:400
}
#formulario input, #formulario textarea{
		margin-bottom:2px;
		border:none;
		background:none;
		border-bottom:grey solid thin;
		color:grey;
		outline:none
}
#formulario input[type=submit]{
		border:none;
		background:#0497E5;
		color:white;
		width:100%
}
#formulario input[type=submit]:hover{
		background:#004597
}
#s2 img{
		opacity:0;
		transition: all .5s ease-in-out
}
#s2 img:hover{
		opacity:1;
}

#slider .caption-title{
		text-shadow:#000000 1px 1px 1px;
		color:white;
		padding-left:100px;
		padding-right:100px;
}
#slider .caption-desc{
		text-shadow:#000000 1px 1px 1px;
		text-transform:none;
		color:white;
		padding-left:100px;
		padding-right:100px;
}
#slider .section-title{
		color:white
}
#txindex, #seccion5, #seccion8{
		border: white solid thin;
		width:60%;
		text-align:center;
		color:white;
		text-shadow:#000 2px 2px 2px;
		padding:4rem;				
		margin:auto;
		background:rgba(0,0,0,.5);
}
#txindex .widget-title, #seccion5 .widget-title, #seccion8 .widget-title{
		font-size:3rem
}
#txindex p, #seccion5 p, #seccion8 p{		
		font-size:2.5rem;		
	
}
#seccion1 .caja{
		background:#f9f9f9;
		border-radius:10px;
		box-shadow:#999 12px 12px 12px;
		text-align:center;
		padding:30px 10px 30px 10px;
}
.iconos{
			background: linear-gradient(0deg, #014596, #0597E4);
      -webkit-background-clip: text; /* recorta el fondo al texto */
      -webkit-text-fill-color: transparent; /* hace que solo se vea el fondo */
		font-size:8rem
}
#diferenciaComercial ul li, #diferenciaVivienda ul li, #beneficios ul li{
		list-style:none;
		color:white;
		text-align:center;
		font-size:2rem
}
.conteo{
		width:80px;
		height:80px;
		border-radius:50%;
		background: linear-gradient(0deg, #014596, #0597E4);
		color:white;
		font-size:4rem;
		text-align:center;
		box-shadow:#999 12px 12px 12px;
		display:inline-block;
		padding-top:5px;
		margin-bottom:20px
}
.funciona strong{
		color:#014596;
		font-size:1.5rem
}
/*------------------------------------------------------- OVERLAYS */
	.modal {
			overflow-y: auto;
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -40%);
			opacity: 0;
			filter: blur(10px);
			transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
			background: rgba(0,69,151,.8);
			color:white;
			padding: 30px;
			padding-top:40px;
			padding-bottom:20px;
			z-index: 50000 !important;
			pointer-events: none;
			width: 90%;
			height: auto;
			max-width: 750px;
			max-height:750px;
			text-align: justify;
			border: none;
			border-radius:30px;
			overflow-x:hidden;
			overflow-y:hidden;
			}
.modal label{
	color:white;
	font-family:"Poppins";
		font-weight:400
}
/* Visible: animación de entrada */
	.modal.visible {
		opacity: 1;
		filter: blur(0);
		transform: translate(-50%, -50%);
		pointer-events: auto;
			overflow-y:auto;
			z-index:10000
		}
/* Overlay oscuro */
		#overlay {
				position: fixed;
				top: 0;
				left: 0;
				width: 100vw;
				height: 100vh;
				background: rgba(28, 34, 76, 0.6);
				opacity: 0;
				color:white;
				pointer-events: none;
				transition: opacity 0.4s ease;
				z-index: 5001;
		}
		#overlay.active {
				opacity: 1;
				pointer-events: auto;
		}
/* Botón cerrar */
		.cerrar {
				position: fixed;
				top: 0;
				right: 0;
				background: none;
				border: none;
				font-size: 2rem;
				cursor: pointer;
				color:#0497E5;
		}

@media (max-width: 768px) {
		header img{
				max-width:200px;
		}
		#s2m .imgaliado {
				max-width:200px !important;
				text-align:center
		}
		#s2m .imgaliado img{
				max-width:200px !important;
				text-align:center
		}
		.imservicios{
			width:150px
		}
		/*********************************************SLIDER-------------------------------------------------*/
		#slider .caption-title{
				padding-left:30px;
				padding-right:30px;
				font-size:2rem;
				line-height:1.2
				
		}
		#slider .caption-desc{
				padding-left:50px;
				padding-right:50px;
				font-size:1.2rem;
				line-height:1;
				display:block
		}
		#slider hr{
				margin:20px 0
		}
		#colophon .textwidget{
				font-size:1.2rem;
				text-align:center
		}
		#colophon img{
				text-align:center !important
		}
}