/* Basic reset */
* {box-sizing: border-box; margin:0; padding:0;}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; line-height:1.5; color:#222; background:#f7f7f7;}
.container {max-width:1000px; margin:0 auto; padding:20px;}
.site-header {background:#0066cc; color:white; padding:14px 0;}
.site-header .container {display:flex; align-items:center; justify-content:space-between;}
.brand {font-size:20px;}
.main-nav a {color:white; margin-right:12px; text-decoration:none;}
.cta {background:#ffcc00; color:#222; padding:8px 12px; border-radius:6px; text-decoration:none; font-weight:600;}
.hero {background:white; padding:30px 0; margin-top:18px; border-radius:8px;}
.hero-inner {display:flex; gap:20px; align-items:center;}
.hero-text h2 {margin-bottom:8px;}
.hero-images img {width:160px; height:100px; object-fit:cover; border-radius:6px; display:block; margin-bottom:8px;}
.section {background:white; padding:20px; margin-top:18px; border-radius:8px;}
.features {list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
.features li {background:#f0f0f0; padding:8px 10px; border-radius:6px;}
.gallery {display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:12px;}
.gallery img {width:100%; height:120px; object-fit:cover; border-radius:6px;}
.contact .phones {font-size:18px; margin-bottom:8px;}
.whatsapp {display:inline-block; margin-top:8px; text-decoration:none; padding:8px 12px; border-radius:6px; background:#25D366; color:white;}
.site-footer {text-align:center; margin:20px 0; color:#555;}
@media (max-width:800px){
  .hero-inner {flex-direction:column;}
  .main-nav {display:none;}
}