@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}:root{--admin-bg:#f4f5f7;--admin-surface:#fff;--admin-border:#dfe3e8;--admin-text:#1f2933;--admin-muted:#6b7280;--admin-accent:#2563eb;--admin-accent-contrast:#fff}*{box-sizing:border-box}body{color:var(--admin-text);background:var(--admin-bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{background:var(--admin-surface);border-right:1px solid var(--admin-border);flex-shrink:0;width:240px;padding:1.25rem 1rem}.admin-brand{margin:0 0 1.25rem;font-size:1.05rem;font-weight:700}.admin-nav{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.admin-nav__link{color:var(--admin-muted);border-radius:6px;padding:.5rem .75rem;font-size:.95rem;display:block}.admin-nav__link:hover{background:var(--admin-bg);color:var(--admin-text)}.admin-nav__link--active{background:var(--admin-accent);color:var(--admin-accent-contrast);font-weight:600}.admin-shell__body{flex-direction:column;flex:1;min-width:0;display:flex}.admin-header{background:var(--admin-surface);border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.admin-header__title{margin:0;font-size:1.15rem}.admin-header__user{align-items:center;gap:.75rem;display:flex}.admin-header__email{color:var(--admin-muted);font-size:.9rem}.admin-button{border:1px solid var(--admin-border);background:var(--admin-surface);color:var(--admin-text);font:inherit;cursor:pointer;border-radius:6px;padding:.45rem .9rem}.admin-button:hover{border-color:var(--admin-accent);color:var(--admin-accent)}.admin-button:disabled{opacity:.6;cursor:not-allowed}.admin-button--primary{background:var(--admin-accent);border-color:var(--admin-accent);color:var(--admin-accent-contrast)}.admin-button--primary:hover{color:var(--admin-accent-contrast);filter:brightness(.95)}.admin-content{flex:1;padding:1.5rem}.admin-section h2{margin-top:0}.admin-loading{color:var(--admin-muted);padding:2rem}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px;flex-direction:column;gap:.85rem;width:100%;max-width:360px;padding:1.75rem;display:flex}.login-title{margin:0;font-size:1.4rem}.login-subtitle{color:var(--admin-muted);margin:0;font-size:.9rem}.login-field{flex-direction:column;gap:.3rem;display:flex}.login-field label{font-size:.85rem;font-weight:600}.login-field input{border:1px solid var(--admin-border);font:inherit;border-radius:6px;padding:.55rem .7rem}.login-error{color:#9b1c1c;background:#fdecec;border-radius:6px;margin:0;padding:.6rem .75rem;font-size:.9rem}.admin-form{flex-direction:column;gap:1.25rem;max-width:640px;margin-top:1rem;display:flex}.admin-fieldset{border:1px solid var(--admin-border);border-radius:8px;flex-direction:column;gap:.85rem;margin:0;padding:1rem 1.25rem 1.25rem;display:flex}.admin-fieldset legend{padding:0 .4rem;font-weight:600}.admin-field{flex-direction:column;gap:.3rem;display:flex}.admin-field label{font-size:.85rem;font-weight:600}.admin-field input,.admin-field textarea,.admin-field select{border:1px solid var(--admin-border);width:100%;font:inherit;border-radius:6px;padding:.55rem .7rem}.admin-field textarea{resize:vertical}.admin-field input[aria-invalid=true],.admin-field textarea[aria-invalid=true],.admin-field select[aria-invalid=true]{border-color:#c0392b}.admin-field__error{color:#9b1c1c;margin:0;font-size:.8rem}.admin-image-preview{object-fit:cover;border:1px solid var(--admin-border);border-radius:6px;align-self:flex-start;width:120px;height:120px}.admin-form__status{border-radius:6px;margin:0;padding:.6rem .75rem;font-size:.9rem}.admin-form__status--success{color:#1b5e20;background:#e7f6ec}.admin-form__status--error{color:#9b1c1c;background:#fdecec}.admin-form__actions{align-items:center;gap:.75rem;display:flex}.admin-button--danger{color:#9b1c1c;border-color:#c0392b}.admin-button--danger:hover{color:#9b1c1c;border-color:#9b1c1c}.admin-manager{border-top:1px solid var(--admin-border);margin-top:1.75rem;padding-top:1.5rem}.admin-manager:first-of-type{border-top:none;margin-top:1rem;padding-top:0}.admin-manager__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-manager__head h3{margin:0}.admin-empty{color:var(--admin-muted)}.admin-list{flex-direction:column;gap:.5rem;max-width:640px;margin:1rem 0 0;padding:0;list-style:none;display:flex}.admin-list__item{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.admin-list__summary{align-items:center;gap:.65rem;min-width:0;display:flex}.admin-list__swatch{border:1px solid var(--admin-border);border-radius:50%;flex-shrink:0;width:1rem;height:1rem}.admin-list__meta{color:var(--admin-muted);font-size:.85rem}.admin-list__desc{color:var(--admin-muted);margin-top:.15rem;font-size:.85rem;display:block}.admin-list__actions{flex-shrink:0;gap:.5rem;display:flex}.admin-dialog-backdrop{z-index:50;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.admin-dialog{background:var(--admin-surface);border-radius:10px;width:100%;max-width:420px;padding:1.5rem}.admin-dialog__title{margin:0 0 .5rem}.admin-dialog__actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.admin-button--sm{padding:.3rem .6rem;font-size:.8rem}.admin-badge{vertical-align:middle;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.admin-badge--published{color:#1b5e20;background:#e7f6ec}.admin-badge--draft{color:#8a6d00;background:#fef3cd}.admin-field--toggle{flex-direction:row;align-items:center;gap:.5rem}.admin-field--toggle input{width:auto}.admin-field--toggle label{margin:0}.admin-blocks__list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.admin-blocks__item{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.admin-blocks__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-blocks__type{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.admin-blocks__actions{gap:.4rem;display:flex}.admin-blocks__label{font-size:.8rem;font-weight:600}.admin-blocks__text{border:1px solid var(--admin-border);width:100%;font:inherit;resize:vertical;border-radius:6px;padding:.55rem .7rem}.admin-blocks__add{align-items:end;gap:.5rem;margin-top:.5rem;display:flex}.admin-blocks__add label{font-size:.8rem;font-weight:600}.admin-blocks__add select{border:1px solid var(--admin-border);font:inherit;border-radius:6px;padding:.45rem .6rem}.admin-pagination{align-items:center;gap:.85rem;max-width:640px;margin-top:1rem;display:flex}.admin-pagination__status{color:var(--admin-muted);font-size:.9rem}@media (width<=768px){.admin-shell{flex-direction:column}.admin-sidebar{border-right:none;border-bottom:1px solid var(--admin-border);width:100%}.admin-nav{flex-flow:wrap}}.admin-article-editor,.admin-project-editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem;margin-top:1rem;display:grid}.admin-article-editor .admin-form,.admin-project-editor .admin-form{margin-top:0}.admin-preview{min-width:0;position:sticky;top:1.5rem}.admin-preview__title{color:var(--admin-muted);margin:0 0 .75rem;font-size:.95rem}.admin-preview__surface{border:1px solid var(--admin-border);background:var(--c-bg,#faf7f1);max-height:80vh;color:var(--c-text,#1b1a17);border-radius:10px;overflow:auto}@media (width<=1024px){.admin-article-editor,.admin-project-editor{grid-template-columns:1fr}.admin-preview{position:static}}