/* quienes_somos.html */

/* ---- Logística internacional integral ---- */
.qs{background:var(--bg)}
.qs-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.qs-text h2{color:var(--brand-dark);font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:1rem}
:root[data-theme="dark"] .qs-text h2{color:var(--brand-light)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qs-text h2{color:var(--brand-light)}}
.qs-text p{max-width:62ch}
.qs-text .btn{margin-top:.5rem}

/* Fotos: la ruta está en el atributo style del HTML */
.qs-image{
  aspect-ratio:1/1;
  border-radius:16px;
  border:1px solid var(--line);
  background-color:var(--surface);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

@media (max-width:900px){
  .qs-layout{grid-template-columns:1fr}
  .qs-image{order:-1;aspect-ratio:1/1}
}

/* ---- Nuestras ventajas ---- */
.qs-adv{background:var(--surface)}
.qs-adv-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.qs-adv-image{aspect-ratio:1/1}
.qs-adv-text h2{color:var(--brand-dark);font-size:clamp(1.6rem,2.6vw,2.1rem);margin-bottom:1.4rem}
:root[data-theme="dark"] .qs-adv-text h2{color:var(--brand-light)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .qs-adv-text h2{color:var(--brand-light)}}
.qs-adv-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.qs-adv-list li{position:relative;padding-left:1.6rem;max-width:60ch}
.qs-adv-list li::before{content:"";position:absolute;left:0;top:.35em;width:9px;height:9px;
  border-right:2px solid var(--brand-red-ink);border-bottom:2px solid var(--brand-red-ink);transform:rotate(-45deg)}

@media (max-width:900px){
  .qs-adv-layout{grid-template-columns:1fr}
  .qs-adv-image{order:-1;aspect-ratio:1/1}
}