.bar,.volver,.stack{--bg:#1A1C1C;--bg2:#111313;--bg3:#232626;--fg:#F9F4EB;--dim:rgba(249,244,235,.58);--line:rgba(249,244,235,.16);color:var(--fg)}  /* la barra y los botones flotantes no cambian con el fondo del proyecto */
.volver{position:fixed;top:16px;left:16px;z-index:45;height:50px;padding:0 22px;background:rgba(17,19,19,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:3px;display:flex;align-items:center;gap:10px}
.volver:hover{background:var(--bg3)}
.cab{padding:clamp(130px,20vh,200px) var(--gut) 0}
.cab h1{font-size:clamp(46px,6vw,104px);padding-bottom:22px;border-bottom:1px solid var(--line)}
.cab .cl{display:block;margin-bottom:16px;color:var(--dim)}
.tags{display:flex;gap:2px;flex-wrap:wrap;margin-top:18px}
.tags span{background:var(--bg2);height:22px;padding:0 8px;display:inline-flex;align-items:center}
.cab .desc{margin-top:28px;max-width:62ch;font-size:clamp(16px,1.2vw,18px);line-height:1.5;color:var(--dim);white-space:pre-line}
/* el cuerpo es el de Behance: los módulos en su orden, pegados, a todo el ancho (hasta 1400 px, centrados), sobre el color de fondo del proyecto */
.cuerpo{max-width:1400px;margin:0 auto;padding:clamp(48px,8vh,96px) 0 0}
.cuerpo > *{display:block}
.cuerpo img,.cuerpo video{display:block;width:100%;height:auto;margin:0 auto}
.fila{display:flex}
.fila img,.fila video{min-width:0;max-width:none;width:auto}
.embed{position:relative;aspect-ratio:16/9;width:100%}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cuerpo audio{display:block;width:min(560px,calc(100% - 2 * var(--gut)));margin:28px auto}
.txt{max-width:780px;margin:0 auto;padding:clamp(40px,7vh,84px) var(--gut);text-align:center;white-space:pre-line;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--fg)}
.sigue{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(100px,16vh,180px);border-top:1px solid var(--line)}
.sigue a{padding:36px var(--gut) 44px;display:flex;flex-direction:column;gap:14px;transition:background .3s}
.sigue a:hover{background:var(--bg3)}
.sigue a + a{border-left:1px solid var(--line);text-align:right;align-items:flex-end}
.sigue b{font-weight:700;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(26px,3vw,46px);line-height:.9}
.pie{margin:0 var(--gut)}
@media (max-width:860px){
  .volver{position:static;margin:96px var(--gut) 0;width:max-content}
  .cab{padding-top:48px}
  .sigue{grid-template-columns:1fr}
  .fila{flex-direction:column}
  .fila img,.fila video{flex:none!important;width:100%}
  .sigue a + a{border-left:0;border-top:1px solid var(--line);text-align:left;align-items:flex-start}
}