:root {
				--verde-oscuro: #004d40;
				--verde-claro: #81c784;
				--blanco: #ffffff;
				--gris-fondo: #f4f4f4;
				--sombra: rgba(0,0,0,0.15);
			}

			body {
				font-family: 'Segoe UI', Arial, sans-serif;
				margin: 0;
				padding: 0;
				background-color: var(--gris-fondo);
				color: #333;
			}

			header {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 15px 5%;
				background-color: var(--blanco);
				border-bottom: 2px solid #eee;
				position: sticky;
				top: 0;
				z-index: 1000;
			}

			.secciones a {
				text-decoration: none;
				color: #444;
				margin-right: 20px;
				font-weight: bold;
				font-size: 14px;
				transition: 0.3s;
			}

			.secciones a:hover {
				color: #2ecc71;
			}

			.herramientas-derecha {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				gap: 8px;
			}

			.buscador {
				display: flex;
				background: white;
				border: 1px solid #ccc;
				border-radius: 20px;
				padding: 2px 10px;
			}

			.buscador input {
				border: none;
				outline: none;
				padding: 5px;
			}

			.filtros select {
				padding: 5px;
				border-radius: 8px;
				border: 1px solid #ccc;
				cursor: pointer;
			}

			.banner {
				text-align: left;
				padding: 50px 5% 70px 5%;
				/* Imagen de fondo con capa oscura */
				background: linear-gradient(rgba(0, 77, 64, 0.8), rgba(0, 77, 64, 0.8)), 
							url('https://images.unsplash.com/photo-1590603784110-86649733075c?auto=format&fit=crop&q=80&w=1200');
				background-size: cover;
				background-position: center;
				color: var(--blanco);
			}

			.titulo-principal {
				font-size: 70px;
				margin: 0;
				font-family: 'Georgia', serif;
				text-transform: uppercase;
				background: linear-gradient(to bottom, #ffffff, var(--verde-claro));
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				filter: drop-shadow(4px 4px 0px rgba(0,0,0,0.3));
			}

			.subtitulo {
				font-size: 22px;
				margin-top: 15px;
				color: #e0f2f1;
				line-height: 1.5;
				font-style: italic;
				max-width: 800px;
			}

			.galeria {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
				gap: 30px;
				padding: 40px 5%;
			}

			.tarjeta {
				background: var(--blanco);
				border-radius: 15px;
				overflow: hidden;
				box-shadow: 0 4px 15px rgba(0,0,0,0.1);
				transition: all 0.3s ease;
			}

			.tarjeta:hover {
				transform: translateY(-10px);
				box-shadow: 0 10px 25px var(--sombra);
			}

			.tarjeta img {
				width: 100%;
				height: 230px;
				object-fit: cover;
				transition: 0.5s;
			}
            
            .tarjeta:hover img {
                filter: brightness(1.1);
            }

			.tarjeta-info {
				padding: 20px;
			}

			.tarjeta-info h3 {
				margin: 0 0 10px 0;
				color: var(--verde-oscuro);
				font-size: 1.3rem;
			}

			.tarjeta-info p {
				font-size: 15px;
				color: #555;
				line-height: 1.4;
			}

			@media (max-width: 768px) {
				.titulo-principal { font-size: 45px; }
				header { flex-direction: column; gap: 15px; text-align: center; }
				.secciones { display: flex; flex-wrap: wrap; justify-content: center; }
			}