/* Cortinajes Triana — topbar: cabecera .mast + navegacion movil .side-panel */

.mast{
  position:sticky;top:0;z-index:20;
  background:var(--chalk);
  border-bottom:1px solid var(--rule);
}
.mast .inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;min-height:74px;
}
.mast .logotype{
  display:inline-flex;flex-direction:column;line-height:1;
  font-family:var(--ff-display);color:var(--text);
}
.mast .logotype b{font-size:1.5rem;font-weight:600;letter-spacing:.005em}
.mast .logotype span{
  font-family:var(--ff-body);font-size:.66rem;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:var(--highlight);
  margin-top:4px;
}
.mast .logotype:hover{color:var(--text)}

.mast .nav{display:none}
.mast .nav a{
  font-size:.96rem;font-weight:500;color:var(--text);
  padding:8px 2px;position:relative;
}
.mast .nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;
  background:var(--highlight);transition:right .22s var(--ease);
}
.mast .nav a:hover{color:var(--highlight-deep)}
.mast .nav a:hover::after{right:0}
.mast .nav a[aria-current="page"]{color:var(--highlight-deep)}
.mast .nav a[aria-current="page"]::after{right:0}

.mast .end{display:flex;align-items:center;gap:14px}
.mast .end .tel{display:none;font-weight:600;font-size:.95rem;color:var(--text)}
.mast .end .tel:hover{color:var(--highlight-deep)}

.nav-trigger{
  display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:48px;height:48px;padding:11px;
  background:transparent;border:1px solid var(--rule);border-radius:var(--radius);
  cursor:pointer;
}
.nav-trigger span{display:block;height:2px;width:100%;background:var(--text);border-radius:2px}

/* panel lateral movil */
.side-panel{
  position:fixed;inset:0;z-index:50;
  display:none;
  background:var(--graphite);
}
.side-panel.is-open{display:block}
.side-panel .inner{
  display:flex;flex-direction:column;height:100%;
  padding:26px 26px 40px;
}
.side-panel .top{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:34px;
}
.side-panel .top b{font-family:var(--ff-display);font-size:1.4rem;color:#fff}
.side-panel .close{
  width:48px;height:48px;background:transparent;border:1px solid #3a3936;
  border-radius:var(--radius);color:var(--text-on-dark);font-size:1.5rem;cursor:pointer;
}
.side-panel .links{display:flex;flex-direction:column;gap:4px}
.side-panel .links a{
  font-family:var(--ff-display);font-size:1.7rem;color:#EDECEA;
  padding:11px 0;border-bottom:1px solid #2a2926;
}
.side-panel .links a:hover{color:var(--highlight-soft)}
.side-panel .foot{margin-top:auto;padding-top:26px;color:#A7A5A1;font-size:.95rem}
.side-panel .foot a{color:var(--highlight-soft);font-weight:600}

@media (min-width:920px){
  .nav-trigger{display:none}
  .mast .nav{display:flex;align-items:center;gap:26px}
  .mast .end .tel{display:inline-block}
}