@media (max-width:800px) {
  .nav { position:relative; }
  .nav-links.open { display:flex; position:absolute; z-index:2; top:72px; right:0; flex-direction:column; align-items:stretch; gap:0; width:210px; padding:12px 18px; background:#111; }
  .nav-links.open a { padding:11px 0; }
  .nav-links.open .active { border:0; }
}

.top-logo { display:flex; align-items:center; width:178px; height:50px; padding:6px 10px 6px 12px; background:rgba(255,255,255,.96); border-left:3px solid #8b55b8; box-shadow:0 8px 20px rgba(0,0,0,.22); }
.top-logo img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }

.footer-grid { grid-template-columns:1.4fr 1fr 1.2fr; }

/* Propuesta 05: el logo original se integra sin filtros ni placa. */
.hero {
  color:#1e1a20;
  background:linear-gradient(90deg,rgba(250,248,246,.97) 0%,rgba(250,248,246,.91) 37%,rgba(250,248,246,.23) 69%,rgba(250,248,246,.04)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=2200&q=85') center/cover;
}
.nav { border-bottom:1px solid rgba(37,28,39,.16); }
.top-logo { display:block; width:180px; height:54px; padding:0; background:transparent; border:0; box-shadow:none; }
.top-logo img { width:100%; height:100%; object-fit:contain; object-position:center; }
.nav-links a { color:#27232a; }
.nav-links .active { color:#76449e; border-bottom-color:#8151ab; }
.nav-links .button { color:#fff; box-shadow:0 7px 15px rgba(96,55,128,.18); }
.hero h1 { color:#1e1a20; }
.hero p { color:#4e4850; }
.areas { grid-template-columns:repeat(4,1fr); }
.cards { grid-template-columns:repeat(5,1fr); }
.areas article { display:grid; grid-template-rows:58px 42px auto; align-items:start; }
.areas span { height:58px; display:flex; align-items:center; justify-content:center; line-height:1; }
.areas h3 { min-height:42px; display:flex; align-items:center; justify-content:center; margin:0; }
.areas p { margin:0; }

@media (max-width:800px) {
  .areas { grid-template-columns:repeat(2,1fr); }
  .cards { grid-template-columns:repeat(2,1fr); }
}
.whatsapp-link { color:#fff; text-decoration:none; }
.whatsapp-link:hover { text-decoration:underline; }
.whatsapp-button { background:#25d366; box-shadow:0 7px 15px rgba(20,145,72,.24); }
.whatsapp-float { position:fixed; z-index:10; right:24px; bottom:24px; display:flex; align-items:center; gap:8px; padding:0 18px; height:52px; border-radius:28px; background:#25d366; color:#fff; text-decoration:none; font-size:21px; font-weight:700; box-shadow:0 10px 24px rgba(0,0,0,.22); }
.whatsapp-float span { font:700 12px 'DM Sans',sans-serif; }
.whatsapp-float:hover { transform:translateY(-2px); background:#1ebe5b; }
.footer-identity { display:flex; align-items:center; }
.footer-mark { display:grid; place-items:center; width:155px; height:126px; padding:20px; background:linear-gradient(135deg,#f5f0eb,#e7dfd7); border-top:3px solid #8a55b3; box-shadow:inset 0 0 0 1px rgba(255,255,255,.36); }
.footer-mark img { display:block; width:100%; height:100%; object-fit:contain; }

@media (max-width:800px) {
  .nav-links.open { background:#faf8f6; box-shadow:0 10px 24px rgba(0,0,0,.12); }
  .nav-links.open a { color:#27232a; }
  .nav-links.open .button { color:#fff; }
}