/* ==================================================================
   COLD2HORSE — Quiénes somos
   Añade sobre base.css: manifiesto, visión/misión, alianza, público
   y ficha de empresa.
   ================================================================== */

/* ---------- manifiesto ---------- */

.manifest { text-align: center; padding-block: clamp(5rem, 13vw, 11rem); }

.manifest__quote {
  font-size: clamp(1.6rem, 0.9rem + 2.4vw, 3.4rem);
  line-height: 1.22;
  font-weight: 300;
  max-width: 26ch;
  margin: 0 auto;
  color: var(--paper);
  text-wrap: balance;
}

.manifest__quote em { font-style: normal; color: var(--ice); font-weight: 500; }

.manifest__sign {
  margin: clamp(2rem, 5vw, 3rem) 0 0;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s--1);
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--dimmer);
}

/* ---------- visión y misión ---------- */

.vm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: 1px;
  background: var(--hair);
  border: 1px solid var(--hair);
}

.vm__cell {
  background: var(--ink);
  padding: clamp(1.75rem, 4vw, 3.25rem);
  position: relative;
  overflow: clip;
}

.vm__cell::after {
  content: '';
  position: absolute;
  inset: auto 0 0 0;
  height: 2px;
  background: var(--ice);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.9s var(--ease);
}

.vm__cell:hover::after { transform: scaleX(1); }

.vm__k {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s--1);
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--ice);
  margin: 0;
}

.vm__cell h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s-2);
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.92;
  margin: clamp(1rem, 2.5vw, 1.75rem) 0 1rem;
}

.vm__cell p { margin: 0; color: var(--dim); max-width: 34ch; }

/* ---------- alianza con BiofreshTech ---------- */

.ally__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(1.75rem, 5vw, 4.5rem);
  align-items: start;
}

.ally__copy p + p { margin-top: 1.1rem; }

.ally__facts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--hair); }

.ally__facts li {
  display: grid;
  grid-template-columns: 3.5rem minmax(0, 1fr);
  gap: 1rem;
  align-items: baseline;
  padding-block: clamp(1rem, 2.2vw, 1.5rem);
  border-bottom: 1px solid var(--hair);
}

.ally__facts b {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s-1);
  font-weight: 800;
  color: var(--ice);
  font-variant-numeric: tabular-nums;
}

.ally__facts span { color: var(--dim); }

@media (max-width: 860px) {
  .ally__grid { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- a quién servimos ---------- */

.who {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  border-top: 1px solid var(--hair);
}

.who__cell {
  padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1rem, 2vw, 1.75rem) clamp(2rem, 4vw, 3rem);
  border-left: 1px solid var(--hair);
}

.who__cell:first-child { border-left: 0; padding-left: 0; }

.who__cell h3 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s-1);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 0.6rem;
}

.who__cell p { margin: 0; color: var(--dim); font-size: 0.95em; }

.who__n {
  display: block;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s--1);
  font-weight: 700;
  letter-spacing: 0.28em;
  color: var(--ice);
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
  font-variant-numeric: tabular-nums;
}

@media (max-width: 900px) {
  .who__cell:nth-child(odd) { border-left: 0; padding-left: 0; }
}

/* ---------- ficha de empresa ---------- */

.firm { border-top: 1px solid var(--hair); }

.firm__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: clamp(1.5rem, 4vw, 3rem);
}

.firm__k {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: var(--s--1);
  font-weight: 700;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--dimmer);
  margin: 0 0 0.6rem;
}

.firm__v { margin: 0; color: var(--paper); line-height: 1.5; }
.firm__v a { color: var(--ice); text-decoration: none; }
.firm__v a:hover { text-decoration: underline; text-underline-offset: 0.3em; }

.firm__seals {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-top: clamp(2.5rem, 6vw, 4rem);
  padding-top: clamp(1.5rem, 3vw, 2rem);
  border-top: 1px solid var(--hair);
}

.firm__seals img { height: 3.25rem; width: auto; object-fit: contain; }
.firm__seals img[src*='Patente'] { height: 5rem; }

/* ==================================================================
   ENCUADRE DE LAS FOTOS DE PORTADA
   ================================================================== */

/* En la foto del hero el conjunto va desplazado a la derecha del
   encuadre. Como el recorte de object-fit: cover es lateral, se
   corre el eje horizontal para que jinete y caballo queden dentro
   también en pantallas estrechas. */
.hero__bg img { object-position: 62% 42%; }