@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');





.logo {
	height: auto;
}

/*.logo1 {
	width: 170px;
}

.logo2 {
	width: 170px;
}*/

.navbar {
	/*background: linear-gradient(to top right, #fff 25%, #ffb765 55%, #f18100 100%);*/
	/*background-image: url("imagenes/pintura.png");*/
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	background-color: #f18100;
	background-image: url("imagenes/fondo_menu.png");
	background-repeat: no-repeat;
	background-size: cover;
}

/*.prueba_orange {
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 14% 100%);
	background-color: #f28610;
}*/

.navbar-nav {
	font-family: "Roboto", sans-serif;
	/*font-size: 30px;*/
	text-transform: uppercase;
	font-weight: 400;
}

.navbar-toggler {
	border: transparent;
}

.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}

.nav-link {
	color: white;
}

.nav-link:focus {
	color: #f0f0f0;
}

.nav-link:hover {
	color: #f0f0f0;
}


.bg-orange {
	background-color: #f9952f;
	height: auto;
	margin-bottom: 30px;
}

.fondo_seccion1 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 0px;
}

.fondo_seccion2 {
	padding-top: 50px;
	padding-bottom: 30px;
}

.fondo_seccion3 {
	padding-top: 30px;
	padding-bottom: 0px;
}

.fondo_seccion4 {
	padding-top: 50px;
	padding-bottom: 20px;
}

.fondo_seccion5 {
	padding-top: 20px;
	padding-bottom: 0px;
}

.fondo_seccion6 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.fondo_seccion7 {
	padding-top: 15px;
	padding-bottom: 50px;
}

.fondo_seccion8 {
	padding-top: 65px;
	padding-bottom: 175px;
	background-image: url("imagenes/fondo_pie.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.seccion1 {
	padding-left: 30px;
	padding-right: 30px;
}

.texto_port {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #3c3c3b;
	text-align: justify;
}

.texto_port2 {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #3c3c3b;
}

.iconos {
	width: 180px;
}

h4 {
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #333333;
}

.linea {
	background-color: darkorange; height: 3px; clip-path: polygon(20% 0%, 80% 0%, 50% 100%, 50% 100%);
}

.destacado {
	color: #f18100;
	font-weight: 500;
}

.texto_descriptivo {
	font-family: "Roboto", sans-serif;
	font-size: 22px;
	line-height: 22px;
	/*letter-spacing: .5px;*/
	color: #3c3c3b;
	font-weight: 600;
}

.texto_costos {
	font-family: "Roboto", sans-serif;
	font-size: 19px;
	line-height: 5px;
	color: white;
	font-weight: 600;
}

.costos1 {
	background-color: #4d4d4d;
	padding: 20px;
}

.costos2 {
	background-color: #f9952f;
	padding: 20px;
}

.titulo1 {
	height: 50px;
	margin-bottom: 20px;
}

.titulo2 {
	height: auto;
	margin-bottom: 20px;
}

.titulo3 {
	height: 50px;
	margin-bottom: 40px;
}

.titulo4 {
	height: auto;
	margin-bottom: 20px;
}

.titulo5 {
	height: 50px;
	margin-bottom: 0px;
}

.titulo6 {
	height: 50px;
	margin-bottom: 0px;
}

.subtitulo {
	font-size: 53px;
	line-height: 63px;
}

.texto_blanco {
	color: white;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	line-height: 22px;
	word-wrap: break-word !important;
    word-break: break-word !important;
}

.icono_dinero {
	width: 100px;
}

.casas {
	margin-top: 500px;
  position: absolute;
  padding-left: 78%;
}

.dona {
	background-color: #f9952f;
	padding: 43px !important;
	border-bottom: 4px solid #e6e6e6;
	border-right: 4px solid #e6e6e6;
}

.dona_texto {
	width: 180px;
}

.pie1 {
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	line-height: 34px;
	color: white;
	font-weight: bold;
	text-shadow: 0px 0px 10px #df6a00;
}

.pie2 {
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #ffd281;
	font-weight: bold;
}











/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
	.logo {
	height: 75px;
}
	
	.navbar-nav {
	font-size: 22px;
}
	
	.seccion1 {
	padding-left: 30px;
	padding-right: 30px;
}
	
	.iconos {
	width: 250px;
}
	
	.titulo1 {
	height: 73px;
}
	
	.titulo2 {
	height: 73px;
}
	
	.titulo3 {
	height: 73px;
	margin-bottom: 0px;
}
	
	.titulo4 {
	height: auto;
}
	
	.titulo5 {
	height: 73px;
}
	
	.titulo6 {
	height: 73px;
}
	
	.texto_port {
	font-size: 20px;
	line-height: 26px;
}
	
	.texto_port2 {
	font-size: 20px;
	line-height: 26px;
}
	
	.texto_descriptivo {
	font-size: 28px;
	line-height: 28px;
}
	
	h4 {
	font-size: 29px;
	line-height: 29px;
}
	
	.texto_costos {
	font-size: 36px;
}
	
	.bg-orange {
	height: auto;
	margin-bottom: 30px;
}
	
	.texto_blanco {
	font-size: 20px;
	line-height: 22px;
}
	
	.casas {
	margin-top: 223%;
    padding-left: 72%;
}
	
	.fondo_seccion5 {
	padding-top: 20px;
	padding-bottom: 50px;
}
	
	.fondo_seccion6 {
	padding-top: 80px;
	padding-bottom: 80px;
}
	
	.fondo_seccion7 {
	padding-top: 30px;
	padding-bottom: 70px;
}

	.fondo_seccion8 {
	padding-top: 72px;
    padding-bottom: 185px;
}
	
	.dona {
	padding: 70px !important;
}
	
	.dona_texto {
	width: 300px;
}
	
	.pie1 {
	font-size: 41px;
	line-height: 48px;
}
	
	.pie2 {
	font-size: 33px;
	line-height: 35px;
}
	
	.icono_dinero {
	width: 170px;
}
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	.logo {
	height: 90px;
}
	
	.navbar-nav {
	font-size: 22px;
}
	
	.seccion1 {
	padding-left: 15px;
	padding-right: 30px;
}
	
	.iconos {
	width: 250px;
}
	
	.titulo1 {
	height: 90px;
}
	
	.titulo2 {
	height: 90px;
}
	
	.titulo3 {
	height: 90px;
	margin-bottom: 0px;
}
	
	.titulo4 {
	height: auto;
}
	
	.titulo5 {
	height: 90px;
}
	
	.titulo6 {
	height: 90px;
}
	
	.texto_port {
	font-size: 19px;
	line-height: 23px;
}
	
	.texto_port2 {
	font-size: 19px;
	line-height: 23px;
}
	
	.texto_descriptivo {
	font-size: 28px;
	line-height: 28px;
}
	
	h4 {
	font-size: 33px;
	line-height: 35px;
}
	
	.texto_costos {
	font-size: 36px;
}
	
	.bg-orange {
	height: auto;
	margin-bottom: 30px;
}
	
	.texto_blanco {
	font-size: 20px;
	line-height: 22px;
}
	
	.casas {
	margin-top: 155%;
    padding-left: 70%;
}
	
	.fondo_seccion5 {
	padding-top: 20px;
	padding-bottom: 50px;
}
	
	.fondo_seccion6 {
	padding-top: 80px;
	padding-bottom: 80px;
}
	
	.fondo_seccion7 {
	padding-top: 30px;
	padding-bottom: 70px;
}

	.fondo_seccion8 {
	padding-top: 120px;
	padding-bottom: 423px;
}
	
	.dona_texto {
	width: auto;
}
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
	.logo {
	height: 70px;
}
	
	.navbar-nav {
	font-size: 26px;
}
	
	.seccion1 {
	padding-left: 5px;
	padding-right: 30px;
}
	
	.iconos {
	width: auto;
}
	
	.titulo1 {
	height: 100px;
}
	
	.titulo2 {
	height: 100px;
}
	
	.titulo3 {
	height: 100px;
	margin-bottom: 40px;
}
	
	.titulo4 {
	height: 100px;
}
	
	.titulo5 {
	height: 100px;
}
	
	.titulo6 {
	height: 100px;
}
	
	.texto_port {
	font-size: 24px;
	line-height: 30px;
}
	
	.texto_port2 {
	font-size: 24px;
	line-height: 30px;
}
	
	.texto_descriptivo {
	font-size: 28px;
	line-height: 28px;
}
	
	h4 {
	font-size: 40px;
	line-height: 48px;
}
	
	.texto_costos {
	font-size: 34px;
}
	
	.bg-orange {
	height: 430px;
	margin-bottom: 0px;
}
	
	.texto_blanco {
	font-size: 22px;
	line-height: 28px;
}
	
	.casas {
	margin-top: 535px;
    padding-left: 76%;
}
	
	.fondo_seccion5 {
	padding-top: 50px;
	padding-bottom: 100px;
}
	
	.fondo_seccion6 {
	padding-top: 80px;
	padding-bottom: 100px;
}
	
	.fondo_seccion7 {
	padding-top: 30px;
	padding-bottom: 100px;
}

	.fondo_seccion8 {
	padding-top: 120px;
	padding-bottom: 400px;
}
	
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	.logo {
	height: 90px;
}
	
	.navbar-nav {
	font-size: 30px;
}
	
	.seccion1 {
	padding-left: 25px;
	padding-right: 50px;
}
	
	.titulo1 {
	height: 110px;
}
	
	.titulo2 {
	height: 110px;
}
	
	.titulo3 {
	height: 110px;
}
	
	.titulo4 {
	height: 110px;
}
	
	.titulo5 {
	height: 110px;
}
	
	.titulo6 {
	height: 110px;
}
	
	.texto_port {
	font-size: 28px;
	line-height: 34px;
}
	
	.texto_port2 {
	font-size: 28px;
	line-height: 34px;
}
	
	.texto_descriptivo {
	font-size: 34px;
	line-height: 34px;
}
	
	.texto_costos {
	font-size: 36px;
}
	
	.bg-orange {
	height: 470px;
}
	
	.texto_blanco {
	font-size: 26px;
	line-height: 31px;
}
	
	.casas {
	margin-top: 560px;
    padding-left: 78%;
}
	
	.fondo_seccion6 {
	padding-top: 100px;
	padding-bottom: 100px;
}
	
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
	.logo {
	height: 90px;
}
	
	.seccion1 {
	padding-left: 40px;
	padding-right: 60px;
}
	
	.casas {
	margin-top: 500px;
    padding-left: 78%;
}
	
}