/* Cortade / monochrome identity. Loaded after the original theme stylesheet. */
:root{--bg:#080808;--bg-2:#101010;--bg-3:#1a1a1a;--ink:#f5f5f5;--ink-2:#c8c8c8;--ink-3:#aaa;--ink-mute:#999;--ink-line:rgba(255,255,255,.13);--ink-line-2:rgba(255,255,255,.24);--cyan:#fff;--cyan-soft:#ddd;--warm:#fff;--warm-2:#ccc;--studio-white:#f5f5f5}
html{scroll-padding-top:100px}body{background:var(--bg);color:var(--ink)}body::before{display:none}
main:focus{outline:none}main [id]{scroll-margin-top:110px}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:5px}button,a{touch-action:manipulation}.reveal{opacity:1;transform:none}
.site-nav,.site-nav.scrolled{background:rgba(8,8,8,.94);border-bottom-color:var(--ink-line)}.nav-brand .paren{color:inherit}
.page-wrap{max-width:900px;margin:auto;padding:150px 24px 90px}.page-wrap p,.page-wrap li{line-height:1.8}.page-wrap a:not(.btn){text-decoration:underline;text-underline-offset:4px}
.proyectos-hero{background:#080808;padding-top:160px}.proyectos-title{font-family:var(--sans);font-weight:600;letter-spacing:-.07em}.proyectos-title em{font-family:var(--serif);font-weight:400;color:var(--ink)}.proyectos-sub{font-style:normal;color:var(--ink-2)}.proyectos-meta{color:#aaa}.proyectos-seccion{background:#080808}.proyecto-card{background:#111;border-color:#333}.proyecto-card-media{background:#1b1b1b;aspect-ratio:16/10}.proyecto-card-media img{width:100%;height:100%;object-fit:cover}.proyecto-badge-live{color:#fff;border-color:#666;background:#111}.proyecto-card:hover{border-color:#aaa}.proyecto-tech li{color:#ccc}.proyectos-cta-final{background:#101010}
.cortade-footer{padding:64px max(24px,calc((100vw - 1280px)/2));background:#050505;border-top:1px solid #333}.cortade-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding-bottom:48px}.cortade-footer-wordmark{font-size:clamp(36px,6vw,72px);font-weight:700;letter-spacing:-.07em}.cortade-footer p{color:#aaa;max-width:370px;margin-top:18px;font-size:15px;line-height:1.7}.cortade-footer h2{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#aaa;margin:12px 0 24px}.cortade-footer ul{list-style:none;display:grid;gap:15px}.cortade-footer a:hover{text-decoration:underline;text-underline-offset:5px}.cortade-footer-bottom{padding-top:24px;border-top:1px solid #333;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#aaa}.cortade-footer-legal{display:flex;gap:18px;flex-wrap:wrap}.cortade-footer .custom-logo{max-width:190px;max-height:65px;object-fit:contain;object-position:left}
@media(max-width:640px){.cortade-footer-top{grid-template-columns:1fr 1fr;gap:32px}.cortade-footer-top>div:first-child{grid-column:1/-1}.cortade-footer-bottom{display:grid}.proyectos-hero{padding-top:135px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

.proyecto-card-demo{border-color:#444}.proyecto-card-demo:hover{border-color:#aaa}.proyecto-card-demo .proyecto-badge{background:#111;border-color:#777;color:#eee}.proyecto-tech li{border-color:#444}.proyecto-card .proyecto-badge{background:#111;color:#eee}.btn-primary:hover{box-shadow:0 10px 28px rgba(255,255,255,.12);background:#fff;color:#111}.glow{color:#fff;background:none;-webkit-text-fill-color:currentColor}

.cortade-brand-symbol{display:block;position:relative;overflow:hidden;width:34px;height:36px;flex:none}.cortade-brand-symbol img{position:absolute;width:266px;max-width:none;height:auto;left:-116px;top:-39px;filter:grayscale(1)}.site-nav .nav-brand{display:flex;gap:13px;font-style:normal}.cortade-brand-name{font:500 12px var(--sans);text-transform:uppercase;letter-spacing:.22em}.cortade-footer-wordmark{font-size:clamp(30px,4vw,55px);letter-spacing:.13em;font-weight:400}
@media(max-width:380px){.site-nav .nav-brand{gap:7px}.cortade-brand-name{font-size:10px;letter-spacing:.1em}.cortade-brand-symbol{width:27px;height:30px}.cortade-brand-symbol img{width:216px;left:-94px;top:-31px}}
