/* =========================================================
   EDSAONE · Calidad (Figma 87:1173)
   Usa de eds-base.css: .eds-phero (+ __btns), .eds-h2, .eds-porque__list, .eds-cards y botones .eds-btn.
   ========================================================= */

/* 2 · Sistema de gestión: texto 500 | sello 300 | lista 260 (pegados a la derecha, separados 50) */
#top .eds-ca-sgc .content { padding: 120px 0 87px; }
#top .eds-ca-sgc__grid { display: flex; align-items: flex-start; color: var(--eds-azul-dark); }
#top .eds-ca-sgc__text { flex: 0 1 500px; margin-right: auto; }
#top .eds-ca-sgc__text p { margin: 0 0 20px; font-size: 16px; line-height: 20px; }
#top .eds-ca-sgc__action { margin-top: 30px; }
#top .eds-ca-sgc__text p:last-of-type { margin-bottom: 0; }
#top .eds-ca-sgc__logo { flex: 0 0 300px; margin: 52px 50px 0 40px; }
#top .eds-ca-sgc__logo img, #top .eds-ca-split__img img { display: block; width: 100%; height: auto; }
#top .eds-ca-sgc__list { flex: 0 0 260px; grid-template-columns: 1fr; margin-top: 70px; }

/* 3 · Control de proceso y producto */
#top .eds-ca-control .content { padding: 90px 0; }
#top .eds-ca-control__head { max-width: 650px; margin: 0 auto 30px; color: var(--eds-azul-dark); text-align: center; }
#top .eds-ca-control__head p { margin: 0; font-size: 16px; line-height: 20px; }

/* 4 y 5 · Bloques texto 770 + imagen 420 (separación 60) */
#top .eds-ca-seleccion .content,
#top .eds-ca-inspeccion .content { padding: 50px 0; }
#top .eds-ca-split { display: flex; align-items: flex-start; gap: 60px; color: var(--eds-azul-dark); }
#top .eds-ca-split__text { flex: 1 1 770px; min-width: 0; padding-top: 30px; }
#top .eds-ca-split__img { flex: 0 0 420px; width: 420px; }
#top .eds-ca-split__lead { margin: 0; font-size: 16px; line-height: 20px; }
#top .eds-sec .eds-ca-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 30px; margin: 30px 0 0; padding: 0; list-style: none; }
#top .eds-sec .eds-ca-feats li { margin: 0; padding: 0; list-style: none; }
#top .eds-sec .eds-ca-feats h3 { margin: 0; color: var(--eds-azul-dark); font-size: 16px; font-weight: 700; line-height: 20px; text-transform: uppercase; }
#top .eds-ca-feats p { margin: 0; font-size: 16px; line-height: 20px; }
#top .eds-sec .eds-ca-feats--upper { row-gap: 30px; }
#top .eds-sec .eds-ca-icons { display: flex; flex-wrap: wrap; gap: 30px; margin: 90px 0 0; padding: 0; list-style: none; }
#top .eds-sec .eds-ca-icons li { display: flex; flex: 0 0 170px; flex-direction: column; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none; font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; text-transform: uppercase; }
#top .eds-ca-icons .eds-svg { width: auto; height: 50px; max-width: 51px; color: var(--eds-azul-light); }
#top .eds-svg--sgc-planificacion,
#top .eds-svg--sel-trazables { transform: scaleY(-1); }
#top .eds-ca-meshind { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 30px; padding: 30px 20px 30px 30px; border-radius: var(--eds-radius); background: var(--eds-verde); }
#top .eds-ca-meshind p { flex: 0 1 460px; margin: 0; font-size: 16px; line-height: 20px; }
#top .eds-ca-meshind__action { flex-shrink: 0; }

@media only screen and (max-width: 989px) {
  #top .eds-ca-sgc .content { padding: 60px 0; }
  #top .eds-ca-sgc__grid { flex-wrap: wrap; gap: 30px; }
  #top .eds-ca-sgc__text { flex-basis: 100%; }
  #top .eds-ca-sgc__logo { flex-basis: 200px; margin: 0; }
  #top .eds-ca-sgc__list { margin-top: 0; }
  #top .eds-ca-control .content { padding: 60px 0; }
  #top .eds-ca-split { flex-direction: column; gap: 30px; }
  #top .eds-ca-split__text { order: 1; flex-basis: auto; padding-top: 0; }
  #top .eds-ca-split__img { order: 2; flex-basis: auto; width: 100%; max-width: 420px; }
}
@media only screen and (max-width: 767px) {
  #top .eds-sec .eds-ca-feats { grid-template-columns: 1fr; }
  #top .eds-sec .eds-ca-icons { gap: 24px 20px; margin-top: 40px; }
  #top .eds-sec .eds-ca-icons li { flex-basis: calc(50% - 10px); }
  #top .eds-ca-meshind { flex-direction: column; align-items: flex-start; }
}