* {
     margin: 0;
     padding: 0;
	 box-sizing: border-box;
}
body {
	 font-family: Arial, sans-serif;
	 line-height: 1.6;
	 background-color: #f7f7f7;
	 color: #333;
	 
}
header {
	 background-color: #2c3e50;
	 color: white;
	 padding: 1rem 0.5rem;
	 text-align: center;
}
nav {
	 margin-top: 0.5rem;
}
nav a {
	 color: white;
	 margin: 0 10px;
	 text-decoration: none;
}
nav a:hover {
	 text-decoration: underline;
}
main {
	 padding: 20px;
}
section {
	 max-width: 600px;
	 margin: auto;
	 background-color: white;
	 padding: 1rem;
	 border-radius: 8px;
	 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
footer {
	 background-color: #ddd;
	 text-align: center;
	 padding: 1rem;
	 margin-top: 2rem;
}
form {
	 display: flex;
	 flex-direction: column;
}
label { 
	 margin-top: 1rem;
}
input, textarea {
	 padding: 0.5rem;
	 border: 1px solid #ccc;
	 border-radius: 4px;
	 margin-top: 0.25rem;
}
button {
	 margin-top: 1rem;
	 padding: 0.7rem;
	 background-color: #2c3e50;
	 color: white;
	 border: none;
	 border-radius: 4px;
	 cursor: pointer;
}
button:hover {
	 background-color: #1a242f;
}
@media (max-width: 600px) {
body {
	 font-size: 16px;
}
section {
	 margin: 10px;
	}
}
.galeria {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 10px;
}
.galeria img {
	 width: 100%;
	 max-width: 300px;
	 border-radius: 10px;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}