/* Edifika — identidad (navy + ámbar) */
:root{
  --brand:#13284a; --brand-d:#0c1830; --accent:#e0900f; --accent-d:#c47f12;
  --bg-soft:#f3f6fb; --line:#e2e8f2; --ink:#15233a; --muted:#5d6b80;
  --head:'Space Grotesk',system-ui,sans-serif; --body:'Poppins',system-ui,sans-serif;
  --amber:#f5a524;
}
.hero{background:#13284a;color:#fff}
.hero .lead{color:#c2ccdb}
.hero .hl{color:#f5a524}
.hero .hero-badges{color:#aebdd4}.hero .hero-badges b{color:#fff}
.hero-art{background:#0c1830}
.hero .btn-out{border-color:#2c4370;color:#fff}
.hero .btn-out:hover{border-color:#f5a524;color:#f5a524}
.about-art{background:#13284a}
@media(max-width:900px){.split .about-art{order:-1}}

/* Promo chip en el hero — colores Edifika (estructura en _landing.css) */
.hero-promo{background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.4);color:#ffe3b3}
.hero-promo b{color:#f5a524}

/* Botón pequeño */
.btn-sm{padding:9px 16px;font-size:.85rem}

/* Filtro de proyectos */
.pfilters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}
.pf{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--head);
  font-weight:600;font-size:.9rem;padding:9px 18px;border-radius:999px;cursor:pointer;transition:.15s}
.pf:hover{border-color:var(--accent);color:var(--ink)}
.pf.active{background:var(--brand);border-color:var(--brand);color:#fff}

/* Tarjetas de proyecto (extiende .product) */
.tag-b{background:#2c62b8 !important}
.tag-g{background:#1f9d63 !important}
.product .ploc{color:var(--muted);font-size:.82rem;font-weight:600}
.product .pspecs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:2px 0 4px;padding:0}
.product .pspecs li{background:var(--bg-soft);color:var(--ink);font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:8px}
.product .row{border-top:1px solid var(--line);padding-top:12px}
.product .pprice{font-size:.85rem;color:var(--muted)}
.product .pprice b{display:block;font-family:var(--head);font-size:1.15rem;color:var(--brand)}

/* Financiamiento */
.fin{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fincard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;text-align:center}
.fincard span{font-size:1.9rem;display:block;margin-bottom:10px}
.fincard h3{font-size:1.05rem;margin-bottom:6px}
.fincard p{color:var(--muted);font-size:.9rem}
.fin-cta{text-align:center;margin-top:26px}

/* Proceso */
.eprocess{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:s}
.eprocess li{position:relative;padding-top:8px}
.eprocess .n{width:44px;height:44px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;
  font-family:var(--head);font-weight:800;font-size:1.2rem;margin-bottom:12px}
.eprocess h3{font-size:1.05rem;margin-bottom:4px}
.eprocess p{color:var(--muted);font-size:.9rem}

/* Testimonios y FAQ: estructura compartida en _landing.css */

@media(max-width:900px){
  .fin{grid-template-columns:repeat(2,1fr)}
  .eprocess{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .fin{grid-template-columns:1fr}
  .eprocess{grid-template-columns:1fr}
}
