@layer fundacionimpacto-ui{:root{--max:1240px;--gutter:clamp(20px, 4vw, 48px);--c-bg:#faf7f1;--c-bg-2:#f3eee5;--c-line:#e8e1d1;--c-text:#1b1a17;--c-muted:#5c594f;--brand:#f39c12;--brand-deep:#e74c3c;--ff-display:"Plus Jakarta Sans", "Inter", ui-sans-serif, system-ui, sans-serif;--r-lg:22px}.container{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}}.article-head{padding-top:clamp(28px,5vw,56px)}.article-head__inner{max-width:var(--max);margin-inline:auto}.article-back{width:fit-content;color:var(--c-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:14px;font-weight:600;display:flex}.article-back svg{transition:transform .2s;transform:rotate(180deg)}.article-back:hover{color:var(--c-text)}.article-back:hover svg{transform:rotate(180deg)translate(3px)}.article-cat{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);font-size:12.5px;font-weight:700;display:inline-block}.article-title{letter-spacing:-.02em;margin-top:14px;font-size:clamp(32px,5vw,56px)}.article-lead{color:var(--c-muted);margin-top:20px;font-size:clamp(18px,2vw,21px);line-height:1.55}.article-byline{border-top:1px solid var(--c-line);align-items:center;gap:14px;margin-top:28px;padding-top:28px;display:flex}.article-byline__avatar{background:color-mix(in oklab, var(--brand) 18%, var(--c-bg));width:46px;height:46px;color:var(--brand-deep);font-family:var(--ff-display);border-radius:999px;flex:none;place-items:center;font-size:20px;font-weight:700;display:grid}.article-byline__name{font-size:15.5px;font-weight:600}.article-byline__meta{color:var(--c-muted);margin-top:2px;font-size:13.5px}.article-hero{aspect-ratio:16/9;border-radius:var(--r-lg);background-position:50%;background-size:cover;max-width:none;margin:clamp(36px,5vw,56px) 0 0}.article-body{max-width:none;margin:clamp(40px,5vw,64px) 0 0;padding-bottom:clamp(40px,5vw,64px)}.article-body>p{color:var(--c-text);margin-bottom:1.4em;font-size:18.5px;line-height:1.75}.article-h2{letter-spacing:-.01em;margin:1.2em 0 .5em;font-size:clamp(24px,2.6vw,30px)}.article-quote{border-left:4px solid var(--brand);font-family:var(--ff-display);color:var(--c-text);margin:1.6em 0;padding-left:24px;font-size:clamp(22px,2.6vw,28px);font-style:italic;line-height:1.35}.article-share{border-top:1px solid var(--c-line);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);align-items:center;gap:16px;margin-top:48px;padding-top:28px;font-size:13.5px;font-weight:600;display:flex}.article-share__btns{gap:10px;display:flex}.article-share__btns a{border:1px solid var(--c-line);width:42px;height:42px;color:var(--c-text);border-radius:999px;place-items:center;transition:all .15s;display:grid}.article-share__btns a:hover{background:var(--c-text);color:#fff;border-color:var(--c-text)}.project-detail__head{padding-top:clamp(28px,5vw,56px)}.project-detail__inner{max-width:var(--max);margin-inline:auto}.project-detail__back{width:fit-content;color:var(--c-muted);align-items:center;gap:8px;margin-bottom:28px;font-size:14px;font-weight:600;display:flex}.project-detail__back svg{transition:transform .2s;transform:rotate(180deg)}.project-detail__back:hover{color:var(--c-text)}.project-detail__back:hover svg{transform:rotate(180deg)translate(3px)}.project-detail__area{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep);font-size:12.5px;font-weight:700;display:inline-block}.project-detail__title{letter-spacing:-.02em;margin-top:14px;font-size:clamp(32px,5vw,56px)}.project-detail__loc{color:var(--c-muted);align-items:center;gap:8px;margin-top:20px;font-size:16px;display:flex}.project-detail__hero{aspect-ratio:16/9;border-radius:var(--r-lg);background-position:50%;background-size:cover;margin:clamp(36px,5vw,56px) 0 0}.project-detail__body{max-width:760px;margin:clamp(40px,5vw,64px) 0}.project-detail__body>p{color:var(--c-text);font-size:18.5px;line-height:1.75}
