* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color:var(--background);
}
.t{
	color:white; 
	font-size:50px;
	}
	.g{
	font-size:130%
	}
	#division1
	{
		background-color: #04AA6D;	
		overflow: hidden;
	    margin:auto;
		display: flex;
		flex-direction: center;
		justify-content: center;	
		text-align: center;	
	}
	#division2
	{
	     background-color: #04AA6D;	
		 
	}
	#division3
	{
		font-family: 'Poppins', sans-serif;
		 text-align:center;
		 font-size: 150%;
		 padding: 10px;
		color: #187050;
		font-weight: bold;
		margin-top: 130px; /* Ajusta el valor según el tamaño de tu barra de navegación */
	}
	#division3 img {
		width: 10%; /* Modifica el ancho del SVG */
		height: 10%; /* Modifica la altura del SVG */
	  }
	/*Estilo de navegation bar*/
	.navbar-toggle{
		display: none;
		width: 75px;
		height: 75px;
	}
	.bx-menu {
		font-size: 75px;
	  }
	#nabar2{
		display: none;
		list-style-type: none;
	}
	.toggleinformation{
		list-style-type: none;

	}
	#nabarcont{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 2;
	}  
	#nabar{
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 overflow: hidden;
		 background-color: #f1f1f1;
		 display: block;
		 display: flex;
		 flex-direction: row;
	}
	li a {
	  display: block;
	  color: #000;
	  text-align: center;
      padding: 14px 16px;
	  text-decoration: none;
	}
	li a.active {
	  background-color: #04af70;
	  color: white;
	}

	li a:hover {
	  background-color: #555;
	  color: white;
	}
	li {
		float: left;
	}
/*Estilo galeria*/
	.galeryA {
/* 
		border: 1px solid black ; */
		/* background-color: rgb(209, 191, 191);  */
		height: 500px;
		margin: 30px;
		padding: 20px;
		display: flex;
		flex-direction: row;
		align-items: space-between;
		/* justify-content: space-between; */
	

	}
	.content{
		/* background-color: rgb(219, 216, 226); */
		/* border: 5px solid #000000; */
		padding: 20px;
		height: 400px;
		width: 500px;
		/* position: relative; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	img{
		height: 420px;
		width: 400px;
	}
	.arrows{
		width: 490px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* background-color: #333; */
		position: absolute; 
		z-index: 1;
	}
	.arrows i{
		background-color: #e1ece8;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.arrows i:hover{
		background-color: #16c367;
	}
	
	.flechas:hover {
		cursor: pointer;
	  }
/*FIN Estilo de Galeria*/


/* Servicios*/
	  .servicios{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
	  }
	  #titleservice{
		font-size: 35px;
		font-family: 'Poppins', sans-serif;
	  }

	  .targetservice{
		list-style-type: none;
		margin: 0;
		padding: 20px;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;

	  }
	  .contservices{
		/* border: 3px solid black; */
		background-size: cover;
		background-position: center;
		background-color: #04AA6D;
		margin: 20px;
		/* padding: 20px;  */
		height:30%;
		width: 20%;
		border-radius: 15%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		
		/* align-items: center; */
		transition:  height 0.5s ease-in;
	  }
	  
	  .contservices:hover  {  
	    /* width:30% ;/* Ajusta el ancho deseado 
		height:25%; Ajusta la altura deseada */
		cursor: pointer;
		
	  }
	  .contservices:hover .pservice {
		opacity: 1; /* Al pasar el ratón sobre el contenedor, el texto se muestra */
		height: 100%; /* La altura del texto se ajusta automáticamente */
	  }

	  .contservices:hover .servicetext {
		background-color: rgb(13, 55, 21);
	  }
	  

	  .servicetext{
		background-color: white;
		padding: 12px;  
		height: 50%;
		width:100%;
	  }

	  .imageservice{
		  width: 100%;
		  height: 50%;
	  }
	  .imageservice img{
		width: 100%;
		height: 100%;
		/* border-radius: 10%; */
		
	  }

	  .titleservice{
		  text-align: center;
		  padding: 10px;
		  color: rgb(211, 230, 231);
	  }
	  .servicetext p{
		font-family: 'Poppins', sans-serif;
		font-family: 'Roboto Slab', serif;
		font-family: 'Source Code Pro', monospace;
		font-family: 'Wix Madefor Display', sans-serif;
	  }
	  /* Hover del Texto*/
	  .pservice{
		text-align: justify;
		color: rgb(245, 250, 247);
		opacity: 0; /* Inicialmente, el texto está oculto */
		height: 0; /* Inicialmente, la altura del texto es cero */
		transition: opacity 1s ease,height 0.5s ; /* Transición suave de la opacidad y la altura durante 0.5 segundos */
	  }

	  /* Fin Hover Texto*/
/* Fin de Servicios*/

/* About Us */
.aboutus{
	width: 50%;
	margin: 0 auto;
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  .aboutus h2{
	margin-bottom: 10px;
    font-size: 35px; /* Ajusta el tamaño del texto aquí */
	font-family: 'Poppins', sans-serif;
  }
  .aboutus p{

	text-align: justify;
	margin-bottom: 10px;
    font-size: 20px; /* Ajusta el tamaño del texto aquí */
	font-family: 'Poppins', sans-serif;
	font-family: 'Source Code Pro', monospace;
  }

/* Fin About Us */
/* Tabla de Modelos de la Incubadora */
.tables{
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
.tables h2{
	font-family: 'Poppins', sans-serif;
	font-size: 35px;
}
.tables p{
	text-align: justify;
	width: 50%;
	padding: 20px;
	margin-bottom: 10px;
    font-size: 23px; /* Ajusta el tamaño del texto aquí */
  }
table {
	padding: 20px;
	border-collapse: collapse;
	width: 30%;
  }
  
  th, td {
	padding: 8px;
	text-align: center;
	border-bottom: 1px solid black;
  }

  th {
	background-color: green;
	color: white;
  }
  
  tr:nth-child(even) {
	background-color: #f2f2f2;

  }

  tr:hover {
	background-color: #ddd;
  }
/* Fin Tabla de Modelos de la Incubadora */
/* Estilos para la sección de contacto */
.contact-section {
	background-color: #f9f9f9;
	padding: 30px;
	text-align: center;
  }
  
  .contact-section h2 {
	font-size: 36px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
	color: #333;
	text-transform: uppercase;
  }
  
  .contact-section p {
	font-size: 20px;
	line-height: 1.5;
	color: #333;
	font-family: 'Roboto', sans-serif;
	padding: 10px;
  }
  
  .whatsapp-button {
	margin-top: 20px;
  }
  
  .whatsapp-button img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
  }
  
  .whatsapp-button a {
	display: inline-block;
	background-color: #25d366;
	color: white;
	padding: 12px 24px;
	border-radius: 5px;
	text-decoration: none;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	padding: 10px;
  }
  
  /* Estilos para la sección de redes sociales */
  .follow-section {
	background-color: #f2f2f2;
	padding: 30px;
	text-align: center;
  }
  
  .follow-section h2 {
	font-size: 36px;
	margin-bottom: 20px;
	font-family: 'Oswald', sans-serif;
	color: #333;
	text-transform: uppercase;
  }
  
  .follow-section .social-icons {
	display: flex;
	justify-content: center;
	margin-top: 20px;
  }
  
  .follow-section .social-icons a {
	display: inline-block;
	margin: 0 10px;
	text-decoration: none;
	color: #333;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
  }
  
  .follow-section .social-icons img {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
  }
  
  .follow-section .social-icons span {
	display: block;
	font-size: 16px;
	margin-top: 5px;
	color: #333;
	font-family: 'Roboto', sans-serif;
  }
  
  /* Estilos para dispositivos móviles y tablets */
@media (max-width: 995px) {


/*Galery*/
	.galeryA{
		width: auto;
		height: auto;
		flex-direction: column;
		align-items: center;
		justify-content:center;
	}
	.aboutus{
		width: 100%;
	  }

	 /*Servicios*/
	.targetservice{
	
		flex-direction: row;
		align-items: center;
		justify-content:center;

	  }
	  /* .servicios{

		background-color: #333;
	  } */
	.contservices {
	  width: 60%;
	  height: auto;
	}
	.tables p {
	  width: 80%;
	}
  }
  
  @media (max-width: 700px) {
	#nabar {
	  display: none;
	}
	.navbar-toggle{
		display: block;
	}

	.navbar-toggle:hover{
		cursor: pointer;

	}	
	#nabar2{
		display: none;
		background-color: #555;
		list-style: none;
   }
  #nabar2 li {

	width: 100%;
	padding: 2px;
	border-bottom: 3px solid rgb(1, 27, 9);
	border-radius: 5%;
  }
  #division3
	{
		margin-top: 185px; /* Ajusta el valor según el tamaño de tu barra de navegación */
	}
  }