* { margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif; }
body { line-height:1.6; color:#333; background:#fdfdfd; }
.container { width:90%; max-width:1200px; margin:0 auto; padding:20px; }
header { background:#4CAF50; color:#fff; padding:20px 0; }
header h1 { text-align:center; margin-bottom:10px; }
header nav ul { list-style:none; display:flex; justify-content:center; gap:20px; }
header nav ul li a { color:#fff; text-decoration:none; font-weight:bold; }
.hero { background: #4CAF50; color:#fff; padding:100px 0; text-align:center; }
.hero .btn { background:#FF9800; color:#fff; padding:10px 20px; text-decoration:none; font-weight:bold; border-radius:5px; }
section { padding:60px 0; }
h2 { text-align:center; margin-bottom:20px; color:#4CAF50; }
ul { list-style: disc inside; margin:10px 0; }
.servicios-grid { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; }
.servicios-grid > div { background:#e0f2f1; padding:20px; border-radius:8px; flex:1 1 250px; }
.gallery-grid { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.gallery-grid img { width:100%; max-width:300px; border-radius:8px; }
form { display:flex; flex-direction:column; gap:10px; max-width:500px; margin:0 auto; }
input, textarea { padding:10px; border:1px solid #ccc; border-radius:5px; width:100%; }
button { padding:10px; border:none; background:#4CAF50; color:#fff; border-radius:5px; cursor:pointer; }
footer { background:#333; color:#fff; text-align:center; padding:20px 0; }