/* ======================================================================
   DIFUSOR V132 · PORTAFOLIO PRIVADO + HEADER ALINEADO
   - Sacyr / Agrosuper visibles como trabajos privados sin reproductor
   - Banda diagonal "Material privado" al seleccionar
   - Header con geometría y jerarquía equivalentes a la Home V131
   ====================================================================== */

/* ----------------------------------------------------------------------
   1. HEADER · misma lógica de posición que la Home
   ---------------------------------------------------------------------- */
@media (min-width:1001px){
  body.portfolio-page .navin{
    width:calc(100% - 24px)!important;
    margin-inline:auto!important;
    gap:18px!important;
  }
  body.portfolio-page .brand.brand-box{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:50px!important;
    padding:8px 13px!important;
    border-radius:16px!important;
    position:relative!important;
    isolation:isolate!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.portfolio-page .brand.brand-box::before{
    content:"";
    position:absolute;
    inset:2px 1px;
    border-radius:15px;
    background:linear-gradient(180deg,rgba(18,43,56,.76),rgba(6,22,31,.74));
    border:1px solid rgba(180,226,244,.19);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.18),0 7px 0 rgba(1,10,15,.10),0 12px 25px rgba(0,0,0,.24);
    -webkit-backdrop-filter:blur(11px) saturate(120%);
    backdrop-filter:blur(11px) saturate(120%);
    z-index:0;
  }
  body.portfolio-page .brand.brand-box .logo-main{
    width:138px!important;
    position:relative;
    z-index:1;
    filter:brightness(1.03) contrast(1.03) drop-shadow(0 2px 5px rgba(0,0,0,.20));
  }
  body.portfolio-page .navlinks{
    margin-left:auto!important;
    gap:27px!important;
    align-items:center!important;
  }
  body.portfolio-page .navlinks a{
    position:relative;
    padding:10px 12px!important;
    border-radius:11px;
    color:rgba(236,245,249,.86)!important;
    font-size:13px!important;
    font-weight:680!important;
    letter-spacing:.01em;
    transition:transform .20s cubic-bezier(.22,.61,.36,1),color .18s ease,background-color .18s ease,box-shadow .20s ease!important;
  }
  body.portfolio-page .navlinks a:hover,
  body.portfolio-page .navlinks a:focus-visible,
  body.portfolio-page .navlinks a.current{
    color:#fff!important;
    background:rgba(255,255,255,.075)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.11),0 9px 24px rgba(0,0,0,.18)!important;
  }
  body.portfolio-page .navlinks a:hover,
  body.portfolio-page .navlinks a:focus-visible{
    transform:translateY(-3px) scale(1.045)!important;
  }
  body.portfolio-page .navin>.cta{
    margin-left:12px!important;
    min-height:42px!important;
    padding:0 17px!important;
    font-size:12px!important;
    background:#f7fbfd!important;
    color:#0b1d27!important;
    border-color:rgba(255,255,255,.58)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  }
  body.portfolio-page .navin>.cta:hover,
  body.portfolio-page .navin>.cta:focus-visible{
    background:#fff!important;
    color:#071821!important;
    transform:translateY(-3px) scale(1.035)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,1),0 10px 26px rgba(0,0,0,.20),0 0 0 1px rgba(176,226,245,.18)!important;
  }
}

/* ----------------------------------------------------------------------
   2. PROYECTOS PRIVADOS
   Se ven en el portafolio, pero no reproducen ni exponen detalle.
   ---------------------------------------------------------------------- */
body.portfolio-page .portfolio-card.is-private{
  cursor:pointer;
}
body.portfolio-page .portfolio-card.is-private .portfolio-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,9,13,.03),rgba(2,9,13,.18));
  pointer-events:none;
}
body.portfolio-page .portfolio-private-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(4,16,23,.56);
  color:rgba(244,250,252,.72);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.portfolio-page .portfolio-private-ribbon{
  position:absolute;
  z-index:9;
  top:26px;
  right:-43px;
  width:176px;
  padding:8px 0;
  transform:rotate(36deg) translateY(-16px);
  transform-origin:center;
  background:rgba(245,249,251,.94);
  color:#0a1b24;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(0,0,0,.28);
  text-align:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease,transform .30s cubic-bezier(.22,.61,.36,1),visibility .24s ease;
}
body.portfolio-page .portfolio-card.is-private-selected .portfolio-private-ribbon{
  opacity:1;
  visibility:visible;
  transform:rotate(36deg) translateY(0);
}
body.portfolio-page .portfolio-card.is-private-selected{
  border-color:rgba(212,237,246,.42)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
body.portfolio-page .portfolio-card.is-private-selected .portfolio-private-mark{
  background:rgba(245,249,251,.94);
  color:#0a1b24;
  border-color:rgba(255,255,255,.95);
}

@media(max-width:650px){
  body.portfolio-page .portfolio-private-ribbon{
    top:22px;
    right:-47px;
    width:168px;
    font-size:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.portfolio-page .portfolio-private-ribbon,
  body.portfolio-page .navlinks a,
  body.portfolio-page .navin>.cta{
    transition:none!important;
  }
}