@import url('./_banner.css');
@import url('./_aboutme.css');
@import url('./_servicios.css');
@import url('./_proyectos.css');
@import url('./_testimonial.css');
@import url('./_contacto.css');
@import url('./_header.css');
/* Reset básico */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; background: #f8f9fa; color: #222; }
a { text-decoration: none; color: inherit; }
.container { max-width: 1200px; margin: 0 auto; padding:0px 24px 24px 24px; }

/* Secciones */
.section { margin-bottom: 48px; }
.section-title {
	font-size: 3.2rem;
	color: #31cdb5;
	margin-bottom: 18px;
	text-align: center;
	font-weight: 700;
}


/* Responsive */
@media(max-width: 765px){
	.interruptor-lampara{
		top: 92%;
		transform: rotate(0deg);
		right: 0px;
	}
}
@media (max-width: 900px) {
	.services, .projects { flex-direction: column; align-items: center; }
}
@media (max-width: 600px) {
	.banner { padding: 80px 8px 24px 8px; }
	.about, .testimonial, .contact-form { padding: 18px 8px; }
	.section-title { font-size: 1.3rem; }
}