<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Blog | Consejos de Mantenimiento del Hogar — Fravas SRL</title>
  <meta name="description" content="Artículos y consejos sobre electricidad, plomería, aire acondicionado, cámaras de seguridad y mantenimiento del hogar en República Dominicana.">
  <meta name="keywords" content="blog mantenimiento hogar, tips electricidad RD, consejos plomería, cuidado aire acondicionado, reparaciones Cibao">
  <link rel="canonical" href="https://fravasv2.webfactoryrd.com/blog/">
  <meta property="og:title" content="Blog — Fravas SRL | Consejos de Mantenimiento">
  <meta property="og:description" content="Artículos prácticos sobre electricidad, plomería, AC, cámaras y mantenimiento del hogar en República Dominicana.">
  <meta property="og:url" content="https://fravasv2.webfactoryrd.com/blog/">
  <meta property="og:site_name" content="Fravas SRL">
  <meta property="og:locale" content="es_DO">
  <meta property="og:type" content="website">
  <meta http-equiv="X-Content-Type-Options" content="nosniff">
  <meta http-equiv="X-Frame-Options" content="SAMEORIGIN">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800;900&family=Nunito:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root {
      --primary: #F97316; --secondary: #1E3A5F; --secondary-dark: #0D1F3C;
      --surface: #F8FAFC; --text: #0F172A; --muted: #64748B;
      --radius-md: 12px; --radius-lg: 20px;
      --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
      --shadow-lg: 0 20px 60px rgba(0,0,0,0.10);
      --font-heading: 'Raleway', sans-serif; --font-body: 'Nunito', sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: var(--font-body); color: var(--text); background: white; -webkit-font-smoothing: antialiased; }
    nav {
      position: sticky; top: 0; z-index: 100;
      background: rgba(13,31,60,0.97); backdrop-filter: blur(16px);
      padding: .875rem 2rem; display: flex; align-items: center; justify-content: space-between;
      border-bottom: 1px solid rgba(255,255,255,0.06);
    }
    .nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
    .nav-logo-icon {
      width: 36px; height: 36px; border-radius: 9px;
      background: linear-gradient(135deg, var(--primary), #EA6C0A);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-heading); font-weight: 900; color: white; font-size: .9rem;
    }
    .nav-logo-text { font-family: var(--font-heading); font-weight: 700; color: white; font-size: .95rem; }
    .nav-back { color: rgba(255,255,255,0.6); text-decoration: none; font-size: .85rem; font-weight: 600; font-family: var(--font-heading); transition: color .2s; }
    .nav-back:hover { color: white; }
    .hero {
      padding: 5rem 2rem 3.5rem;
      background: linear-gradient(150deg, var(--secondary-dark), var(--secondary));
      text-align: center; position: relative; overflow: hidden;
    }
    .hero::after {
      content: ''; position: absolute; top: 0; right: 0;
      width: 400px; height: 400px; pointer-events: none;
      background: radial-gradient(ellipse at top right, var(--primary) 0%, transparent 65%);
      opacity: 0.08;
    }
    .hero-badge {
      display: inline-block; padding: 4px 14px; border-radius: 99px;
      background: rgba(249,115,22,0.18); color: #FBBF24;
      border: 1px solid rgba(249,115,22,0.3);
      font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
      font-family: var(--font-heading); margin-bottom: 1rem;
    }
    .hero h1 { font-family: var(--font-heading); font-weight: 800; font-size: clamp(1.75rem, 4vw, 2.5rem); color: white; margin-bottom: .75rem; }
    .hero p { color: rgba(255,255,255,0.55); max-width: 500px; margin: 0 auto; font-size: 1rem; }
    .container { max-width: 1100px; margin: 0 auto; padding: 4rem 2rem; }
    .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .post-card {
      background: white; border-radius: var(--radius-lg);
      overflow: hidden; border: 1px solid rgba(226,232,240,0.8);
      text-decoration: none; color: inherit;
      transition: transform .25s, box-shadow .25s; display: block;
    }
    .post-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
    .post-img {
      height: 150px; overflow: hidden;
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
      display: flex; align-items: center; justify-content: center; font-size: 2.5rem;
    }
    .post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
    .post-card:hover .post-img img { transform: scale(1.05); }
    .post-body { padding: 1.25rem; }
    .post-tag {
      display: inline-block; padding: 2px 10px; border-radius: 99px;
      font-size: .7rem; font-weight: 700;
      background: rgba(249,115,22,.1); color: var(--primary); margin-bottom: .75rem;
      font-family: var(--font-heading);
    }
    .post-title { font-family: var(--font-heading); font-weight: 700; font-size: .95rem; color: var(--secondary); margin-bottom: .5rem; line-height: 1.4; }
    .post-card:hover .post-title { color: var(--primary); }
    .post-excerpt { font-size: .83rem; color: var(--muted); line-height: 1.55; margin-bottom: .75rem; }
    .post-date { font-size: .75rem; color: rgba(100,116,139,.6); }
    footer { background: var(--secondary-dark); color: rgba(255,255,255,0.40); text-align: center; padding: 2rem; font-size: .78rem; }
    footer a { color: rgba(255,255,255,0.45); text-decoration: none; margin: 0 .5rem; }
    footer a:hover { color: white; }
    @media(max-width:768px) { .posts-grid { grid-template-columns: 1fr; } .container { padding: 2.5rem 1.25rem; } }
    @media(max-width:1024px) { .posts-grid { grid-template-columns: repeat(2,1fr); } }
  </style>
</head>
<body>

<nav>
  <a href="/" class="nav-logo">
    <div class="nav-logo-icon">F</div>
    <span class="nav-logo-text">Fravas SRL</span>
  </a>
  <a href="/" class="nav-back">← Volver al sitio</a>
</nav>

<div class="hero">
  <span class="hero-badge">Blog</span>
  <h1>Consejos de Mantenimiento</h1>
  <p>Artículos prácticos sobre cómo cuidar tu hogar o negocio en República Dominicana.</p>
</div>

<div class="container">
  <div class="posts-grid">

    <a href="como-mantener-aire-acondicionado-puerto-plata.html" class="post-card">
      <div class="post-img">
        <img src="https://images.unsplash.com/photo-1580582932707-520aed937b7b?w=500&q=70&auto=format&fit=crop"
             alt="Mantenimiento de aire acondicionado" loading="lazy">
      </div>
      <div class="post-body">
        <span class="post-tag">Aire Acondicionado</span>
        <div class="post-title">Cómo mantener tu aire acondicionado en Puerto Plata</div>
        <p class="post-excerpt">El mantenimiento preventivo puede ahorrarte hasta un 30% en consumo eléctrico y prolongar la vida útil de tu equipo.</p>
        <span class="post-date">Abril 2026</span>
      </div>
    </a>

    <a href="senales-problemas-electricos-hogar.html" class="post-card">
      <div class="post-img">
        <img src="https://images.unsplash.com/photo-1621905251189-08b45d6a269e?w=500&q=70&auto=format&fit=crop"
             alt="Problemas eléctricos en el hogar" loading="lazy">
      </div>
      <div class="post-body">
        <span class="post-tag">Electricidad</span>
        <div class="post-title">5 señales de problemas eléctricos que no debes ignorar</div>
        <p class="post-excerpt">Un breaker que dispara frecuentemente o luces que parpadean pueden indicar problemas serios en tu instalación.</p>
        <span class="post-date">Abril 2026</span>
      </div>
    </a>

    <a href="como-detectar-fugas-agua-hogar.html" class="post-card">
      <div class="post-img">
        <img src="https://images.unsplash.com/photo-1607472586893-edb57bdc0e39?w=500&q=70&auto=format&fit=crop"
             alt="Detección de fugas de agua" loading="lazy">
      </div>
      <div class="post-body">
        <span class="post-tag">Plomería</span>
        <div class="post-title">Cómo detectar fugas de agua antes de que sean un problema mayor</div>
        <p class="post-excerpt">Las fugas no visibles pueden desperdiciar cientos de galones al mes. Aprende a detectarlas a tiempo.</p>
        <span class="post-date">Abril 2026</span>
      </div>
    </a>

    <a href="beneficios-camaras-seguridad-hogar.html" class="post-card">
      <div class="post-img">
        <img src="https://images.unsplash.com/photo-1593508512255-86ab42a8e620?w=500&q=70&auto=format&fit=crop"
             alt="Cámaras de seguridad para el hogar" loading="lazy">
      </div>
      <div class="post-body">
        <span class="post-tag">Seguridad</span>
        <div class="post-title">Beneficios de instalar cámaras de seguridad en tu hogar en RD</div>
        <p class="post-excerpt">Las cámaras modernas IP y WiFi ofrecen monitoreo 24/7 desde tu celular. Conoce qué tipo elegir.</p>
        <span class="post-date">Abril 2026</span>
      </div>
    </a>

    <a href="por-que-limpiar-cisterna-republica-dominicana.html" class="post-card">
      <div class="post-img">
        <img src="https://images.unsplash.com/photo-1504328345606-18bbc8c9d7d1?w=500&q=70&auto=format&fit=crop"
             alt="Limpieza de cisterna en República Dominicana" loading="lazy">
      </div>
      <div class="post-body">
        <span class="post-tag">Cisternas</span>
        <div class="post-title">Por qué es crucial limpiar tu cisterna regularmente en República Dominicana</div>
        <p class="post-excerpt">El calor y la humedad del Caribe aceleran la proliferación de bacterias. Descubre cada cuánto debes limpiarla.</p>
        <span class="post-date">Abril 2026</span>
      </div>
    </a>

  </div>
</div>

<footer>
  <p>© 2026 Fravas SRL · (849) 277-1973 · contactofravas@gmail.com</p>
  <p style="margin-top:.5rem">
    <a href="/privacy.html">Privacidad</a> ·
    <a href="/terms.html">Términos</a> ·
    <a href="/">Inicio</a>
  </p>
</footer>

</body>
</html>
