:root{
    /* Paleta real Ceiboo: navy #29384c · rojo ceibo #d93732 · azul #12aefc */
    --ink:#0A1420; --ink-2:#0E1B29; --card:#16273A; --card-2:#1E3247;
    --line:rgba(224,235,247,.10); --line-2:rgba(224,235,247,.18);
    --text:#EAF1F8; --muted:#93A6B9; --faint:#5A6D80;
    --accent:#D93732; --accent-2:#EF5A55; --accent-deep:#B0241F;
    --blue:#38BDF8; --blue-2:#12AEFC;
    --logo-color:#ffffff;
    --feature-bg:linear-gradient(120deg,#1a2c40,#142334 60%);
    --feature-border:rgba(217,55,50,.30);
    --post-bg:linear-gradient(120deg,#1a2c40,#142334 60%);
    --post-border:rgba(56,189,248,.24);
    --pill-text:#04263a;
    --noise:.04;
    --sans:'Hanken Grotesk',system-ui,sans-serif;
    --serif:'Fraunces',Georgia,serif;
    --mono:'JetBrains Mono',monospace;
    --maxw:1180px;
  }
  :root[data-theme="light"]{
    --ink:#F6F4EF; --ink-2:#FFFFFF; --card:#FFFFFF; --card-2:#F0EDE6;
    --line:rgba(20,40,60,.12); --line-2:rgba(20,40,60,.20);
    --text:#152230; --muted:#4C5D6D; --faint:#8494A2;
    --accent:#D0322D; --accent-2:#B2251E; --accent-deep:#8E1B15;
    --blue:#0E7FBF; --blue-2:#0B6FA8;
    --logo-color:#29384c;
    --feature-bg:linear-gradient(120deg,#ffffff,#f4f1ea 60%);
    --feature-border:rgba(208,50,45,.30);
    --post-bg:linear-gradient(120deg,#ffffff,#eef5fb 60%);
    --post-border:rgba(14,127,191,.28);
    --pill-text:#ffffff;
    --noise:.025;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--ink); color:var(--text); font-family:var(--sans);
    font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
    overflow-x:hidden; transition:background .3s, color .3s;
  }
  body::before{
    content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:var(--noise);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px; position:relative; z-index:1}
  a{color:inherit; text-decoration:none}
  .eyebrow{font-family:var(--mono); font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--blue)}
  h1,h2,h3{font-family:var(--serif); font-weight:500; line-height:1.04; letter-spacing:-.01em}
  em{font-style:italic; color:var(--accent-2)}

  /* BRAND LOGO (monocromo, recoloreado por tema vía mask) */
  .brandlogo{display:block; background-color:var(--logo-color);
    -webkit-mask:url(data:image/png;base64,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) left center/contain no-repeat;
    mask:url(data:image/png;base64,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) left center/contain no-repeat}

  /* NAV */
  nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(14px);
    background:color-mix(in srgb, var(--ink) 78%, transparent); border-bottom:1px solid var(--line)}
  .navin{max-width:var(--maxw); margin:0 auto; padding:16px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px}
  .logo{display:flex; align-items:center}
  .logo .brandlogo{width:118px; height:28px}
  .navmid{display:flex; gap:30px; align-items:center}
  .navmid a{font-size:15px; color:var(--muted); transition:color .2s}
  .navmid a:hover{color:var(--blue)}
  .navright{display:flex; gap:10px; align-items:center}
  .toolbtn{font-family:var(--mono); font-size:12px; letter-spacing:.05em; color:var(--muted);
    background:transparent; border:1px solid var(--line-2); border-radius:999px; padding:8px 12px; cursor:pointer; min-width:42px;
    transition:color .2s, border-color .2s}
  .toolbtn:hover{color:var(--text); border-color:var(--blue)}
  .btn{font-family:var(--sans); font-size:15px; font-weight:500; padding:11px 20px; border-radius:999px;
    background:var(--accent); color:#fff; border:1px solid var(--accent);
    transition:transform .18s, background .2s, border-color .2s; display:inline-flex; align-items:center; gap:8px; cursor:pointer}
  .btn:hover{background:var(--accent-2); border-color:var(--accent-2); transform:translateY(-1px)}
  .btn.ghost{background:transparent; color:var(--text); border:1px solid var(--line-2)}
  .btn.ghost:hover{background:color-mix(in srgb, var(--text) 6%, transparent); border-color:var(--blue); color:var(--blue)}
  .menutoggle{display:none; background:none; border:none; color:var(--text); font-size:24px; cursor:pointer}

  /* HERO */
  .hero{position:relative; padding:120px 0 96px}
  .hero::before{content:""; position:absolute; top:-120px; left:50%; transform:translateX(-30%);
    width:900px; height:900px; border-radius:50%; pointer-events:none;
    background:radial-gradient(circle, rgba(217,55,50,.20), rgba(217,55,50,0) 62%); filter:blur(8px)}
  .hero::after{content:""; position:absolute; top:40px; right:-6%; width:520px; height:520px; border-radius:50%; pointer-events:none;
    background:radial-gradient(circle, rgba(56,189,248,.14), rgba(56,189,248,0) 65%); filter:blur(10px)}
  .hero h1{font-size:clamp(44px,7vw,86px); max-width:14ch; margin:22px 0 0}
  .hero p.lead{font-size:clamp(18px,2.1vw,22px); color:var(--muted); max-width:58ch; margin:28px 0 0; line-height:1.55}
  .hero .cta{display:flex; gap:14px; margin-top:40px; flex-wrap:wrap}
  .proofline{margin-top:30px; display:inline-flex; gap:12px; align-items:center; font-family:var(--mono);
    font-size:13px; color:var(--muted); border:1px solid var(--line-2); border-radius:999px;
    padding:11px 18px; background:color-mix(in srgb, var(--accent) 8%, transparent); max-width:100%; flex-wrap:wrap}
  .proofline b{color:var(--text); font-weight:500}
  .proofline .dot{width:7px; height:7px; border-radius:50%; background:var(--accent); flex:none;
    box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}
  .reveal{opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1; transform:none}

  /* SHIFT STRIP */
  .strip{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:66px 0; background:var(--ink-2)}
  .strip .big{font-family:var(--serif); font-size:clamp(28px,4.4vw,52px); line-height:1.1; max-width:20ch}
  .strip .sub{color:var(--muted); margin-top:18px; font-size:18px; max-width:60ch}

  /* SECTION */
  section{padding:104px 0}
  .sechead{display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:52px; flex-wrap:wrap}
  .sechead h2{font-size:clamp(32px,4.6vw,52px); max-width:16ch}
  .sechead p{color:var(--muted); max-width:44ch; font-size:17px}

  /* CONSTRUIMOS */
  .grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
  .brain{position:relative; background:var(--card); border:1px solid var(--line); border-radius:18px; padding:32px;
    transition:transform .25s, border-color .25s, background .25s; overflow:hidden}
  .brain:hover{transform:translateY(-4px); border-color:var(--line-2); background:var(--card-2)}
  .brain.feature{grid-column:1 / -1; background:var(--feature-bg); border-color:var(--feature-border)}
  .brain .tag{font-family:var(--mono); font-size:12px; letter-spacing:.08em; color:var(--faint); text-transform:uppercase}
  .brain h3{font-size:30px; margin:14px 0 12px; display:flex; align-items:center; gap:12px; flex-wrap:wrap}
  .brain.feature h3{font-size:38px}
  .brain p{color:var(--muted); font-size:16px; max-width:56ch}
  .brain .go{display:inline-flex; align-items:center; gap:7px; margin-top:20px; font-family:var(--mono); font-size:13px;
    color:var(--blue); transition:gap .2s}
  .brain .go:hover{gap:13px}
  .pill{font-family:var(--mono); font-size:11px; letter-spacing:.06em; padding:4px 10px; border-radius:999px;
    background:var(--blue); color:var(--pill-text); font-weight:500; text-transform:uppercase}
  .live{color:var(--muted); font-family:var(--mono); font-size:12px; border:1px solid var(--line-2); padding:4px 10px; border-radius:999px}

  /* METODO */
  .method{background:var(--ink-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
  .steps{display:grid; grid-template-columns:repeat(2,1fr); gap:2px; background:var(--line); border:1px solid var(--line); border-radius:18px; overflow:hidden}
  .step{background:var(--ink-2); padding:38px 34px}
  .step .num{font-family:var(--mono); font-size:13px; color:var(--accent)}
  .step h3{font-size:24px; margin:16px 0 12px}
  .step p{color:var(--muted); font-size:16px}

  /* TRAYECTORIA */
  .stats{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-bottom:46px}
  .stat .n{font-family:var(--serif); font-size:clamp(34px,5vw,56px); font-weight:500; color:var(--text); line-height:1}
  .stat .l{color:var(--muted); font-size:14px; margin-top:10px}
  .tray p{font-size:19px; color:var(--muted); max-width:66ch; line-height:1.6}
  .tray p b{color:var(--text); font-weight:500}

  /* BLOG */
  .posts{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
  .post{display:block; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:28px;
    transition:transform .25s, border-color .25s}
  .post:hover{transform:translateY(-4px); border-color:var(--line-2)}
  .post.feature{grid-column:1 / -1; background:var(--post-bg); border-color:var(--post-border); padding:40px}
  .post .k{font-family:var(--mono); font-size:12px; color:var(--blue); text-transform:uppercase; letter-spacing:.08em}
  .post h3{font-size:21px; margin:14px 0; line-height:1.18}
  .post.feature h3{font-size:clamp(24px,3vw,34px); max-width:24ch}
  .post p{color:var(--muted); font-size:15px}
  .post.feature p{font-size:16px; max-width:60ch}
  .post .go{display:inline-flex; align-items:center; gap:7px; margin-top:18px; font-family:var(--mono); font-size:13px; color:var(--blue); transition:gap .2s}
  .post:hover .go{gap:13px}

  /* CTA + FOOTER */
  .endcta{text-align:center; padding:120px 0; position:relative}
  .endcta::before{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    width:700px; height:500px; border-radius:50%;
    background:radial-gradient(circle, rgba(217,55,50,.16), rgba(217,55,50,0) 60%)}
  .endcta h2{font-size:clamp(34px,5.5vw,62px); max-width:18ch; margin:0 auto}
  .endcta .cta{display:flex; gap:14px; justify-content:center; margin-top:36px; flex-wrap:wrap}
  footer{border-top:1px solid var(--line); padding:54px 0 64px; background:var(--ink-2)}
  .foot{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap}
  .foot .logo{margin-bottom:14px}
  .foot .brandlogo{width:110px; height:26px}
  .foot .desc{color:var(--muted); font-size:15px; max-width:34ch}
  .foot a.fl{display:block; color:var(--muted); font-size:15px; padding:5px 0; transition:color .2s}
  .foot a.fl:hover{color:var(--blue)}
  .foot h4{font-family:var(--mono); font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--faint); margin-bottom:14px}
  .legal{margin-top:46px; padding-top:26px; border-top:1px solid var(--line); color:var(--faint); font-size:13px; display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap}

  @media(max-width:900px){
    .navmid{display:none}
    .menutoggle{display:block}
    .navmid.open{display:flex; position:absolute; top:100%; left:0; right:0; flex-direction:column; gap:18px;
      background:var(--ink-2); padding:22px 28px; border-bottom:1px solid var(--line)}
  }
  @media(max-width:820px){
    .grid,.steps,.stats,.posts{grid-template-columns:1fr}
    .brain.feature,.post.feature{grid-column:auto}
    .hero{padding:80px 0 64px}
    section{padding:74px 0}
    .stats{grid-template-columns:repeat(2,1fr); gap:30px}
    .post.feature{padding:30px}
  }
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ============================================================
   BLOG — capa editorial sobre el sistema de diseño Ceiboo 2026
   ============================================================ */

/* Hero de artículo */
.arthero{padding:64px 0 28px}
.arthero .eyebrow{margin-bottom:18px}
.arthero .backlink{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:26px;transition:color .2s}
.arthero .backlink:hover{color:var(--blue)}
.arthero h1{font-size:clamp(30px,5vw,52px);max-width:16ch;margin:0 0 20px}
.arthero .lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:60ch;line-height:1.5}
.arthero .meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:26px;
  font-family:var(--mono);font-size:12.5px;color:var(--faint);letter-spacing:.03em}
.arthero .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* Imagen destacada */
.artcover{max-width:var(--maxw);margin:8px auto 0;padding:0 28px}
.artcover img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);display:block}

/* Cuerpo del artículo */
.artbody{max-width:750px;margin:0 auto;padding:44px 28px 20px;font-size:19px;line-height:1.75}
.artbody > *{margin-bottom:1.15em}
.artbody h2{font-family:var(--serif);font-weight:500;font-size:clamp(24px,3.2vw,33px);
  line-height:1.15;margin:1.7em 0 .55em;letter-spacing:-.01em}
.artbody h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.6vw,25px);margin:1.5em 0 .5em}
.artbody h4{font-family:var(--sans);font-weight:600;font-size:19px;margin:1.4em 0 .4em;color:var(--text)}
.artbody p{color:var(--text)}
.artbody a{color:var(--blue-2);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--line-2);transition:text-decoration-color .2s}
.artbody a:hover{text-decoration-color:var(--blue-2)}
.artbody ul,.artbody ol{padding-left:1.3em;color:var(--text)}
.artbody li{margin-bottom:.5em}
.artbody li::marker{color:var(--accent)}
.artbody strong,.artbody b{color:var(--text);font-weight:600}
.artbody em,.artbody i{color:var(--text);font-style:italic}
.artbody img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--line);margin:1.6em 0}
.artbody blockquote{border-left:3px solid var(--accent);padding:.2em 0 .2em 1.1em;margin:1.6em 0;
  color:var(--muted);font-style:italic}
.artbody pre{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;
  overflow-x:auto;font-family:var(--mono);font-size:14.5px;line-height:1.6}
.artbody code{font-family:var(--mono);font-size:.88em;background:var(--card-2);padding:.12em .4em;border-radius:6px}
.artbody pre code{background:none;padding:0}
.artbody hr{border:none;border-top:1px solid var(--line);margin:2.2em 0}
.artbody table{width:100%;border-collapse:collapse;font-size:16px;margin:1.6em 0}
.artbody th,.artbody td{border:1px solid var(--line);padding:9px 12px;text-align:left}
.artbody th{background:var(--card);font-family:var(--sans);font-weight:600}

/* Pie de artículo: CTA + volver */
.artfoot{max-width:750px;margin:20px auto 0;padding:34px 28px 0;border-top:1px solid var(--line)}
.artfoot .cta{background:var(--feature-bg);border:1px solid var(--feature-border);border-radius:16px;
  padding:30px 28px;display:flex;flex-wrap:wrap;gap:16px 20px;align-items:center;justify-content:space-between}
.artfoot .cta p{font-family:var(--serif);font-size:20px;max-width:30ch}

/* ---------- Índice del blog ---------- */
.bloghead{padding:70px 0 8px}
.bloghead h1{font-size:clamp(34px,6vw,60px);margin:14px 0 16px}
.bloghead p{color:var(--muted);font-size:clamp(17px,2vw,20px);max-width:56ch;line-height:1.5}
.postgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;
  padding:44px 0 20px}
.pcard{background:var(--post-bg);border:1px solid var(--post-border);border-radius:16px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.pcard:hover{transform:translateY(-4px);border-color:var(--blue-2)}
.pcard .ph{aspect-ratio:16/9;overflow:hidden;background:var(--card)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pcard .pb{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcard h3{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.18}
.pcard p{color:var(--muted);font-size:15px;line-height:1.5;flex:1}
.pcard .go{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}