/* AutomateK · banda de confianza, entre «Cómo funciona» y «Planes». Hoja
   propia: borrando su línea de index.html y la sección, la página vuelve a
   como estaba. Franja fina, tono neutro y sin acentos llamativos. */

.cnfBanda{position:relative;padding:clamp(15px,1.9vw,21px) clamp(20px,5vw,64px);background:#F0F1F4;border-top:1px solid #E6E7EB;border-bottom:1px solid #E6E7EB;overflow:hidden}

.cnfLista{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.2vw,32px)}
/* Arriba, no centrado: con alturas distintas de texto, centrar dejaba las
   primeras líneas de los cuatro a distinta altura. */
.cnfItem{display:flex;align-items:flex-start;gap:10px;min-width:0}
.cnfIco{flex:0 0 auto;width:17px;height:17px;margin-top:1px;color:#9097A6}
.cnfTxt{margin:0;font-size:12.5px;line-height:1.4;color:#61697A;text-wrap:pretty}
.cnfFuerte{color:#4A5160;font-weight:500}

/* Por debajo de la anchura completa, dos filas de dos: en cuatro columnas las
   etiquetas se romperían en tres o cuatro líneas y la franja dejaría de ser fina. */
@media(max-width:1120px){
  .cnfLista{grid-template-columns:1fr 1fr;gap:14px 18px}
  .cnfTxt{font-size:12px}
}