/* U880 · v61 · base de páginas nuevas + efectos (maqueta 23/09) */
:root{--bk:#101214;--ch:#171C22;--g:#D8C79E;--cu:#C07A4A;--pa:#F6F1E7;--ink:#F6F1E7;--mute:#AEB6B3;--ease:cubic-bezier(.2,.7,.2,1)}
.u6 *{box-sizing:border-box}
body.u6{margin:0;background:var(--bk);color:var(--ink);font-family:"Helvetica Neue",Arial,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;letter-spacing:-.012em;-webkit-font-smoothing:antialiased}
.u6 a{color:inherit;text-decoration:none}
.u6 img{max-width:100%;display:block}
.u6-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}

/* grilla de ejes */
.u6-grid{background-image:linear-gradient(rgba(246,241,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(246,241,231,.045) 1px,transparent 1px);background-size:64px 64px}

/* efecto 1 · texto que rueda */
.roll{display:inline-block;position:relative;overflow:hidden;line-height:1.25;vertical-align:bottom}
.roll>span{display:block;transition:transform .45s var(--ease)}
.roll>span+span{position:absolute;left:0;top:0;transform:translateY(105%);color:var(--cu)}
a:hover .roll>span:first-child,button:hover .roll>span:first-child,a:focus-visible .roll>span:first-child{transform:translateY(-105%)}
a:hover .roll>span+span,button:hover .roll>span+span,a:focus-visible .roll>span+span{transform:translateY(0)}

/* menú */
.u6-top{position:sticky;top:0;z-index:50;background:rgba(10,12,13,.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}
.u6-nav{display:flex;align-items:center;gap:28px;height:76px}
.u6-nav .logo img{height:52px;width:auto}
.u6-nav ul{display:flex;gap:26px;list-style:none;margin:0 0 0 auto;padding:0;font-size:11.5px;letter-spacing:.16em;font-weight:700;text-transform:uppercase}
.u6-nav ul a[aria-current]{color:var(--g)}
.u6-burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:9px 14px;font-size:11px;letter-spacing:.14em;font-weight:700}
@media(max-width:900px){.u6-nav ul{display:none}.u6-burger{display:inline-block}
 body.u6-open .u6-nav ul{display:flex;flex-direction:column;position:fixed;top:76px;left:0;right:0;background:#101214;padding:18px 20px;gap:0;border-bottom:1px solid rgba(255,255,255,.12)}
 body.u6-open .u6-nav ul a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}}

/* efecto 2 · botones con esquineros */
.u6-btn{position:relative;display:inline-flex;align-items:center;min-height:48px;padding:14px 24px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--cu);color:var(--ink);background:transparent;transition:background .35s var(--ease),color .35s;cursor:pointer}
.u6-btn.fill{background:var(--cu);color:var(--bk)}
.u6-btn.fill .roll>span+span{color:var(--pa)}
.u6-btn.fill:hover{background:#A9653A}
.u6-btn:not(.fill):hover{background:rgba(192,122,74,.12)}
.u6-btn::before,.u6-btn::after,.u6-corners::before,.u6-corners::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--cu);border-style:solid;opacity:0;transition:opacity .3s,transform .35s var(--ease);pointer-events:none}
.u6-btn::before{top:-7px;left:-7px;border-width:2px 0 0 2px;transform:translate(4px,4px)}
.u6-btn::after{bottom:-7px;right:-7px;border-width:0 2px 2px 0;transform:translate(-4px,-4px)}
.u6-btn:hover::before,.u6-btn:hover::after,.u6-btn:focus-visible::before,.u6-btn:focus-visible::after{opacity:1;transform:none}
.u6-light .u6-btn:not(.fill){color:#1B1D1F}

/* efecto 3 · tarjetas gris → color */
.u6-card{position:relative;display:block;overflow:hidden;background:#0c0e0f;color:var(--ink);outline:none}
.u6-card .ph{position:relative;overflow:hidden;height:100%}
.u6-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(.95) brightness(.78);transform:scale(1);transition:filter .6s var(--ease),transform .9s var(--ease)}
.u6-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,13,.05) 30%,rgba(10,12,13,.92) 100%)}
.u6-card .txt{position:absolute;left:20px;right:20px;bottom:18px;transition:transform .5s var(--ease)}
.u6-card .n{text-transform:uppercase;font-size:11px;letter-spacing:.2em;color:var(--g);font-weight:800}
.u6-card h2,.u6-card h3{font-size:clamp(19px,1.7vw,24px);line-height:1.1;margin:6px 0 0;letter-spacing:-.01em}
.u6-card p{font-size:13.5px;line-height:1.4;color:#D5CFC4;margin:6px 0 0}
.u6-card .more{display:block;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--cu);margin-top:10px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--ease)}
.u6-corners{position:absolute;inset:12px;pointer-events:none}
.u6-corners::before{top:0;left:0;border-width:2px 0 0 2px;transform:translate(6px,6px)}
.u6-corners::after{bottom:0;right:0;border-width:0 2px 2px 0;transform:translate(-6px,-6px)}
.u6-card:hover img,.u6-card:focus-visible img{filter:grayscale(0) contrast(1.02) brightness(1);transform:scale(1.045)}
.u6-card:hover .txt,.u6-card:focus-visible .txt{transform:translateY(-6px)}
.u6-card:hover .more,.u6-card:focus-visible .more{opacity:1;transform:none}
.u6-card:hover .u6-corners::before,.u6-card:hover .u6-corners::after,.u6-card:focus-visible .u6-corners::before,.u6-card:focus-visible .u6-corners::after{opacity:1;transform:none}
@media(hover:none){.u6-card img{filter:none}.u6-card .more{opacity:1;transform:none}}

/* secciones */
.u6-sec{padding:clamp(56px,8vw,110px) 0}
.u6-light{background:var(--pa);color:#1B1D1F}
.u6-k{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:var(--g);margin:0 0 14px}
.u6-light .u6-k{color:var(--cu)}
.u6-h{font-size:clamp(32px,4.8vw,62px);line-height:1.02;letter-spacing:-.03em;margin:0;max-width:960px}
.u6-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:720px;margin:20px 0 0;opacity:.88}
.u6-foot{border-top:1px solid rgba(255,255,255,.1);padding:26px 0;font-size:13px;color:var(--mute)}
.u6-foot .u6-wrap{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.u6 *{transition:none!important}}

.u6-top{background:rgba(10,12,13,.94)!important}.u6-top .u6-nav ul a{color:#F6F1E7!important}.u6-top .u6-nav ul a[aria-current]{color:#D8C79E!important}.u6-top .u6-nav ul a:hover .roll>span+span{color:#C07A4A!important}
/* v62 · gris → color al pasar el mouse en todas las fotos y renders (no en planos) */
.u6-gal figure:not(.sheet) img,.compare-card img,.investment-media img,.work-gallery img,.u6-ab img{filter:grayscale(100%) brightness(.88);transition:filter .6s var(--ease),transform .9s var(--ease)}
.u6-gal figure:not(.sheet):hover img,.compare-card:hover img,.investment-media:hover img,.work-gallery figure:hover img,.u6-ab figure:hover img,.u6-ab:hover img{filter:none}
.u6-gal figure.full img[src*="plano"],.u6-gal figure.full img[src*="lamina"],.u6-gal figure.full img[src*="corte"],.u6-gal figure.full img[src*="-bim-"]{filter:none}
@media(hover:none){.u6-gal figure img,.compare-card img,.investment-media img,.work-gallery img,.u6-ab img{filter:none}}
.u6-gal figure:has(.u6-tag.plano) img,.work-gallery figure:has(.u6-tag.plano) img,.work-gallery img[src*="plano"],.work-gallery img[src*="bim-cortes"]{filter:none}
/* v62 · galerías sin huecos: todas las imágenes a la misma proporción por fila */
.work-gallery figure img{aspect-ratio:16/10!important;object-fit:cover!important;height:auto!important;max-height:none!important}
.work-gallery figure.tall img{aspect-ratio:3/4!important}
.work-gallery figure img[src*="plano"],.work-gallery figure img[src*="bim-cortes"]{aspect-ratio:auto!important;object-fit:contain!important}
/* v62 · teléfono: sin mouse no hay efecto; todas las fotos en color */
html.u6-touch img,html.u6-touch .u6-card img,html.u6-touch .u6-gal figure img,html.u6-touch .work-gallery img,html.u6-touch .work-index-card img,html.u6-touch .work-card img,html.u6-touch .compare-card img,html.u6-touch .investment-media img,html.u6-touch .u6-ab img{filter:none!important}
@media(hover:none){.u6-card img,.u6-gal figure img,.work-gallery img,.work-index-card img,.work-card img,.compare-card img,.investment-media img,.u6-ab img{filter:none!important}}
