*{box-sizing:border-box;margin:0;padding:0;font-family:"Segoe UI",sans-serif}
body{color:#333;background:#fff;line-height:1.5}
header{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,0.98);display:flex;align-items:center;justify-content:space-between;padding:14px 36px;box-shadow:0 2px 8px rgba(0,0,0,.08);z-index:20}
.logo{font-weight:700;font-size:1.25rem}
.c-naranja{color:#ff6600}
nav a{margin:0 12px;text-decoration:none;color:#333;font-weight:500}
nav a:hover{color:#ff6600}
.hero{background:url('https://images.unsplash.com/photo-1581093588401-22b4c76aa9b0?auto=format&fit=crop&w=1920&q=80') no-repeat center/cover;height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:70px;position:relative}
.hero::after{content:"";position:absolute;left:0;top:70px;width:100%;height:88vh;background:rgba(0,0,0,.42);z-index:0}
.hero-content{position:relative;z-index:1;padding:30px}
.hero h1{font-size:2.2rem;margin-bottom:18px}
.btn{background:#ff6600;color:#fff;padding:12px 24px;border-radius:24px;text-decoration:none;font-weight:600}
.services{padding:80px 40px;background:#f8f8f8;text-align:center;margin-top:20px}
.services h2{font-size:1.9rem;margin-bottom:28px;color:#222}
.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.service-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .18s}
.service-card:hover{transform:translateY(-6px)}
.about{padding:60px 40px;text-align:center}
.about p{max-width:900px;margin:0 auto;font-size:1.05rem}
.contact{padding:60px 20px;background:#f8f8f8;text-align:center}
.contact form{max-width:620px;margin:18px auto;display:flex;flex-direction:column;gap:12px}
.contact input,.contact textarea{padding:10px;border:1px solid #d0d0d0;border-radius:6px;font-size:1rem}
.contact button{background:#ff6600;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}
.contact button:hover{background:#e65500}
.contact-info{margin-top:14px}
.form-result{max-width:620px;margin:12px auto;color:#0b6f3b;font-weight:600}
.hp{display:none !important}

/* Footer */
footer{background:#222;color:#fff;text-align:center;padding:18px 10px;margin-top:18px}
.visitas{margin-top:8px;font-size:.95rem;color:#ddd}

/* BLOG */
.blog-section{
  padding:60px 20px;
  background:#f9f9f9;
  margin-top:40px;
  border-top:2px solid #ddd;
  text-align:center;
}

.section-subtitle{
  color:#555;
  margin-top:4px;
  margin-bottom:26px;
  font-size:1rem;
}

.blog-container{
  display:flex;
  flex-direction:column;
  gap:28px;
  max-width:900px;
  margin:0 auto;
}

.blog-card{
  background:#fff;
  padding:25px 28px;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
  text-align:left;
  line-height:1.6;
  border-left:6px solid #ff6600;
}

.blog-card h3{
  margin-top:0;
  font-size:1.35rem;
  color:#222;
}

.blog-card p{
  margin:10px 0;
}

.blog-card ul{
  padding-left:20px;
  margin:12px 0;
}

.blog-card ul li{
  margin-bottom:8px;
}

.blog-subtitle{
  margin-top:18px;
  margin-bottom:10px;
  font-size:1.1rem;
  color:#444;