body {
	  margin: 0;
	  font-family: 'Open Sans', sans-serif;
	}
	
	a {
	  text-decoration: none;
	  color: #1C1C1C;
	}
	
	/* --- RESPONSIVE --- */
	@media (max-width: 768px) {
	  header {
		flex-direction: column;
		align-items: flex-start;
	  }
	
	  nav ul {
		flex-direction: column;
		gap: 0.5rem;
		margin-top: 1rem;
	  }
	
	  .bloque-horizontal {
		flex-direction: column;
	  }
	
	  .imagen-horizontal img {
		max-width: 100%;
	  }
	
	  .texto-horizontal {
		width: 100%;
	  }
	
	  .grid {
		grid-template-columns: 1fr;
	  }
	
	  .titulo {
		font-size: 2rem;
		text-align: center;
	  }
	
	  section {
		padding: 2rem 1rem;
	  }
	}
	
	.top-nav {
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 1rem 2rem;
	}
	
	.top-nav ul {
	  display: flex;
	  gap: 1.5rem;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	
	.top-nav a {
	  text-decoration: none;
	  color: #1C1C1C;
	  font-family: 'Poppins', sans-serif;
	  font-weight: 500;
	  font-size: 0.9rem;
	  transition: font-size 0.3s ease;
	}
	
	.page-number {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  background-color: #D72027;
	  color: white;
	  font-family: 'Poppins', sans-serif;
	  font-weight: bold;
	  padding: 0.5rem 1rem;
	}
	
	.section .texto {
	  flex: 1;
	  padding: 1rem;
	}
	
	h2 {
	  font-family: 'Poppins', sans-serif;
	  font-size: 2rem;
	  margin-bottom: 1rem;
	  position: relative;
	}
	
	h2::after {
	  content: "";
	  display: block;
	  width: 60px;
	  height: 4px;
	  background: #D50000;
	  margin-top: 5px;
	}
	
	
	
	/* -------------------
	   ESTILO PARA TÍTULO 
	---------------------- */
.header-title {
	  font-family: 'Poppins', sans-serif;
	  font-weight: 600;
	  font-size: 2.8rem;
	  margin: 0;
	  line-height: 1.2;
	  color: #1C1C1C;
	  text-transform: none;
	}
	
	.highlight {
	  position: relative;
	  display: inline-block;
	  font-weight: 600;
	  color: #1C1C1C;
	}
	
	.highlight::after {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  height: 6px;
	  width: 100%;
	  background-color: #D72027;
	  z-index: -1;
	}
	
	
	
	/*para popup contratacion*/
	.modal {
	  display: none;
	  position: fixed;
	  z-index: 9999;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0,0,0,0.6); /* fondo oscurecido */
	}
	
	.modal-content {
	  background-color: #fff;
	  margin: 1% auto; /* <-- este valor es la distancia desde arriba */
	  padding: 0rem;
	  border-radius: 4px;
	  width: 90%;
	  max-width: 600px;
	  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
	  position: relative;
	}
	
	
	.close-btn {
	  position: absolute;
	  top: 10px; right: 15px;
	  font-size: 24px;
	  color: #aaa;
	  cursor: pointer;
	  font-weight: bold;
	}
	
	.close-btn:hover {
	  color: #D72027;
	}
	
	/*para iframe*/
	
	iframe {
	  width: 100%;
	  height: 100vh; /* o usa 80vh si hay header/footer */
	  border: none;
	}
	
	
	
	* {
	  box-sizing: border-box;
	}
	
	body {
	  margin: 0;
	  padding: 0;
	  font-family: 'Open Sans', sans-serif;
	}
	
	@media (max-width: 768px) {
	  header, footer, section, .contenido {
		padding: 1rem;
		flex-direction: column;
	  }
	
	  nav ul {
		flex-direction: column;
		gap: 0.5rem;
	  }
	
	 /* iframe {
		height: 80vh;*/
	  }
	  
	  iframe {
	  width: 100%;
	  height: 600px;
	  border: none;
	 /* overflow: auto;
	  display: block;
	}*/
	
	  
	}
	
	.style3 {
	  font-family: 'Open Sans', sans-serif;
	  font-weight: 400;
	  font-size: 1rem;
	  line-height: 1.5;
	  color: #000; /* o el que estés usando en el resto del sitio */
	}
	
	
	
	@media (max-width: 768px) {
	  .top-nav ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.3rem;
		padding: 0.5rem 1rem;
	  }
	
	  .top-nav a {
		font-size: 0.8rem;
		padding: 0.3rem 0;
		display: block;
		width: 100%;
		background-color: #f4f4f4;
		border-radius: 4px;
	  }
	
	
	
	  header {
		flex-direction: column;
		align-items: flex-start;
	  }
	}
	
	
	
	
	/* Botón hamburguesa */
	.menu-toggle {
	  display: none;
	  font-size: 1.5rem;
	  background: none;
	  border: none;
	  color: #D72027;
	  cursor: pointer;
	  padding: 0.5rem 1rem;
	}
	
	/* Modo móvil */
	@media (max-width: 768px) {
	  .menu-toggle {
		display: block;
	  }
	
	  .top-nav {
		display: none;
		width: 100%;
	  }
	
	  .top-nav.open {
		display: block;
	  }
	
	  .top-nav ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.3rem;
		padding: 0.5rem 1rem;
	  }
	
	  .top-nav a {
		font-size: 0.9rem;
		padding: 0.4rem 0.8rem;
		display: block;
		width: 100%;
		background-color: #f4f4f4;
		border-radius: 4px;
	  }
	
	
	
	  header {
		flex-direction: column;
		align-items: flex-start;
	  }
	}
	.style3, .style3 p {
	  font-family: 'Open Sans', sans-serif;
	  font-weight: 400; /* Esto elimina la negrilla */
	  font-size: small;
	  color: #1C1C1C;
	}