:root{
  --orange: #f38400;
  --dark: #222;
  --muted:#666;
  --max-width:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}

body{
  font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial; 
  color:var(--dark);
  line-height:1.5
}

.site-header{
  background:var(--orange);
  padding:18px 0;
  color:white
}

.header-inner{
  max-width:var(--max-width);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 16px
}

.logo{
  width:96px;
  height:96px;
  object-fit:contain;
  border-radius:50%;
  background:white;
  padding:6px
}

.header-text h1{
  font-size:30px;
  margin-bottom:4px
}

.header-text .titulo{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
  font-weight: bold;
  font-size:30px;
  opacity:0.95
}

.header-text .service{
  font-size:20px;
  opacity:0.95
}

.header-text .contact{
  font-size:12px;
  color:white;
  text-decoration:underline
}

.hero{
  background:#fff;
  border-bottom:8px solid var(--orange)
}

.hero-img{
  width:100%;
  display:block;
  max-height:420px;
  object-fit:cover
}

.features{
  background:white;
  padding:48px 16px
}

.container{
  max-width:var(--max-width);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  align-items:start
}

.feature{
  background:white;
  text-align:left;
  padding:8px
}

.feature .icon{
  width:96px;
  height:96px;
  display:block;
  margin:0 auto 12px;
  border-radius:50%
}

.feature h3{
  font-size:18px;
  margin-bottom:8px;
  text-align:center
}

.feature p{
  color:var(--muted);
  font-size:14px;
  text-align:justify
}

.site-footer{
  background:#fafafa; padding:20px 16px;
  text-align:center;
  color:var(--muted);
  border-top:1px solid #eee
}

/* Responsive */
@media (max-width:1000px){
  .container{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .header-inner{flex-direction:row; gap:10px}
  .logo{width:72px;height:72px}
  .container{grid-template-columns:1fr; gap:20px}
  .hero-img{max-height:260px}
  .header-text h1{font-size:18px}
}