:root {
			--primary-color: #2E7D32;
			--secondary-color: #66BB6A;
			--accent-color: #FFA726;
			--dark-color: #1B5E20;
			--light-bg: #F1F8E9;
			--text-dark: #263238;
		}

		* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}

		body {
			font-family: 'Roboto Serif','Taviraj','Poppins', sans-serif;
			color: var(--text-dark);
			overflow-x: hidden;
		}

		/* Navbar */
		.navbar {
			background-color: rgba(255, 255, 255, 0.5);
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      backdrop-filter: blur(10px);
			transition: all 0.3s ease;
		}

		.navbar-brand {
			font-weight: 700;
			color: var(--primary-color) !important;
			font-size: 1.5rem;
		}

		.nav-link {
			color: var(--text-dark) !important;
			font-weight: 500;
			margin: 0 10px;
			transition: color 0.3s ease;
		}

		.nav-link:hover {
			color: var(--primary-color) !important;
		}

		.btn-primary-custom {
			background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
			border: none;
			padding: 12px 30px;
			border-radius: 50px;
			color: white;
			font-weight: 600;
			transition: transform 0.3s ease;
		}

		.btn-primary-custom:hover {
			transform: translateY(-3px);
			box-shadow: 0 5px 15px rgba(46, 125, 50, 0.3);
		}

		/* Hero Section */
		#hero {
			background: linear-gradient(135deg, rgba(27, 94, 32, 0.9), rgba(46, 125, 50, 0.8)), 
					url('../images/swambiente-home-fondo.jpg') center/cover;
			min-height: 100vh;
			display: flex;
			align-items: center;
			color: white;
			position: relative;
			overflow: hidden;
		}

		#hero::before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100px;
			background: white;
			clip-path: polygon(0 100%, 100% 0, 100% 100%);
		}

		.hero-content h1 {
			font-size: 3.5rem;
			font-weight: 700;
			margin-bottom: 20px;
			animation: fadeInUp 1s ease;
		}

		.hero-content p {
			font-size: 1.3rem;
			margin-bottom: 30px;
			animation: fadeInUp 1.2s ease;
		}

		@keyframes fadeInUp {
			from {
				opacity: 0;
				transform: translateY(30px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		/* Section Styles */
		section {
			padding: 80px 0;
		}

		.section-title {
			text-align: center;
			margin-bottom: 60px;
		}

		.section-title h2 {
			font-size: 2.5rem;
			font-weight: 700;
			color: var(--primary-color);
			margin-bottom: 15px;
		}

		.section-title .underline {
			width: 80px;
			height: 4px;
			background: var(--accent-color);
			margin: 0 auto;
			border-radius: 2px;
		}

		/* Questions Section */
		#preguntas {
			background: var(--light-bg);
		}

		.question-card {
			background: white;
			padding: 30px;
			border-radius: 15px;
			box-shadow: 0 5px 20px rgba(0,0,0,0.08);
			margin-bottom: 20px;
			transition: transform 0.3s ease;
			border-left: 4px solid var(--primary-color);
		}

		.question-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 8px 25px rgba(0,0,0,0.12);
		}

		.question-card i {
			font-size: 2rem;
			color: var(--accent-color);
			margin-bottom: 15px;
		}

		.question-card h4 {
			color: var(--primary-color);
			font-weight: 600;
			margin-bottom: 10px;
		}

    .question-card p {
      /* font-weight: 300;
      font-size: 1.2rem;
      line-height: 1.4rem; */
    }

		/* Services Section */
		.service-card {
			background: white;
			padding: 40px 30px;
			border-radius: 15px;
			text-align: center;
			transition: all 0.3s ease;
			box-shadow: 0 5px 20px rgba(0,0,0,0.08);
			height: 100%;
		}

		.service-card:hover {
			transform: translateY(-10px);
			box-shadow: 0 10px 30px rgba(0,0,0,0.15);
		}

		.service-icon {
			width: 80px;
			height: 80px;
			background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			font-size: 2rem;
			color: white;
		}

		.service-card h4 {
			color: var(--primary-color);
			font-weight: 600;
			margin-bottom: 15px;
		}

		/* Process Section */
		#proceso {
			background: var(--light-bg);
		}

		.process-step {
			text-align: center;
			padding: 30px;
			position: relative;
		}

		.process-number {
			width: 60px;
			height: 60px;
			background: var(--accent-color);
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 20px;
			font-size: 1.5rem;
			font-weight: 700;
			color: white;
		}

		.process-step h4 {
			color: var(--primary-color);
			font-weight: 600;
			margin-bottom: 10px;
		}

		/* Benefits Section */
		.benefit-item {
			display: flex;
			align-items: start;
			margin-bottom: 25px;
		}

		.benefit-icon {
			width: 50px;
			height: 50px;
			background: var(--secondary-color);
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 20px;
			flex-shrink: 0;
		}

		.benefit-icon i {
			color: white;
			font-size: 1.3rem;
		}

		.benefit-content h5 {
			color: var(--primary-color);
			font-weight: 600;
			margin-bottom: 5px;
		}

		/* Contact Section */
		#contacto {
			background: linear-gradient(135deg, var(--primary-color), var(--dark-color));
			color: white;
		}

		.contact-info {
			background: rgba(255, 255, 255, 0.1);
			padding: 30px;
			border-radius: 15px;
			margin-bottom: 20px;
		}

		.contact-info i {
			font-size: 2rem;
			color: var(--accent-color);
			margin-bottom: 15px;
		}

		.contact-info h4 {
			font-weight: 600;
			margin-bottom: 10px;
		}

		.contact-form {
			background: white;
			padding: 40px;
			border-radius: 15px;
			box-shadow: 0 10px 30px rgba(0,0,0,0.2);
		}

		.contact-form .form-control {
			border-radius: 10px;
			padding: 12px;
			border: 2px solid #e0e0e0;
			margin-bottom: 20px;
		}

		.contact-form .form-control:focus {
			border-color: var(--primary-color);
			box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25);
		}

		.contact-form label {
			color: var(--text-dark);
			font-weight: 600;
			margin-bottom: 8px;
		}

		/* Footer */
		footer {
			background: var(--text-dark);
			color: white;
			padding: 40px 0 20px;
		}

		.footer-links a {
			color: rgba(255, 255, 255, 0.7);
			text-decoration: none;
			margin-right: 20px;
			transition: color 0.3s ease;
		}

		.footer-links a:hover {
			color: white;
		}

		.social-links a {
			display: inline-block;
			width: 40px;
			height: 40px;
			background: rgba(255, 255, 255, 0.1);
			border-radius: 50%;
			text-align: center;
			line-height: 40px;
			margin: 0 5px;
			color: white;
			transition: all 0.3s ease;
		}

		.social-links a:hover {
			background: var(--accent-color);
			transform: translateY(-3px);
		}

		/* Responsive */
		@media (max-width: 768px) {
			.hero-content h1 {
				font-size: 2.5rem;
			}
			
			.hero-content p {
				font-size: 1.1rem;
			}

			.section-title h2 {
				font-size: 2rem;
			}
		}

		/* Scroll animations */
		.fade-in {
			opacity: 0;
			transform: translateY(30px);
			transition: all 0.8s ease;
		}

		.fade-in.visible {
			opacity: 1;
			transform: translateY(0);
		}