/* ========================================
   CONSULTORA DΕIMAGEN — Estilos globales
   ======================================== */

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Rubik', sans-serif; background:#fff; color:#1a1e2e; }

/* ── NAV ESTÁNDAR (blog, artículos) ── */
nav {
  width:100%; padding:22px 40px 10px;
  background:#f0f0ec; text-align:center;
}
.nav-brand {
  font-family:'Gabarito', sans-serif; font-size:18px; font-weight:800;
  letter-spacing:3px; text-transform:uppercase; color:#1a1e2e;
  text-decoration:none; display:block; margin-bottom:12px;
}
.nav-links { display:flex; justify-content:center; gap:36px; list-style:none; }
.nav-links a {
  font-family:'Rubik', sans-serif; font-size:11px; font-weight:400;
  letter-spacing:1.5px; text-transform:uppercase; color:#1a1e2e;
  text-decoration:none; padding-bottom:4px;
  border-bottom:1px solid #1a1e2e; transition:opacity .2s;
}
.nav-links a:hover { opacity:.5; }

/* ── HAMBURGER ── */
.hamburger {
  display:none; position:fixed; top:20px; right:24px;
  flex-direction:column; justify-content:center; gap:6px;
  width:40px; height:40px; cursor:pointer; z-index:500;
}
.hamburger span {
  display:block; width:26px; height:2px;
  background:#1a1e2e; border-radius:2px; transition:all .3s;
}
.hamburger.open span:nth-child(1) { transform:translateY(8px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity:0; }
.hamburger.open span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }

/* ── MENÚ MOBILE ── */
.nav-mobile {
  display:none; position:fixed; inset:0;
  background:rgba(26,30,46,0.97);
  flex-direction:column; align-items:center; justify-content:center;
  gap:28px; z-index:400; opacity:0; transition:opacity .3s;
}
.nav-mobile.open { opacity:1; }
.nav-mobile a {
  font-family:'Gabarito', sans-serif; font-size:32px; font-weight:700;
  letter-spacing:2px; text-transform:uppercase; color:#fff; text-decoration:none;
}


/* ── FOOTER ── */
footer { background:#fff; border-top:1px solid #e0e0e0; padding:40px 60px 20px; }
.footer-top {
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:40px; margin-bottom:30px;
}
.footer-brand-name {
  font-family:'Gabarito', sans-serif; font-size:14px; font-weight:800;
  letter-spacing:2px; text-transform:uppercase; color:#1a1e2e;
  margin-bottom:10px; display:block;
}
.footer-whatsapp { font-size:11px; color:#888; letter-spacing:1px; text-transform:uppercase; margin-bottom:4px; }
.footer-phone { font-size:20px; font-weight:500; color:#1a1e2e; }
.footer-col h4 { font-size:10px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:#1a1e2e; margin-bottom:14px; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:8px; }
.footer-col ul li a {
  font-size:11px; letter-spacing:1px; text-transform:uppercase;
  color:#666; text-decoration:none; transition:color .2s;
}
.footer-col ul li a:hover { color:#1a1e2e; }
.footer-bottom { border-top:1px solid #e8e8e8; padding-top:16px; font-size:11px; color:#aaa; }

/* ── RESPONSIVE ── */
@media(max-width:900px) {
  nav { padding:16px 24px; text-align:left; }
  .nav-brand { font-size:14px; }
  .nav-links { display:none; }
  .hamburger { display:flex; }
  footer { padding:40px 24px 20px; }
  .footer-top { grid-template-columns:1fr 1fr; gap:24px; }
}

@media(max-width:600px) {
  footer { padding:32px 20px 16px; }
  .footer-top { grid-template-columns:1fr; gap:20px; }
}