@font-face{font-family:Rotulo;src:url(rotulo.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}
@font-face{font-family:Titulo;src:url(titulo.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}

:root{--negro:#292929;--gris:#d6d6d6;--blanco:#fff;--e1:cubic-bezier(.3,0,.2,.9);--e2:cubic-bezier(.45,.22,0,.95)}
*,:before,:after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--blanco)}
body{color:var(--negro);letter-spacing:-.011em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-kerning:normal;font-feature-settings:"kern" 1;
  font-size:12px;line-height:120%;font-family:Rotulo,"Helvetica Neue",Arial,sans-serif;font-weight:700;font-synthesis:none}
h1,h2,h3,h4,h5,p,ul,li,figure{margin:0;padding:0;font:inherit;list-style:none}
img,video{display:block;max-width:100%}
button,a{color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:none;border:0;padding:0;font:inherit;letter-spacing:inherit;text-decoration:none;width:fit-content}
.arizona{letter-spacing:.005em;text-transform:uppercase;font-family:Titulo,Georgia,"Times New Roman",serif;font-weight:400;font-size:11.55px}
.oculto{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::selection{background:var(--negro);color:var(--gris)}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--gris)}::-webkit-scrollbar-thumb{background:var(--negro)}
:focus-visible{outline:2px solid var(--negro);outline-offset:2px}
@keyframes aparece{0%{opacity:0}to{opacity:1}}
.fade{opacity:0;animation:aparece .25s var(--e1) .35s forwards}
.placeholder{pointer-events:none;width:100%;height:100%;transition:opacity .25s var(--e1);background-color:var(--gris);position:absolute;top:0;left:0;display:none}
.js .placeholder{display:block}


.vista{display:none}
.js .vista.activa{display:block}
html:not(.js) .vista:target{display:block}
html:not(.js) body:not(:has(.vista:target)) #inicio{display:block}


.cruce{z-index:997;pointer-events:none;touch-action:none;opacity:0;width:100vw;height:100vh;transition:opacity .35s var(--e1);background-color:var(--blanco);position:fixed;top:0;left:0}
.cruce.activo{opacity:1}


.nav{z-index:1000;flex-direction:row;gap:12px;width:100%;padding-left:12px;padding-right:12px;display:flex;position:fixed;bottom:0;left:0}
.nav>a{z-index:2;border-top:.5px solid var(--negro);width:100%;padding-top:12px;padding-bottom:12px;position:relative}
.nav>a>p{transition:transform .35s var(--e2);line-height:110%}
.linea{border-top:1.25px solid var(--negro);opacity:0;width:100%;transition:all .25s var(--e1);position:absolute;top:0;left:0}
.linea.activa{opacity:1}
@media (hover:hover){.nav>a:hover>.linea{opacity:1}.nav>a:hover>p{transform:translate(6px)}}
.nav .aviso{position:absolute;right:12px;bottom:12px;z-index:3}
.aviso{font-family:Titulo,Georgia,serif;font-weight:400;font-size:11px;line-height:110%;letter-spacing:.01em;white-space:nowrap}
.aviso a{display:inline;border-bottom:.5px solid currentColor;transition:opacity .25s var(--e1)}
@media (hover:hover){.aviso a:hover{opacity:.5}}
.aviso-pie{display:none}
.difumina{--blur-shift:-15%;z-index:996;pointer-events:none;width:100%;height:38.53px;position:fixed;bottom:0;left:0;transform:translateZ(0)}
.difumina.listo{transition:height .25s var(--e1)}
.difumina.alto{height:77px}
.difumina>div,.difumina:before,.difumina:after{position:absolute;inset:0}
.difumina:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(0% + var(--blur-shift)),#fff calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff0 calc(37.5% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(0% + var(--blur-shift)),#fff calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff0 calc(37.5% + var(--blur-shift)))}
.difumina>div:nth-of-type(1){z-index:2;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff0 calc(50% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff0 calc(50% + var(--blur-shift)))}
.difumina>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff0 calc(62.5% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff0 calc(62.5% + var(--blur-shift)))}
.difumina>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff0 calc(75% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff0 calc(75% + var(--blur-shift)))}
.difumina>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff0 calc(87.5% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff0 calc(87.5% + var(--blur-shift)))}
.difumina>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff0 calc(100% + var(--blur-shift)));mask:linear-gradient(to bottom,#fff0 calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff0 calc(100% + var(--blur-shift)))}
.difumina>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask:linear-gradient(to bottom,#fff0 calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff 100%);mask:linear-gradient(to bottom,#fff0 calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff 100%)}
.difumina:after{content:"";z-index:8;background:linear-gradient(#fff0 0%,#fff 100%)}


.filtros{z-index:998;flex-direction:row;gap:12px;width:100%;padding-left:12px;padding-right:12px;display:flex;position:fixed;bottom:38.5px;left:0}
.filtro{border-top:.5px solid var(--negro);flex-direction:row;justify-content:space-between;gap:6px;width:100%;padding-top:12px;padding-bottom:12px;display:flex;position:relative}
.filtro>p{transition:transform .35s var(--e2);line-height:110%}
.filtro>p:nth-of-type(2){text-align:right;font-size:10px}
@media (hover:hover){.filtro:hover>.linea{opacity:1}.filtro:hover>p:first-of-type{transform:translate(6px)}}
.filtro-movil{display:none}


.inicio{flex-direction:column;gap:256px}
.js .inicio.activa{display:flex}
.proyectos{width:100%;height:100svh;animation-duration:.35s;animation-delay:.15s;position:relative;overflow:hidden}
.proyecto{transition:left .85s var(--e2),width .85s var(--e2);height:fit-content;padding-left:12px;position:absolute;top:12px;bottom:0}
.proyecto.fuera{display:none}
.sin-trans .proyecto{transition:none!important}
.js .proyecto.lejos>.activos{display:none}
.cab{border-bottom:.5px solid var(--negro);padding-bottom:12px;position:relative}
.proyecto>.cab>h2,.proyecto>.cab>p{opacity:.5;transition:opacity .5s var(--e1);text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;width:100%;overflow:hidden}
.proyecto.activo>.cab>h2,.proyecto.activo>.cab>p{opacity:1}
.barra{background-color:var(--negro);width:0%;height:1.25px;transition:width .5s var(--e2);position:absolute;bottom:-.625px;left:0}
.proyecto.activo>.cab>.barra{transition:none}
.activos{pointer-events:none;opacity:0;transition:opacity .35s var(--e1);padding-top:12px;position:relative}
.proyecto.activo>.activos{opacity:1}
.pila{width:100%;transition:opacity .35s var(--e1);flex-direction:row;gap:12px;display:flex;position:relative}
.act{opacity:0;width:100%;height:fit-content;transition:opacity .35s var(--e1);flex-direction:row;gap:12px;display:flex;position:relative;justify-content:center;align-items:center}
.pila.activa>.act:nth-of-type(1){transition-delay:.55s}
.pila.activa>.act:nth-of-type(2){transition-delay:.6s}
.pila.activa>.act:nth-of-type(3){transition-delay:.65s}
.capa{opacity:0;width:100%;transition:opacity .35s var(--e1);flex-direction:row;gap:12px;display:flex;position:absolute;top:12px;left:0}
.capa.activa{opacity:1}
.capa.activa>.act:nth-of-type(1){transition-delay:.2s}
.capa.activa>.act:nth-of-type(2){transition-delay:.25s}
.capa.activa>.act:nth-of-type(3){transition-delay:.3s}
.act img,.act video{object-fit:contain;width:100%;height:auto}
.act video{object-fit:cover;background:var(--gris)}
.pila.activa>.act,.capa.activa>.act,.proyecto.activo>.cab>h2,.proyecto.activo>.cab>p{opacity:1;pointer-events:auto}
.pila.activa.primario-oculto>.act{pointer-events:none}
.pila.activa.primario-oculto{opacity:0}


.lista{flex-direction:column;gap:24px;padding:12px 12px 88px}
.js .lista.activa{display:flex}
.fila{flex-direction:row;gap:4px;display:flex}
.fila>p,.fila>a{z-index:2;transition:opacity .25s var(--e1),transform .35s var(--e2)}
.fila>p{width:24px;height:fit-content;line-height:100%;transform:translateY(8px);font-size:10px}
.enlace{font-size:clamp(36px,6vw,128px);line-height:90%}
.prev{opacity:0;width:calc(33.33% - 36px);transition:opacity .25s var(--e1);pointer-events:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}
.prev.visible{opacity:1}
.prev>p{text-align:center;text-transform:none}
.prev-img{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:relative}
.prev-img img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 256px)}
.fila.fuera{display:none}
.lista.hay-hover .fila:not(.hover)>p,.lista.hay-hover .fila:not(.hover)>a{opacity:0}


.taller{flex-direction:column;gap:256px;padding:12px 12px 256px}
.js .taller.activa{display:flex}
.frase{white-space:pre-wrap;font-size:clamp(36px,4vw,96px);line-height:100%}
.taller-cont{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}
.taller-foto{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:sticky;top:12px}
.taller-foto img{object-fit:contain;width:100%;height:auto}
.taller-texto{flex-direction:column;grid-column-start:3;gap:48px;display:flex}
.taller-texto>.parrafos{white-space:pre-wrap;padding-bottom:48px}
.secciones{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.secciones>div{flex-direction:column;grid-column:span 2;display:flex}
.secciones>div p,.secciones>div a{white-space:pre-wrap}
.vinculo{transition:opacity .25s var(--e1)}
@media (hover:hover){.vinculo:hover{opacity:.5}}


.banco{justify-content:center;align-items:center;height:100svh;padding-top:12px;padding-bottom:12px;position:relative}
.js .banco.activa{display:flex}
.tira{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;grid-column:1/13;align-items:center;gap:12px;width:100%;height:fit-content;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scroll-padding-right:12px;display:flex;overflow:scroll hidden}
.tira::-webkit-scrollbar{display:none}
.bi{height:auto;transition:width .35s var(--e2),height .35s var(--e2),flex-basis .35s var(--e2),opacity .25s var(--e1);flex:0 0 calc(8.33333vw - 13px);justify-content:center;align-items:center;display:flex;position:relative;cursor:pointer}
.bi img{object-fit:contain;pointer-events:none;touch-action:none;width:100%;height:auto}
.bi.abierto{cursor:zoom-out}
@media (hover:hover){.tira:has(.bi:hover) .bi:not(:hover){opacity:0}}
.banco-texto{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;padding-left:12px;padding-right:12px;display:grid;position:absolute;bottom:50.5px;right:0}
.banco-texto>p{grid-column:4/5}


.obra{flex-direction:column;gap:256px;padding:50.53px 12px 50px}
.js .obra.activa{display:flex}
.obra-cab{z-index:1000;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;padding-left:12px;padding-right:12px;display:grid;position:fixed;top:0;left:0}
.obra-cab>h2,.obra-cab>p,.obra-cab>button{z-index:2;border-bottom:.5px solid var(--negro);padding-top:12px;padding-bottom:12px;line-height:110%}
.obra-cab>p{grid-column:2/4}
.obra-cab>button{width:100%;display:flex;position:relative}
.obra-cab>button>span{transition:transform .35s var(--e2)}
.obra-cab>button>.linea{top:auto;bottom:0}
@media (hover:hover){.obra-cab>button:hover>span{transform:translate(6px)}.obra-cab>button:hover>.linea{opacity:1}}
.obra-difumina{--blur-shift:-25%;z-index:1;pointer-events:none;width:100%;height:38.53px;position:absolute;top:0;left:0;transform:translateZ(0)}
.obra-difumina>div,.obra-difumina:before,.obra-difumina:after{position:absolute;inset:0}
.obra-difumina:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);-webkit-mask:linear-gradient(to top,#fff0 calc(0% + var(--blur-shift)),#fff calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff0 calc(37.5% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(0% + var(--blur-shift)),#fff calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff0 calc(37.5% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(1){z-index:2;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(to top,#fff0 calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff0 calc(50% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(12.5% + var(--blur-shift)),#fff calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff0 calc(50% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(to top,#fff0 calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff0 calc(62.5% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(25% + var(--blur-shift)),#fff calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff0 calc(62.5% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to top,#fff0 calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff0 calc(75% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(37.5% + var(--blur-shift)),#fff calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff0 calc(75% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to top,#fff0 calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff0 calc(87.5% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(50% + var(--blur-shift)),#fff calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff0 calc(87.5% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask:linear-gradient(to top,#fff0 calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff0 calc(100% + var(--blur-shift)));mask:linear-gradient(to top,#fff0 calc(62.5% + var(--blur-shift)),#fff calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff0 calc(100% + var(--blur-shift)))}
.obra-difumina>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask:linear-gradient(to top,#fff0 calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff 100%);mask:linear-gradient(to top,#fff0 calc(75% + var(--blur-shift)),#fff calc(87.5% + var(--blur-shift)),#fff 100%)}
.obra-difumina:after{content:"";z-index:8;background:linear-gradient(#fff 0%,#fff0 100%)}
.hero{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}
.hero>p{white-space:pre-wrap;grid-column:1/4;min-height:50svh;padding-bottom:128px;font-size:clamp(36px,4vw,96px);line-height:100%}
.hero>div{grid-area:2/1/auto/5}
.ob-act{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:relative}
.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}
.ob-act img,.ob-act video{object-fit:contain;width:100%;height:fit-content}
.ob-act video{object-fit:cover;background:var(--gris)}
.modulos{flex-direction:column;gap:256px;display:flex}
.modulos>div{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}
.parrafo{flex-direction:column;grid-column:2/4;display:flex}
.parrafo>*{font-size:clamp(24px,2vw,42px);line-height:110%}
.creditos{grid-column:1/2}
.parrafo>*,.creditos>*{white-space:pre-wrap}
.creditos strong{font-weight:700}


@media (max-width:1250px){
  .bi{flex-basis:calc(16.6667vw - 14px)}
  .prev{width:calc(50% - 18px)}
  .taller-texto{grid-column-end:5}
  .secciones{grid-template-columns:repeat(4,1fr)}
  .secciones>h5{grid-column:span 2}
  .frase{line-height:110%}
  .fila>p{transform:translateY(6px)}
}
@media (max-width:1000px){
  .nav .aviso{display:none}
  .aviso-pie{display:block;padding:24px 12px 96px}
  .hero{flex-direction:column;gap:0;display:flex}
  .obra-cab>button{display:none}
  .obra-cab>h2,.obra-cab>p{grid-column:span 2}
  .hero>p{grid-column:span 4}
  .parrafo{grid-column:3/5}
  .creditos{grid-column:1/3}
}
@media (max-width:768px){
  .inicio{padding-bottom:50svh}
  .filtros{flex-wrap:wrap;row-gap:0}
  .filtros>*{flex:0 0 calc(25% - 9px)}
  .difumina.alto{height:113.6px}
  .lista{gap:24px;padding-bottom:126px}
  .lista>.fila:nth-child(2){padding-top:0}
  .fila{border-bottom:.5px solid var(--negro);flex-direction:row-reverse;justify-content:space-between;padding-bottom:24px}
  .fila>p{text-align:right;width:fit-content;transform:translateY(2px)}
  .prev{width:calc(75% - 20px)}
  .taller{gap:12px;padding-bottom:69.86px}
  .taller-cont{flex-direction:column;display:flex}
  .taller-foto{position:relative;top:0}
  .taller-texto{gap:32px}
  .taller-texto>.parrafos{padding-bottom:96px;font-size:18px;line-height:120%}
  .banco-texto>p{grid-column:3/5}
  .hero>p{line-height:110%}
  .modulos,.obra{gap:128px}
  .modulo-texto{flex-direction:column;gap:128px!important;display:flex!important}
  .parrafo,.creditos{flex-direction:column;display:flex!important}
}
@media (max-width:500px){
  .inicio{padding:12px 0 140px;gap:256px}
  .filtros{scroll-bar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;overflow-x:hidden}
  .filtros.movil-abierto{overflow-x:auto}
  .filtros::-webkit-scrollbar{display:none}
  .filtros>*{flex:0 0 calc(50% - 6px)}
  .filtro-movil{border-top:.5px solid var(--negro);width:100%;transition:all var(--cierre,.5s) var(--e2);flex-direction:row;flex:0 0 100%;justify-content:space-between;gap:6px;padding-top:12px;padding-bottom:12px;display:flex;position:relative}
  .filtro-movil>p{line-height:110%;position:relative}
  .filtro-movil>p>span{transition:opacity .25s var(--e1)}
  .filtro-movil>p>span:nth-of-type(2){opacity:0;position:absolute;left:0}
  .filtro-movil.activo{flex:0 0 calc(25% - 9px)}
  .filtro-movil.activo>.linea,.filtro-movil.activo>p>span:nth-of-type(2){opacity:1}
  .filtro-movil.activo>p>span:first-of-type{opacity:0}
  .barra{display:none}
  .proyectos{flex-direction:column;gap:64px;height:fit-content;display:flex}
  .proyecto{flex-direction:column-reverse;padding-left:0;display:flex;position:static;width:auto!important;left:auto!important}
  .js .proyecto.lejos>.activos{display:flex}
  .activos{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto;opacity:1;flex-direction:row;gap:12px;padding-top:0;padding-left:12px;padding-right:12px;scroll-padding-left:12px;scroll-padding-right:12px;display:flex;overflow-x:auto;width:100%!important}
  .activos::-webkit-scrollbar{display:none}
  .pila,.capa{display:contents;position:relative}
  .capa{top:unset;left:unset;opacity:1}
  .act{opacity:1;scroll-snap-align:start;flex:0 0 calc(100% - 12px)}
  .act.solo{flex:0 0 100%}
  .act.miniatura{order:-1}
  .cab{border:none;padding:6px 12px 0}
  .proyecto>.cab>h2,.proyecto>.cab>p{opacity:1;white-space:normal;text-wrap:wrap}
  .pila.activa.primario-oculto{opacity:1}
  .lista{padding-bottom:76px}
  .filtros>.filtro{flex:0 0 calc(50% - 6px)}
  .fila>*{opacity:1!important}
  .fila:last-child{border-bottom:none}
  .col-1,.col-2{grid-column:span 2}
  .col-3,.col-4{grid-column:span 4}
  .obra{padding-top:63px}
  .obra-cab{border-bottom:.5px solid var(--negro);flex-direction:column;gap:0;width:calc(100% - 24px);padding:12px 0;display:flex;left:12px}
  .obra-cab>*{border-bottom:none!important;padding:0!important}
  .obra-difumina{width:calc(100% + 24px);height:50px;left:-12px}
  .banco{place-items:flex-start;gap:12px;height:fit-content;padding:12px;overflow:scroll}
  .tira{flex-direction:column;grid-column:4/5;align-items:flex-end;padding:0 0 26.5px;overflow:auto}
  .bi{flex-basis:unset;flex:unset;width:calc(25% - 9px)}
  .banco-texto{position:fixed}
  .banco-texto>p{grid-column:1/4}
  .difumina.alto{height:77px}
}


html:not(.js) .proyectos{flex-direction:column;gap:64px;height:fit-content;display:flex}
html:not(.js) .proyecto{flex-direction:column-reverse;padding-left:0;display:flex;position:static;width:auto}
html:not(.js) .activos{scroll-snap-type:x mandatory;pointer-events:auto;opacity:1;flex-direction:row;gap:12px;padding-top:0;padding-left:12px;padding-right:12px;display:flex;overflow-x:auto;width:100%}
html:not(.js) .pila,html:not(.js) .capa{display:contents;position:relative;opacity:1}
html:not(.js) .act{opacity:1;scroll-snap-align:start;flex:0 0 min(calc(100% - 12px),520px)}
html:not(.js) .cab{border:none;padding:6px 12px 0}
html:not(.js) .proyecto>.cab>h2,html:not(.js) .proyecto>.cab>p{opacity:1}
html:not(.js) .barra{display:none}
html:not(.js) .tira{overflow-x:auto}
html:not(.js) .bi{flex-basis:calc(16.6667vw - 14px)}
html:not(.js) .fade,html:not(.js) .proyectos{opacity:1;animation:none}


@media (prefers-reduced-motion:reduce){
  *,:before,:after{transition:none!important;animation-duration:.001s!important;animation-delay:0s!important;scroll-behavior:auto!important}
  .act{opacity:1}
  .pila.activa>.act,.capa.activa>.act{transition-delay:0s!important}
}