/* BAW · Portafolio (ACD-PORT-001 v5.1) — galería editorial de seis identidades */
.pf2{position:relative;isolation:isolate;padding:110px 24px 89px;color:#FFFFFF;
  background:radial-gradient(ellipse 50% 40% at 85% 0%,rgba(255,227,107,.16),transparent 70%),
  linear-gradient(160deg,#1F2A8F 0%,#3B2BB0 45%,#5A2CC0 100%)}
.pf2-wrap{max-width:1240px;margin:0 auto}
.pf2-head{max-width:760px;margin:0 0 55px}
.pf2-kicker{margin:0 0 13px;font:500 13px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#FFE36B}
.pf2-head h2{margin:0;font:700 clamp(32px,4.4vw,54px)/1.06 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#FFFFFF}
.pf2-lead{margin:21px 0 0;font-size:18px;line-height:1.618;color:#ECEAFF;max-width:640px}
.pf2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* composición asimétrica (escritorio) — orden de lectura = orden del listado */
.pf2-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:34px}
@media (min-width:1100px){
  .pf2-grid{grid-template-columns:repeat(12,1fr);gap:34px 30px}
  .pf2-nmoda{grid-column:1/8;grid-row:1}
  .pf2-sentidonorte{grid-column:8/13;grid-row:1}
  .pf2-andescordillera{grid-column:1/6;grid-row:2}
  .pf2-vegacentral{grid-column:6/13;grid-row:2/4}
  .pf2-alpint{grid-column:1/6;grid-row:3}
  .pf2-maritzarivas{grid-column:1/13;grid-row:4}
  .pf2-maritzarivas .pf2-card{display:grid;grid-template-columns:1.618fr 1fr;align-items:center}
  .pf2-vegacentral .pf2-shot{aspect-ratio:auto;flex:1;min-height:520px}
  .pf2-vegacentral .pf2-shot img{object-position:top center}
  .pf2-vegacentral .pf2-card{height:100%}
}
@media (min-width:760px) and (max-width:1099px){.pf2-grid{grid-template-columns:1fr 1fr}.pf2-vegacentral,.pf2-maritzarivas{grid-column:1/-1}}

/* pieza */
.pf2-item{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.pf2-item.pf2-in{opacity:1;transform:none}
.pf2-card{display:flex;flex-direction:column;background:#FFFDF8;color:#111126;border-radius:18px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.2),0 21px 55px rgba(10,6,50,.35);border-top:6px solid var(--pfa)}
.pf2-shot{position:relative;aspect-ratio:1342/636;overflow:hidden;background:var(--pfb)}
.pf2-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.pf2-card:hover .pf2-shot img,.pf2-card:focus-within .pf2-shot img{transform:scale(1.03)}
.pf2-stroke{position:absolute;left:21px;bottom:-4px;width:46%;height:22px}
.pf2-stroke path{fill:none;stroke:var(--pfa);stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.6,0,.2,1) .35s}
.pf2-in .pf2-stroke path{stroke-dashoffset:0}
.pf2-body{padding:24px 26px 26px}
.pf2-cat{margin:0 0 8px;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#4B5263}
.pf2-n{color:var(--pfa);font-weight:700;margin-right:6px}
.pf2-alpint .pf2-n,.pf2-sentidonorte .pf2-n{color:#5125C9}
.pf2-name{margin:0 0 8px;font:700 26px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.02em;color:#111126}
.pf2-vegacentral .pf2-name{font-size:34px}
.pf2-desc{margin:0 0 10px;font-size:16px;line-height:1.55;color:#2B3140}
.pf2-dom{margin:0 0 16px;font:500 13px 'IBM Plex Mono',monospace;color:#5125C9}
.pf2-actions{display:flex;flex-wrap:wrap;gap:10px}
.pf2-visit,.pf2-zoom{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;font:600 15px 'IBM Plex Sans',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s,box-shadow .2s}
.pf2-visit{background:#111126;color:#FFFFFF;border:0}
.pf2-visit:hover,.pf2-visit:focus-visible{background:#5125C9;transform:translateY(-2px);box-shadow:0 8px 21px rgba(81,37,201,.35)}
.pf2-zoom{background:transparent;color:#111126;border:1.5px solid #C9C3DA}
.pf2-zoom:hover,.pf2-zoom:focus-visible{border-color:#111126;background:#F1EEFA}
.pf2-visit:focus-visible,.pf2-zoom:focus-visible,.pf2-cta:focus-visible,.pf2-m-x:focus-visible{outline:3px solid #FFE36B;outline-offset:3px}

/* cierre comercial */
.pf2-close{margin:72px auto 0;max-width:720px;text-align:center}
.pf2-close h3{margin:0 0 13px;font:700 clamp(26px,3vw,36px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.02em;color:#FFFFFF}
.pf2-close p{margin:0 0 26px;font-size:18px;line-height:1.618;color:#ECEAFF}
.pf2-cta{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;background:#25D366;color:#052E16;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 13px 34px rgba(0,0,0,.25);transition:transform .2s}
.pf2-cta:hover{transform:translateY(-2px)}

/* vista ampliada */
.pf2-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:21px}
.pf2-modal[hidden]{display:none}
.pf2-m-back{position:absolute;inset:0;background:rgba(14,10,44,.78)}
.pf2-m-box{position:relative;width:min(1100px,100%);max-height:calc(100vh - 42px);display:flex;flex-direction:column;background:#FFFDF8;color:#111126;border-radius:16px;overflow:hidden;box-shadow:0 34px 89px rgba(0,0,0,.45);outline:none}
.pf2-m-top{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;padding:16px 21px;border-bottom:1px solid #E4E0F5}
.pf2-m-top h3{margin:0;font:700 22px 'Space Grotesk',sans-serif}
.pf2-m-dom{margin:2px 0 0;font:500 13px 'IBM Plex Mono',monospace;color:#5125C9}
.pf2-m-acts{display:flex;gap:10px;align-items:center}
.pf2-m-x{width:46px;height:46px;border-radius:50%;border:1.5px solid #C9C3DA;background:#FFFFFF;font-size:18px;cursor:pointer;color:#111126}
.pf2-m-img{overflow:auto;-webkit-overflow-scrolling:touch}
.pf2-m-img img{display:block;width:100%;height:auto}
html.pf2-lock{overflow:hidden}

/* móvil */
@media (max-width:759px){.pf2{padding:80px 16px 64px}.pf2-head{margin-bottom:34px}.pf2-body{padding:20px}.pf2-name,.pf2-vegacentral .pf2-name{font-size:24px}.pf2-actions a,.pf2-actions button{flex:1 1 auto;justify-content:center}}

/* movimiento */
.m10-paused .pf2-item{transition:none}
@media (prefers-reduced-motion:reduce){.pf2-item{opacity:1;transform:none;transition:none}.pf2-stroke path{stroke-dashoffset:0;transition:none}.pf2-shot img{transition:none}.pf2-card:hover .pf2-shot img{transform:none}}
/* v27 · Cozmar (N.º 07): franja completa en espejo de Maritza Rivas, texto a la izquierda y captura a la derecha */
@media (min-width:1100px){
  .pf2-cozmar{grid-column:1/13;grid-row:5}
  .pf2-cozmar .pf2-card{display:grid;grid-template-columns:1fr 1.618fr;align-items:center}
  .pf2-cozmar .pf2-shot{order:2}
  .pf2-cozmar .pf2-body{order:1}
}
@media (min-width:760px) and (max-width:1099px){.pf2-cozmar{grid-column:1/-1}}