/* app13 — El cartel de "por dónde arranco", arriba de todo en Hoy. */

.arranque{
  display:flex; align-items:center; gap:1.2rem; flex-wrap:wrap;
  background:var(--b2); border:1px solid var(--bd);
  border-left:3px solid var(--bd2);
  padding:1rem 1.1rem; margin:.2rem 0 1.1rem;
}
.arranque-texto{ flex:1 1 20rem; min-width:0; }
.arranque h3{
  font-family:var(--fd); font-weight:400; font-size:1.5rem; line-height:1.1;
  letter-spacing:.03em; margin:0 0 .3rem; color:var(--tx);
}
.arranque p{
  margin:0; font-size:.8rem; line-height:1.6; color:var(--tx2); max-width:62ch;
}
.arranque p b{ color:var(--tx); }
.arranque .btn{ flex:0 0 auto; }

/* Lo que ya entró y nadie contestó: es lo único que se pone rojo. */
.arranque.urgente{ border-left-color:var(--alto); }
.arranque.urgente h3{ color:var(--alto); }

/* Salir a buscar: naranja, el color de la marca. */
.arranque.oportunidad{ border-left-color:var(--or); }
.arranque.oportunidad h3{ color:var(--or); }

/* Día limpio: verde y chiquito, no hace falta gritarlo. */
.arranque.ok{ border-left-color:var(--ok); }
.arranque.ok h3{ font-size:1.2rem; color:var(--ok); }

@media (max-width:560px){
  .arranque{ gap:.8rem; padding:.85rem .9rem; }
  .arranque h3{ font-size:1.25rem; }
  .arranque .btn{ width:100%; text-align:center; justify-content:center; }
}