/* ===== HEADER (topbar + nav) ===== */
.site-header{position:sticky;top:0;z-index:50;border-top:5px solid var(--violet)}

/* Barra de anuncio */
.topbar{
  background:linear-gradient(90deg,var(--violet),var(--violet-2));
  color:var(--cream);font-size:.8rem;letter-spacing:.02em;
}
.topbar__inner{
  max-width:1180px;margin:0 auto;padding:.5rem 1.5rem;
  display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;
}
.topbar__item{display:inline-flex;align-items:center;gap:.4rem}
.topbar__item svg{opacity:.85}
.topbar__dot{opacity:.5}

/* Navegación */
.nav{
  background:rgba(246,241,231,.72);backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line);transition:box-shadow .3s ease,background .3s ease;
}
.site-header.scrolled .nav{background:rgba(246,241,231,.92);box-shadow:0 10px 30px -18px rgba(51,43,57,.5)}
.nav__inner{max-width:1400px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.6rem}
.nav__phone{display:flex;align-items:center;gap:.55rem;margin-left:1.6rem;padding-left:1.6rem;border-left:1px solid var(--line);color:var(--ink)}
.nav__phone-ic{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--lilac-soft);color:var(--violet);transition:.25s}
.nav__phone:hover .nav__phone-ic{background:var(--violet);color:var(--cream)}
.nav__phone-txt{display:flex;flex-direction:column;line-height:1.15}
.nav__phone-txt small{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--violet-2)}
.nav__phone-txt strong{font-size:.95rem;font-weight:600;color:var(--ink)}
@media(max-width:940px){ .nav__phone-txt{display:none} }
@media(max-width:860px){ .nav__phone{display:none} }
.brand__mark{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(51,43,57,.15))}
.brand__name{font-family:var(--serif);font-size:1.7rem;letter-spacing:.01em;color:var(--ink)}
.nav__links{display:flex;align-items:center;gap:1.9rem;margin-left:auto}
.nav__links a{position:relative;font-size:.95rem;color:var(--ink-soft);transition:color .2s}
.nav__links a:not(.nav__cta)::after{
  content:"";position:absolute;left:0;bottom:-6px;height:2px;width:100%;
  background:var(--violet);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .28s ease;
}
.nav__links a:not(.nav__cta):hover{color:var(--violet)}
.nav__links a:not(.nav__cta):hover::after{transform:scaleX(1)}
.nav__cta{padding:.6rem 1.3rem;background:var(--violet);border-radius:100px;color:var(--cream)!important;font-weight:500;box-shadow:0 8px 20px -10px var(--violet);transition:.25s}
.nav__cta:hover{background:var(--ink);transform:translateY(-2px)}
.nav__account{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--violet);border:1px solid var(--line);background:#fff;margin-left:1rem;transition:.22s}
.nav__account:hover{background:var(--violet);color:var(--cream);border-color:var(--violet)}
.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px;z-index:60}
.nav__burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}