* {
		box-sizing: border-box;
		}
		
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
		    background-repeat: no-repeat;
			/*background-image: url('./images/fondo-degradado.png');*/
			background-image: url('./images/desert.png');
			background-size: 2000px;
			/*background-color: rgba(0, 0, 0, 9);*/
		
			
        }
        header {
            background: #003F87;
            color: #fff;
            padding: 3px;
            text-align: center;
        }
        nav {
            margin: /*7px 40px*/15px 0; 
			 /*margin: 0;*//* Reset margin */
        }
        nav a {
            margin: 0 40px /*15px*/;
            color: #fff;
            text-decoration: none;
        }
		
		img {
            width: 55%; 
            height: auto; /* Maintain aspect ratio */
            max-height: 500px; 
			/*max-width: fit-content;*/
        }
		
		.img3 {
            /*width: 48%;*/ 
			/*width: 75%; 
            height: 149%;*/ /*161%;*/
			width: auto;
			height: auto;
            /*height: auto;*/ /* Maintain aspect ratio */
            max-height: 500px; 
			max-width: fit-content;
        }
        .slideshow-container {
            position: relative;
            max-width: 70%;
            margin: auto;
        }
		.slideshow-container2 {
            position: relative;
            max-width: 90%;
            margin: auto;
        }
        .mySlides {
            display: none;
        }
		
		.mySlides2 {
            display: none;
			width: 85%; 
            height: 85%; 
        }
		
		.img2 {
            width: 10%; 
            height: 10%; /* Maintain aspect ratio */
        }
        .text {
            color: #fff;
            font-size: 15px;
            padding: 8px 12px;
            position: absolute;
            bottom: 8px;
            left: 16px;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .project-summary {
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            margin: 20px auto;
			max-width: 800px;
        }
		
		.project-summaryQuien {
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            margin: 20px auto;
			max-width: 800px;
        }
		
        .arrow {
            cursor: pointer;
            position: static;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            color: #333;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            padding: 10px;
            user-select: none; /* Prevent text selection */
        }
        .left-arrow {
            left: 10px;
        }
        .right-arrow {
            right: 10px;
        }
		
		
		.arrow2 {
            cursor: pointer;
            position: static;
            top: 50%;
            transform: translateY(-50%);
            font-size: 24px;
            color: #333;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            padding: 8px;
            user-select: none; /* Prevent text selection */
        }
        .left-arrow2 {
            left: 10px;
        }
        .right-arrow2 {
            right: 10px;
        }
		
		
        .whatsapp-icon {
            position: fixed;
            bottom: 20px;
            right: 20px;
            width: 60px; /* Adjust size */
            cursor: pointer;
        }
		
		.white-line {
			  background-color: white;
			  width: 10%;
			  border: none;
			  position: sticky;
		}
	    .header2 {
            background: #FFFFFF;
           /* color: #fff;*/
            padding: 3px;
            text-align: center;
        }
		/*
		ORIGINAL
		.headerStyle
		{
		  display: flex;
		  align-items: center;
		  padding: 10px 20px; 
		  background-color: #f8f8f8; 
		}
		
		.logoImg {
			margin-right: 900px; 
		}
*/
	 /* Responsive Styles */
        @media (max-width: 768px) {
            header {
                flex-direction: column; /* Stack logo and nav vertically */
                align-items: center; /* Center align items */
                text-align: center; /* Center text */
            }

            .logoImg img {
                height: 20px; /* Smaller logo on mobile */
                margin-bottom: 20px; /* Space below the logo */
            }

            nav {
                width: 100%; /* Full width for mobile */
                display: flex; 
                flex-direction: column; /* Stack nav items vertically */
                align-items: center; /* Center items */
                margin-top: 10px; /* Space above nav */
            }

            nav a {
                margin-bottom: 10px; /* Space between nav items */
                font-size: 14px; /* Smaller font size on mobile */
            }
        }

		.unityStyle { 
			font-family: "Raleway"; 
			font-style: normal; 
			font-weight: 400; 
			}
		
		.unityStyle2 { 
			font-family: "Raleway"; 
			font-style: normal; 
			font-weight: 400; 
			}
			
		.slideTextBotton{
            position: fixed;
            bottom: 20px;
            left: 20px;
            width: 150px; 
            cursor: pointer;
        }
		
		.imgQuien {
            width: 52%; 
            height: 55%; 
            max-height: 500px; 
        }
		
		.frame {
		  display: inline-block;
		  padding: 2px; /* Space between the image and the frame */
		  background: #f5f5f5; /* Frame background color */
		  border: 2px solid #ccc; /* Frame border */
		  border-radius: 50px; /* Optional: rounded corners */
		  object-fit: cover;
		}
		
		.frame img {
		  display: block;
		  max-width: 100%;
		  height: auto;
		  border-radius: 4px; /* Optional: match the frame's rounded corners */
		}



		.dropbtn {
		  background-color: transparent;
		  color: white;
		  padding: 16px;
		  font-size: 16px;
		  border: none;
		}

		.dropdown {
		  position: relative;
		  display: inline-block;
		}

		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #f1f1f1;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		  border-radius: 5%;
		}

		.dropdown-content a {
		  color: black;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		}

		.dropdown-content a:hover {background-color: #ddd;}

		.dropdown:hover .dropdown-content {display: block;}

		.dropdown:hover .dropbtn {background-color: transparent;}

		
	
		/* CSS for Oxygen-Sans */
	.fallback-font-in----native-fonts-for-base-body-font-family----body 
	{
	font-family: 'Open Sans','Helvetica','Verdana','sans-serif'; /*Oxygen-Sans;*/
	}

	
	.image-container {
      display: flex; /* Align images side by side */
      gap: 10px; /* Add spacing between images */
    }
    .image-container img {
      width: 950px; /* Set a fixed width */
      height: 250px; /* Set a fixed height */
      object-fit: cover; /* Ensure the image fits without distortion */
    }