/* ==========================================================================
   Crediez — sitio público (crediez.com.ar)
   Sistema visual fintech: navy + degradé azul→cian (tomado del isotipo real)
   ========================================================================== */

:root{
  --cz-navy-950:#050a16;
  --cz-navy-900:#0a1226;
  --cz-navy-800:#0f1c36;
  --cz-navy-700:#152a4d;
  --cz-blue-700:#0f2fb8;
  --cz-blue-600:#1a45e0;
  --cz-blue-500:#2f66f2;
  --cz-cyan-400:#33d2f2;
  --cz-cyan-300:#7fe6ff;
  --cz-white:#ffffff;
  --cz-ink:#0d1526;
  --cz-slate-700:#334155;
  --cz-slate-600:#48546b;
  --cz-slate-400:#8592ab;
  --cz-slate-300:#c3cbdb;
  --cz-bg:#f5f7fb;
  --cz-card:#ffffff;
  --cz-border:#e5e9f2;
  --cz-success:#17b26a;
  --cz-warn:#f59e0b;
  --cz-whatsapp:#25d366;

  --cz-gradient: linear-gradient(135deg, var(--cz-cyan-400) 0%, var(--cz-blue-600) 55%, var(--cz-blue-700) 100%);
  --cz-gradient-text: linear-gradient(90deg, var(--cz-cyan-300), var(--cz-blue-500));
  --cz-radius-sm:10px;
  --cz-radius:16px;
  --cz-radius-lg:24px;
  --cz-shadow-sm: 0 2px 8px rgba(10,18,38,.06);
  --cz-shadow: 0 8px 30px rgba(10,18,38,.08);
  --cz-shadow-lg: 0 24px 60px rgba(10,18,38,.16);
  --cz-container: 1160px;
  --cz-font: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body.cz-body{
  margin:0; padding:0;
  font-family:var(--cz-font);
  background:var(--cz-bg);
  color:var(--cz-ink);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
.cz-wrap{ max-width:var(--cz-container); margin:0 auto; padding:0 20px; }
section{ position:relative; }

/* ---------- Tipografía ---------- */
.cz-eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
  color:var(--cz-blue-600);
  background:rgba(26,69,224,.08);
  padding:6px 14px; border-radius:999px;
  margin-bottom:18px;
}
html[data-cz-dark] .cz-eyebrow, .cz-section-dark .cz-eyebrow{
  color:var(--cz-cyan-300); background:rgba(127,230,255,.12);
}
h1,h2,h3,h4{ margin:0 0 .5em; font-weight:800; letter-spacing:-.01em; color:var(--cz-ink); }
h1{ font-size:clamp(32px,5vw,54px); line-height:1.06; }
h2{ font-size:clamp(26px,3.4vw,38px); line-height:1.15; }
h3{ font-size:20px; line-height:1.3; }
p{ margin:0 0 1em; color:var(--cz-slate-700); }
.cz-lead{ font-size:19px; color:var(--cz-slate-600); }
.cz-section-dark h1,.cz-section-dark h2,.cz-section-dark h3,.cz-section-dark p{ color:#fff; }
.cz-section-dark p{ color:#b9c3da; }
.cz-center{ text-align:center; }
.cz-grad-text{
  background:var(--cz-gradient-text); -webkit-background-clip:text; background-clip:text; color:transparent;
}

/* ---------- Botones ---------- */
.cz-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--cz-font); font-weight:700; font-size:15.5px;
  padding:14px 26px; border-radius:12px; border:1px solid transparent;
  cursor:pointer; text-decoration:none; transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  white-space:nowrap;
}
.cz-btn:active{ transform:translateY(1px); }
.cz-btn-primary{ background:var(--cz-gradient); color:#fff; box-shadow:0 10px 24px rgba(26,69,224,.28); }
.cz-btn-primary:hover{ box-shadow:0 14px 32px rgba(26,69,224,.4); transform:translateY(-1px); }
.cz-btn-ghost{ background:#fff; color:var(--cz-blue-700); border-color:var(--cz-border); }
.cz-btn-ghost:hover{ border-color:var(--cz-blue-500); color:var(--cz-blue-600); }
.cz-section-dark .cz-btn-ghost{ background:rgba(255,255,255,.06); color:#fff; border-color:rgba(255,255,255,.18); }
.cz-btn-wa{ background:var(--cz-whatsapp); color:#fff; box-shadow:0 10px 24px rgba(37,211,102,.3); }
.cz-btn-wa:hover{ box-shadow:0 14px 32px rgba(37,211,102,.42); transform:translateY(-1px); }
.cz-btn-sm{ padding:9px 16px; font-size:14px; border-radius:10px; }
.cz-btn-block{ width:100%; }

/* ---------- Header ---------- */
.cz-header{
  position:sticky; top:0; z-index:50;
  background:rgba(6,11,22,.72);
  backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.cz-header-inner{ display:flex; align-items:center; gap:22px; padding:14px 20px; max-width:var(--cz-container); margin:0 auto; }
.cz-logo{ display:flex; align-items:center; gap:10px; text-decoration:none; margin-right:auto; }
.cz-logo img{ height:28px; width:auto; }
.cz-nav{ display:flex; align-items:center; gap:6px; }
.cz-nav a{
  color:#cbd5e1; text-decoration:none; font-weight:600; font-size:14.5px;
  padding:9px 13px; border-radius:9px; transition:background .15s,color .15s;
}
.cz-nav a:hover, .cz-nav a.is-active{ background:rgba(255,255,255,.08); color:#fff; }
.cz-header-cta{ display:flex; align-items:center; gap:10px; margin-left:8px; }
.cz-burger{ display:none; background:none; border:none; color:#fff; cursor:pointer; padding:6px; }
.cz-mobile-panel{ display:none; }

@media (max-width:960px){
  .cz-nav{ display:none; }
  .cz-header-cta .cz-btn-ghost{ display:none; }
  .cz-burger{ display:inline-flex; }
  .cz-mobile-panel.is-open{
    display:flex; flex-direction:column; gap:2px; padding:10px 16px 18px;
    background:rgba(6,11,22,.98); border-top:1px solid rgba(255,255,255,.08);
  }
  .cz-mobile-panel a{ color:#e2e8f0; text-decoration:none; font-weight:600; padding:12px 6px; border-bottom:1px solid rgba(255,255,255,.06); }
}

/* ---------- Hero ---------- */
.cz-hero{
  background:radial-gradient(1100px 560px at 82% -10%, rgba(51,210,242,.20), transparent 60%),
             linear-gradient(180deg, var(--cz-navy-950) 0%, var(--cz-navy-900) 60%, var(--cz-navy-800) 100%);
  color:#fff; padding:76px 0 96px; overflow:hidden;
}
.cz-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; }
@media (max-width:900px){ .cz-hero-grid{ grid-template-columns:1fr; } }
.cz-hero h1{ color:#fff; }
.cz-hero .cz-lead{ color:#b9c3da; max-width:540px; }
.cz-hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.cz-hero-trust{ display:flex; gap:26px; margin-top:40px; flex-wrap:wrap; }
.cz-hero-trust div{ font-size:13px; color:#93a0bd; }
.cz-hero-trust strong{ display:block; font-size:22px; color:#fff; font-weight:800; }

/* Ilustración hero (SVG inline) */
.cz-hero-art{ position:relative; }
.cz-hero-card{
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  border-radius:20px; padding:22px; backdrop-filter:blur(6px);
  box-shadow:var(--cz-shadow-lg);
}

/* ---------- Secciones ---------- */
.cz-section{ padding:88px 0; }
.cz-section-sm{ padding:56px 0; }
.cz-section-dark{ background:var(--cz-navy-900); }
.cz-section-alt{ background:#eef2fa; }
.cz-head{ max-width:660px; margin:0 auto 48px; text-align:center; }
.cz-head.cz-left{ text-align:left; margin:0 0 44px; }

/* ---------- Grids / Cards ---------- */
.cz-grid{ display:grid; gap:22px; }
.cz-grid-2{ grid-template-columns:repeat(2,1fr); }
.cz-grid-3{ grid-template-columns:repeat(3,1fr); }
.cz-grid-4{ grid-template-columns:repeat(4,1fr); }
@media (max-width:920px){ .cz-grid-3,.cz-grid-4{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px){ .cz-grid-2,.cz-grid-3,.cz-grid-4{ grid-template-columns:1fr; } }

.cz-card{
  background:var(--cz-card); border:1px solid var(--cz-border); border-radius:var(--cz-radius);
  padding:28px; box-shadow:var(--cz-shadow-sm); transition:box-shadow .2s, transform .2s;
}
.cz-card:hover{ box-shadow:var(--cz-shadow); transform:translateY(-2px); }
.cz-icon-badge{
  width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(51,210,242,.16), rgba(26,69,224,.16));
  color:var(--cz-blue-600); margin-bottom:16px;
}
.cz-section-dark .cz-card{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); }
.cz-section-dark .cz-card h3, .cz-section-dark .cz-card p{ color:#fff; }
.cz-section-dark .cz-card p{ color:#a9b4cf; }

/* ---------- Pasos / timeline ---------- */
.cz-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; counter-reset:cz-step; }
@media (max-width:920px){ .cz-steps{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){ .cz-steps{ grid-template-columns:1fr; } }
.cz-step{ position:relative; padding:26px 22px; background:#fff; border:1px solid var(--cz-border); border-radius:var(--cz-radius); }
.cz-step-num{
  counter-increment:cz-step; display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:50%; background:var(--cz-gradient); color:#fff; font-weight:800; margin-bottom:14px;
}
.cz-step-num::before{ content: counter(cz-step); }

/* ---------- Badges / pills ---------- */
.cz-pill{
  display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:700;
  padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--cz-border); color:var(--cz-slate-700);
}
.cz-pill-row{ display:flex; flex-wrap:wrap; gap:10px; }

/* ---------- Prensa / logos strip ---------- */
.cz-press-strip{ display:flex; align-items:center; justify-content:center; gap:44px; flex-wrap:wrap; padding:0 0 8px; }
.cz-press-strip span{
  font-weight:800; letter-spacing:.02em; color:var(--cz-slate-400); font-size:15px;
  filter:grayscale(1); opacity:.75; transition:opacity .2s, filter .2s;
}
.cz-press-strip span:hover{ filter:none; opacity:1; color:var(--cz-blue-600); }

/* ---------- FAQ acordeón ---------- */
.cz-faq-item{ border:1px solid var(--cz-border); border-radius:14px; background:#fff; margin-bottom:12px; overflow:hidden; }
.cz-faq-item summary{
  list-style:none; cursor:pointer; padding:18px 22px; font-weight:700; font-size:16px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.cz-faq-item summary::-webkit-details-marker{ display:none; }
.cz-faq-item summary .cz-faq-ic{ flex:0 0 auto; transition:transform .2s; color:var(--cz-blue-600); }
.cz-faq-item[open] summary .cz-faq-ic{ transform:rotate(45deg); }
.cz-faq-item .cz-faq-a{ padding:0 22px 20px; color:var(--cz-slate-600); }

/* ---------- Testimonios ---------- */
.cz-quote{ font-size:19px; font-weight:600; color:var(--cz-ink); line-height:1.5; }
.cz-quote-who{ margin-top:14px; font-size:14px; color:var(--cz-slate-400); font-weight:600; }

/* ---------- CTA banda final ---------- */
.cz-cta-band{
  background:var(--cz-gradient); border-radius:28px; padding:56px; color:#fff; text-align:center;
  box-shadow:var(--cz-shadow-lg);
}
.cz-cta-band h2{ color:#fff; }
.cz-cta-band p{ color:rgba(255,255,255,.9); max-width:520px; margin:0 auto 26px; }
.cz-cta-band .cz-btn-ghost{ background:#fff; color:var(--cz-blue-700); border-color:transparent; }

/* ---------- Footer ---------- */
.cz-footer{ background:var(--cz-navy-950); color:#8a96b3; padding:64px 0 28px; }
.cz-footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.08); }
@media (max-width:800px){ .cz-footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .cz-footer-grid{ grid-template-columns:1fr; } }
.cz-footer h4{ color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.06em; margin-bottom:16px; }
.cz-footer a{ display:block; color:#8a96b3; text-decoration:none; font-size:14.5px; margin-bottom:10px; }
.cz-footer a:hover{ color:#fff; }
.cz-footer-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding-top:24px; font-size:13px; }
.cz-footer-logo{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.cz-footer-logo img{ height:26px; }
.cz-footer-social{ display:flex; gap:10px; }
.cz-footer-social a{
  width:36px; height:36px; border-radius:10px; background:rgba(255,255,255,.06);
  display:flex; align-items:center; justify-content:center; margin:0;
}
.cz-footer-social a:hover{ background:rgba(255,255,255,.14); }

/* ---------- Utilidades ---------- */
.cz-mt-0{ margin-top:0; } .cz-mb-0{ margin-bottom:0; }
.cz-muted{ color:var(--cz-slate-400); }
.cz-tag-new{ background:rgba(23,178,106,.12); color:var(--cz-success); font-weight:700; font-size:12px; padding:4px 10px; border-radius:999px; }

/* ---------- Blog ---------- */
.cz-blog-card{ display:block; text-decoration:none; }
.cz-blog-thumb{
  border-radius:16px; aspect-ratio:16/9; overflow:hidden; margin-bottom:16px;
  display:flex; align-items:center; justify-content:center;
}
.cz-blog-meta{ font-size:13px; color:var(--cz-slate-400); font-weight:600; margin-bottom:8px; }
.cz-blog-card h3{ color:var(--cz-ink); }
.cz-blog-card:hover h3{ color:var(--cz-blue-600); }
article.cz-post{ max-width:760px; margin:0 auto; }
article.cz-post h2{ margin-top:1.4em; }
article.cz-post p{ font-size:17px; }
article.cz-post ul{ color:var(--cz-slate-700); font-size:17px; padding-left:1.2em; }
article.cz-post li{ margin-bottom:.5em; }

/* ---------- Landing lateral (imagen + texto) ---------- */
.cz-split{ display:grid; grid-template-columns:1fr 1fr; gap:52px; align-items:center; }
@media (max-width:900px){ .cz-split{ grid-template-columns:1fr; } }
.cz-split.reverse .cz-split-art{ order:2; }
@media (max-width:900px){ .cz-split.reverse .cz-split-art{ order:0; } }

/* ---------- Tabla comparativa / requisitos ---------- */
.cz-checklist{ display:grid; gap:12px; }
.cz-checklist li{ display:flex; gap:12px; align-items:flex-start; list-style:none; color:var(--cz-slate-700); font-size:15.5px; }
.cz-checklist li svg{ flex:0 0 auto; margin-top:2px; color:var(--cz-success); }

/* ---------- Prensa: kit de descarga ---------- */
.cz-media-kit{
  display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;
  background:#fff; border:1px solid var(--cz-border); border-radius:var(--cz-radius); padding:28px 30px;
}

/* ---------- Skip link accesibilidad ---------- */
.cz-skip{ position:absolute; left:-999px; top:0; background:#fff; color:#000; padding:10px 16px; z-index:100; }
.cz-skip:focus{ left:10px; top:10px; }