/* CLEVK Golden Master v4 — additive production layer */
/* Sin acento cromatico. El manual v1.0 es estrictamente monocromo y aqui
   habia cuatro colores inventados —verde, violeta, rojo y ambar— usados en
   las etiquetas de evidencia del Product Lab. Ademas de romper la marca,
   fallaban contraste en tema claro: medidos a 1,88:1 contra 4,5 exigidos.
   Las etiquetas se distinguen ahora por TRATAMIENTO, que cruza de tema solo
   y no depende de que el lector distinga dos tonos pequenos. */
html{transition:background-color .35s ease,color .35s ease}
html[data-theme="light"]{color-scheme:light;
 --c-black-0:#f4f2ee;--c-black-1:#eae7e1;--c-black-2:#dfdbd4;--c-ink:#0e0f10;--c-ink-dim:#4f5357;--c-ink-faint:#676c71;
 --c-line:rgba(14,15,16,.14);--c-line-strong:rgba(14,15,16,.28);--c-signal:#252a2f;--c-signal-dim:#68717a}
html[data-theme="light"],html[data-theme="light"] body{background:#f4f2ee;color:#0e0f10}
html[data-theme="light"] .nav[data-scrolled="true"]{background:rgba(244,242,238,.78)}
html[data-theme="light"] .mobile-menu,html[data-theme="light"] .preloader{background:#f4f2ee;color:#0e0f10}
/* El Nucleo ya no se atenua en tema claro: pinta en tinta. Ver tokens.css. */
html[data-theme="light"] .wordmark{filter:none}
html[data-theme="light"] .btn--primary{background:#0e0f10;color:#f4f2ee;border-color:#0e0f10}
html[data-theme="light"] .btn--ghost{border-color:rgba(14,15,16,.28)}
html[data-theme="light"] .final-cta__inner::before{background:radial-gradient(circle,rgba(244,242,238,.88),rgba(244,242,238,.54) 52%,transparent 78%)}
.v4-theme{width:2.45rem;height:2.45rem;border:1px solid var(--c-line-strong);background:transparent;color:var(--c-ink);display:grid;place-items:center;cursor:pointer;font:500 11px/1 var(--f-mono);letter-spacing:.05em;transition:.2s ease}
.v4-theme:hover{background:var(--c-ink);color:var(--c-black-0)}
.v4-lab{position:relative;z-index:20;padding:clamp(5rem,9vw,9rem) var(--grid-margin);max-width:var(--content-max);margin:auto}
.v4-lab__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(16rem,.75fr);gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,5vw,5rem)}
.v4-lab__eyebrow{font:500 var(--fs-micro)/1.4 var(--f-mono);letter-spacing:var(--tr-wider);text-transform:uppercase;color:var(--c-ink-faint);margin-bottom:1rem}
.v4-lab h2{font-size:clamp(2.4rem,5.5vw,6rem);line-height:.94;max-width:10ch}
.v4-lab__intro{color:var(--c-ink-dim);font-size:var(--fs-body-lg);max-width:48ch}
.v4-lab__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap)}
.v4-product{grid-column:span 6;min-height:22rem;border:1px solid var(--c-line);padding:clamp(1.5rem,3vw,3rem);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:color-mix(in srgb,var(--c-black-1) 78%,transparent);transition:transform .35s var(--ease-out-3),border-color .35s}
.v4-product:hover{transform:translateY(-5px);border-color:var(--c-line-strong)}
.v4-product--wide{grid-column:span 12;min-height:18rem}
.v4-product__top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.v4-product__num{font:500 var(--fs-micro)/1 var(--f-mono);letter-spacing:.18em;color:var(--c-ink-faint)}
.v4-badge{font:600 11px/1.1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;padding:.5rem .65rem;border:1px solid var(--c-line-strong)}
.v4-badge--live{background:var(--c-ink);color:var(--c-black-0);border-color:var(--c-ink)}
.v4-badge--modeled{border-style:dashed;border-color:var(--c-line-strong);color:var(--c-ink-dim)}
.v4-product h3{font-size:clamp(1.8rem,3vw,3.6rem);margin-top:2rem;max-width:13ch}
.v4-product p{color:var(--c-ink-dim);max-width:52ch;margin-top:1rem}
.v4-product__links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
.v4-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.72rem 1rem;border:1px solid var(--c-line-strong);font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.v4-link--solid{background:var(--c-ink);color:var(--c-black-0)}
.v4-proofbar{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--c-line);margin-top:var(--grid-gap)}
.v4-proofbar div{padding:1.15rem;border-right:1px solid var(--c-line);font:500 11px/1.45 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-ink-faint)}
.v4-proofbar div:last-child{border-right:0}
.v4-proofbar b{display:block;color:var(--c-ink);font:600 14px/1.2 var(--f-display);letter-spacing:0;text-transform:none;margin-bottom:.35rem}
.form-status{grid-column:1/-1;padding:1rem;border:1px solid var(--c-line);font-size:.9rem}.form-status[data-state="success"]{border-color:rgba(0,201,150,.5)}.form-status[data-state="error"]{border-color:rgba(239,91,69,.55)}
@media(max-width:850px){.v4-lab__head{grid-template-columns:1fr}.v4-product{grid-column:span 12}.v4-proofbar{grid-template-columns:1fr 1fr}.v4-proofbar div{border-bottom:1px solid var(--c-line)}.v4-proofbar div:nth-child(2n){border-right:0}}
@media(max-width:520px){.v4-proofbar{grid-template-columns:1fr}.v4-proofbar div{border-right:0}.v4-theme{width:2.2rem;height:2.2rem}.v4-product{min-height:20rem}}