/* CandeMaker · Nosotros (Ronda 2, 7‑oct‑2026) · «CM Placa», v2
   Página nueva pedida por el dueño: historia, misión y visión, valores y «Quién está detrás»
   (el bloque que antes cerraba Inicio). Sólo tokens de brand.v2.css; hover sólo con cursor.
   Portada grafito con el símbolo 3D de la marca (no hay foto del dueño todavía); secciones
   alternas blanco / aluminio; cierre grafito como Inicio. */

.nos-cap{display:block}

/* ── Portada: texto a la izquierda, símbolo 3D a la derecha (debajo en teléfono) ── */
.nos-hero{padding:8px 0 48px;overflow:hidden}
@media (min-width:720px){.nos-hero{padding:16px 0 64px}}
@media (min-width:1024px){.nos-hero{padding:16px 0 72px}}
.nos-hero__grid{display:grid;gap:24px;align-items:center}
.nos-hero__texto{display:grid;gap:0;justify-items:start}
.nos-hero__texto .cm-eyebrow{margin-top:16px}
.nos-hero__h1{margin:14px 0 0;max-width:18ch}
.nos-hero__lead{margin:16px 0 0;max-width:46ch}
/* Ronda 12 (dueño): la portada lleva un collage de piezas en lugar del símbolo 3D (el logotipo 3D sigue en
   «Cuidamos cada pieza»). Columnas más parejas para que el collage tenga presencia junto al título */
@media (min-width:720px){.nos-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}}
@media (min-width:1024px){.nos-hero__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px}}
.nos-hero__collage{display:block;width:100%;aspect-ratio:4/3;border-radius:var(--r-xl);overflow:hidden;background:#1C1F24;
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
.nos-hero__collage img{display:block;width:100%;height:100%;object-fit:cover}
/* Historia: el mosaico grande de trabajos, a lo ancho debajo del texto */
.nos-historia__collage{margin-top:40px;margin-bottom:0}
@media (min-width:1024px){.nos-historia__collage{margin-top:64px}}
.nos-historia__collage picture{display:block;aspect-ratio:3/2;border-radius:var(--r-xl);overflow:hidden;background:var(--c-bg-2);box-shadow:var(--sh-2),var(--sh-ring)}
.nos-historia__collage img{display:block;width:100%;height:100%;object-fit:cover}

/* ── Historia: título a la izquierda, texto a 60ch a la derecha ───────── */
.nos-historia__grid{display:grid;gap:24px}
@media (min-width:1024px){.nos-historia__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}}
.nos-historia__grid .cm-head{margin-bottom:0}
.nos-historia__txt{display:grid;gap:16px;max-width:62ch}
.nos-historia__txt .cm-text{color:var(--c-ink-2)}

/* ── Misión y visión: dos placas sobre aluminio ───────────────────────── */
.nos-rumbo__grid{display:grid;gap:16px;margin-top:8px}
@media (min-width:720px){.nos-rumbo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (min-width:1280px){.nos-rumbo__grid{gap:24px}}
.nos-placa{display:grid;gap:12px;align-content:start;padding:24px;border-radius:var(--r-l);background:var(--c-card);box-shadow:var(--sh-1),var(--c-card-borde)}
@media (min-width:1024px){.nos-placa{padding:32px}}
.nos-placa .cm-h3{margin:4px 0 0}
.nos-placa .cm-text{margin:0;color:var(--c-ink-2);max-width:48ch}
.nos-placa__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--c-blue-tint);color:var(--c-blue-deep)}
.nos-placa__ico svg{width:22px;height:22px}

/* ── Valores: seis, en retícula de 1 / 2 / 3 columnas, sin tarjetas ───── */
.nos-valores__lista{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:28px}
@media (min-width:720px){.nos-valores__lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}}
@media (min-width:1024px){.nos-valores__lista{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}}
.nos-valor{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 16px;align-content:start}
@media (min-width:720px){.nos-valor{grid-template-columns:minmax(0,1fr);gap:12px}}
.nos-valor__ico{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--c-card);box-shadow:var(--c-card-borde);color:var(--c-ink)}
@media (min-width:720px){.nos-valor__ico{grid-row:auto}}
.nos-valor__ico svg{width:20px;height:20px}
.nos-valor__t{margin:0;font-family:var(--f-display);font-weight:600;font-size:18px;line-height:1.3;color:var(--c-ink)}
.nos-valor p{margin:0;font-size:16px;line-height:1.55;color:var(--c-ink-2);max-width:40ch}

/* ── Cómo trabajamos (antes «Quién está detrás») ──────────────────────── */
.nos-quien__grid{display:grid;gap:32px}
@media (min-width:720px){.nos-quien__grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;align-items:center}}
@media (min-width:1280px){.nos-quien__grid{gap:72px}}
.nos-quien__txt{display:grid;gap:12px;justify-items:start}
.nos-quien__txt .cm-h2{margin:0}
.nos-quien__txt .cm-text{max-width:60ch;color:var(--c-ink-2)}
.nos-ficha{width:100%;margin-top:16px}
.nos-ficha__firma{margin-top:12px}
.nos-quien__fig{margin:0;display:grid;gap:10px}
/* Ronda 3: en lugar de la foto pendiente, el logotipo 3D en una placa grafito */
.nos-quien__logo{justify-self:center;width:100%;max-width:400px}
.nos-quien__logo picture{display:block;border-radius:var(--r-xl);overflow:hidden;background:#0E141B;box-shadow:var(--sh-2)}
.nos-quien__logo img{display:block;width:100%;height:auto}

/* ── Cierre grafito ───────────────────────────────────────────────────── */
.nos-cierre__in{display:grid;gap:24px;justify-items:start}
@media (min-width:1024px){.nos-cierre__in{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:64px}}
.nos-cierre__in .cm-head{margin-bottom:0;max-width:44ch}
.nos-cierre .cm-actions{flex-wrap:wrap}

@media (max-width:719.98px){
  /* como en Diseño: en teléfono la etiqueta «Nosotros» basta y la miga no cabe a 44 px */
  .nos-hero .cm-crumbs{display:none}
  .nos-cierre .cm-actions{flex-direction:column;align-items:stretch;width:100%}
  .nos-cierre .cm-btn{width:100%}
}