/* /testers: la guía para los testers de Android (CRM y Love Log). Usa site.css; aquí solo
   lo propio de esta página (la CSP no deja estilos en línea). */
.testers-hero { padding: 48px 0 30px; }
.testers-hero .baja {
  margin-top: 22px;
  max-width: 52ch;
  color: var(--hueso-dim);
  font-size: 1.06rem;
}
.botones {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.boton-linea {
  display: inline-flex;
  align-items: center;
  padding: 11px 20px;
  border-radius: 999px;
  border: 1px solid rgba(255, 179, 0, 0.45);
  color: var(--hueso);
  font-weight: 600;
  font-size: 0.94rem;
  text-decoration: none;
  transition: border-color 160ms ease, color 160ms ease;
}
.boton-linea:hover { border-color: var(--oro); color: var(--oro); }
.testers-apps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.testers-app {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: center;
  background: var(--panel);
  border: 1px solid var(--linea);
  border-radius: var(--radio);
  padding: 20px;
}
.testers-app img { width: 72px; height: 72px; }
.testers-app h3 {
  font-family: 'Outfit', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--oro);
}
.testers-lovelog h3 { color: #ff5a67; }
.testers-market h3 { color: #14c06d; }
.testers-teams h3 { color: #5b8cff; }
.tabla-android { margin-bottom: 22px; }
.testers-app p { color: var(--acero); font-size: 0.94rem; margin-top: 4px; }
.nota-testers { color: var(--acero); margin-top: 18px; max-width: 60ch; }
.beneficios, .requisitos, .ayuda {
  display: grid;
  gap: 12px;
  padding-left: 22px;
  max-width: 68ch;
  color: var(--hueso-dim);
}
.beneficios strong, .ayuda strong { color: var(--hueso); }
.beneficios li::marker { color: var(--oro); }
.beneficios a { color: var(--oro); }
.testers-pasos .paso > p + p { margin-top: 0; }

/* En un teléfono la columna de la hora mide 48 px y «PASO 1» se partía: ahí va solo el número. */
@media (max-width: 560px) {
  .testers-pasos .paso-palabra { display: none; }
}

/* La versión en inglés, en la misma página (como los legales: el botón «EN ↓» salta aquí). */
.testers-en {
  margin-top: 56px;
  padding-top: 24px;
  border-top: 1px solid var(--linea);
}
.testers-hero h2.poster {
  font-family: 'Anton', 'Outfit', 'Inter', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.004em;
}