/* Navegación contextual y evaluación. Capa visual aislada; no altera rutas ni datos. */

.app-authenticated .module-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:6px 12px 6px 7px;
  border:1px solid var(--pro-line);
  border-radius:11px;
  background:#fff;
  color:var(--pro-ink);
  box-shadow:var(--pro-shadow-xs);
  text-decoration:none;
  font-size:12px;
  font-weight:750;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}

.app-authenticated .module-back__icon{
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  border-radius:8px;
  background:var(--pro-wine-soft);
  color:var(--pro-wine-strong);
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}

.app-authenticated .module-back:hover{
  border-color:#dbbabc;
  background:#fffafa;
  color:var(--pro-wine-strong);
  box-shadow:0 7px 18px rgba(129,29,35,.09);
  transform:translateY(-1px);
}

.app-authenticated .module-back:hover .module-back__icon{transform:translateX(-2px)}

.app-authenticated .evaluation-context{
  position:sticky;
  top:88px;
  z-index:20;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);
  gap:24px;
  align-items:center;
  margin:-2px 0 28px;
  padding:18px 22px;
  overflow:hidden;
  border:1px solid rgba(216,203,200,.94);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 15px 42px rgba(44,29,31,.11),0 1px 0 rgba(255,255,255,.9) inset;
  backdrop-filter:blur(18px) saturate(1.25);
  -webkit-backdrop-filter:blur(18px) saturate(1.25);
}

.app-authenticated .evaluation-context::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#d57c81,var(--pro-wine),var(--pro-wine-strong));
}

.app-authenticated .evaluation-context__identity{min-width:0}

.app-authenticated .evaluation-context__eyebrow{
  display:block;
  margin-bottom:5px;
  color:var(--pro-wine);
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.app-authenticated .evaluation-context h1{
  margin:0;
  overflow:hidden;
  color:var(--pro-ink);
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.08;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.app-authenticated .evaluation-context__identity p{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  margin:7px 0 0;
  color:var(--pro-muted);
  font-size:11px;
  line-height:1.35;
}

.app-authenticated .evaluation-context__identity p span:not(:last-child)::after{
  content:"·";
  margin-left:14px;
  color:#c5b7b5;
}

.app-authenticated .evaluation-context__scale{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
  padding:7px;
  border:1px solid #eee5e3;
  border-radius:14px;
  background:linear-gradient(145deg,#faf8f7,#f5f0ef);
}

.app-authenticated .evaluation-context__scale span{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:6px;
  align-items:center;
  min-width:0;
  padding:8px 7px;
  border-radius:10px;
  color:var(--pro-ink-soft);
}

.app-authenticated .evaluation-context__scale b{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid #e4d5d3;
  border-radius:8px;
  background:#fff;
  color:var(--pro-wine-strong);
  font-size:11px;
  box-shadow:0 2px 6px rgba(44,29,31,.05);
}

.app-authenticated .evaluation-context__scale small{
  min-width:0;
  overflow:hidden;
  font-size:9.5px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.app-authenticated .evaluation-fieldset{margin:0;padding:0;border:0}
.app-authenticated .evaluation-fieldset .section-title{scroll-margin-top:230px}
.app-authenticated .evaluation-savebar{z-index:15}

@media(max-width:1260px){
  .app-authenticated .evaluation-context{grid-template-columns:1fr;gap:13px}
}

@media(max-width:1020px){
  .app-authenticated .evaluation-context{top:80px}
}

@media(max-width:760px){
  .app-authenticated .module-back{min-height:36px;padding:5px 7px}
  .app-authenticated .module-back__label{display:none}
  .app-authenticated .module-back__icon{width:24px;height:24px}
  .app-authenticated .evaluation-context{
    top:72px;
    gap:10px;
    margin:0 0 22px;
    padding:14px 14px 13px 17px;
    border-radius:14px;
  }
  .app-authenticated .evaluation-context h1{font-size:22px}
  .app-authenticated .evaluation-context__identity p{gap:2px 8px;font-size:10px}
  .app-authenticated .evaluation-context__identity p span:not(:last-child)::after{margin-left:8px}
  .app-authenticated .evaluation-context__scale{gap:4px;padding:5px}
  .app-authenticated .evaluation-context__scale span{display:flex;justify-content:center;padding:5px 3px}
  .app-authenticated .evaluation-context__scale b{width:26px;height:26px}
  .app-authenticated .evaluation-context__scale small{display:none}
  .app-authenticated .evaluation-fieldset .section-title{scroll-margin-top:210px}
}

@media(max-width:440px){
  .app-authenticated .topbar-product{display:none}
  .app-authenticated .evaluation-context__identity p span:nth-child(2),
  .app-authenticated .evaluation-context__identity p span:nth-child(3){display:none}
}

@media(prefers-reduced-motion:reduce){
  .app-authenticated .module-back,
  .app-authenticated .module-back__icon{transition:none}
}

@media print{
  .app-authenticated .module-back{display:none!important}
  .app-authenticated .evaluation-context{position:static;box-shadow:none;backdrop-filter:none}
}