@charset "utf-8";
/* CSS Document */
 body {
            background-color: #FFFFFF; /* Establece el fondo como blanco */
            color: black; /* Opcional: Cambia el color del texto a negro */
            font-family: Arial, sans-serif; /* Opcional: Cambia la fuente */
        }

.navbar {
    background-color: #01893f; /* Color naranja */
    border-radius: 50px; /* Más redondeado */
    padding: 10px; /* Padding reducido a la mitad */
    display: flex;
    justify-content: center; /* Centrar contenido horizontalmente */
    margin: 20px auto; /* Margen automático para centrar la barra */
    width: 60%; /* Ancho de la barra */
    flex-wrap: wrap; /* Permite que los enlaces se ajusten en pantallas pequeñas */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra opcional */
	}
        .navbar a {
            color: #ffffff; /* Texto blanco */
            font-weight: bold; /* Texto en negrita */
            text-decoration: none;
            text-transform: uppercase;
            padding: 10px 15px; /* Padding ajustado para reducir altura */
            margin: 0 10px;
            border-radius: 20px; /* Bordes redondeados para los enlaces */
            transition: background-color 0.3s;
			font-family: 'Roboto', sans-serif; /* Cambia aquí la tipografía solo para los enlaces */
        }
        .navbar a:hover {
            background-color: #ff480e; /* Color verde oscuro al pasar el mouse */
            color: #ffffff; /* Texto blanco al pasar el mouse */
        }
.container {
            text-align: center;
        }

img {
            width: 100%; /* Adaptar al ancho total de la pantalla */
            height: auto; /* Mantener la proporción */
            border-radius: 10px;
        }

.project-advances {
            background: linear-gradient(to right, #ff480e 90%, #ff480e 5%);  /* Dividir el fondo en dos colores */
            color: #ffffff; /* Texto blanco */
            font-weight: bold; /* Texto en negrita */
            font-family: 'Roboto', sans-serif; /* Fuente Roboto */
            border-radius: 50px; /* Bordes redondeados */
            padding: 20px; /* Espaciado interno */
            width: 20%; /* Ancho del 20% */
            margin: 20px auto; /* Margen automático para centrar */
            text-align: center; /* Centra el texto */
            clear: both; /* Asegura que este div esté debajo de los flotantes */
        }

.gallery {
	width: 15%;
	height: 2px;
	background-color: #EAE7DC;
	margin-top: 20PX;
	
}

.gallery222 {
	width: 15%;
	height: 2px;
	background-color: #EAE7DC;
	margin-top: 20PX;
	
}




.full-screen {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center; /* Fondo blanco */padding: 0px; /* Espaciado interno */
            margin-top: 30px;
}
        h1 {
            font-size: 24px; /* Tamaño de fuente fijo */
            color: #333; /* Color del texto */
            text-align: center;
            margin: 0; /* Sin margen */
        }


.contenedorix {
	width: 100%;
	padding-top: 5px;
	background-color: #F3F3EC;
	margin-top: 20PX;
	margin-bottom: 20PX;
	float: left;
	border-radius: 50px; /* Bordes redondeados */
	 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra suave */
            text-align: center; /* Centra el texto dentro del div */
        
}
.ladona {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}

.project-advances002 {
            background: linear-gradient(to right, #01893f 90%, #01893f 5%);  /* Dividir el fondo en dos colores */
            color: #ffffff; /* Texto blanco */
            font-weight: bold; /* Texto en negrita */
            font-family: 'Roboto', sans-serif; /* Fuente Roboto */
            border-radius: 50px; /* Bordes redondeados */
            padding: 20px; /* Espaciado interno */
            width: 20%; /* Ancho del 20% */
            margin: 20px auto; /* Margen automático para centrar */
            text-align: center; /* Centra el texto */
            clear: both; /* Asegura que este div esté debajo de los flotantes */
        }

.mayito {
	width: 100%;
	padding-top: 5px;
	background-color: #F3F3EC;
	margin-top: 20PX;
	margin-bottom: 20PX;
	float: left;
	padding-bottom: 20px;
	border-radius: 50px; /* Bordes redondeados */
	 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra suave */
            text-align: center; /* Centra el texto dentro del div */
        
}


.botonera {
	color: #FF5C05;
	text-align: center;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 4px;
	font-size: 35PX;
}
	
	

.footer_column {
	width: 23%;
	text-align: center;
	padding-top: 30px;
	float: left;
	margin-left: 10px;

}
	
	
	.boton {
            padding: 15px 30px;
            border: none;
            border-radius: 25px;
            background-color: #FF7E00; /* Color inicial */
            color: white;
            font-weight: bold;
            font-size: 16px;
            cursor: pointer;width: 280PX;
            transition: background-color 0.3s, transform 0.3s;
        }

        .boton:hover {
            background-color: #FA2B00; /* Naranja oscuro */
            transform: scale(1.05); /* Escala del botón */
        }


@media (max-width: 649px) {	
	
	.project-advances {
            background: linear-gradient(to right, #01893f 90%, #01893f 5%); /* Dividir el fondo en dos colores */
            color: #ffffff; /* Texto blanco */
            font-weight: bold; /* Texto en negrita */
            font-family: 'Roboto', sans-serif; /* Fuente Roboto */
            border-radius: 50px; /* Bordes redondeados */
            padding: 20px; /* Espaciado interno */
            width: 40%; /* Ancho del 20% */
            margin: 20px auto; /* Margen automático para centrar */
            text-align: center; /* Centra el texto */
            clear: both; /* Asegura que este div esté debajo de los flotantes */
	
	
}
	.ladona{
	width: 100%;
}
	
	
.footer_column {
	width: 100%;
	text-align: center;
	padding-top: 30px;
	float: left;
	margin-left: 10px;

}	
	}

/* Small Tablets */
@media (min-width: 650px)and (max-width: 1225px) {

	
	.footer_column {
	width: 47%;
	text-align: center;
	padding-top: 30px;
	float: left;
	margin-left: 10px;
		}
		
	
	
	}


	
	
	

	
