/*
 * dotoo — EL RÓTULO: la micropastilla lavanda que titula secciones y campos (§ 7 de `application.css`).
 *
 * Fichero propio desde el 26-sep-2026 por el mismo motivo que `tarjeta.css`: la landing
 * (`layouts/web`) no carga `application.css`, y sus títulos de sección llevan el MISMO rótulo que
 * «A tu manera» en la raíz de la app. Sus tokens salen de `application.css` § 1 dentro de la app y
 * de `.web` en `web/base.css` en la landing. La escala de la landing la ajusta `web/inicio.css`.
 */

/* `.rotulo` de crear-reto.html: micropastilla lavanda, con el sentence case que trae el copy.
   LOS 12PX DE DEBAJO RESERVAN EL PINTADO, no son aire arbitrario: el outline del campo sale 7px
   (4px de trazo + 3px de offset) y la sombra dura del rótulo baja otros 1,25px. Con los 7px viejos
   los dos se fundían al enfocar en todas las altas que reutilizan `.campo`. */
.rotulo{display:inline-block;margin:0 0 12px;background:var(--lavanda);border:var(--contorno-fino) solid var(--tinta);
  border-radius:999px;padding:2px 9px;box-shadow:0 var(--sombra-rotulo) 0 var(--lavanda-s);
  font-size:9px;font-weight:var(--peso-fuerte);letter-spacing:.1em;color:var(--tinta)}

/* EL RÓTULO DE ESCRITURA (30-sep-2026): el mismo rótulo en vainilla para lo que actúa por ti, frente
   al lavanda de siempre para lo que solo lee. Lo estrena la tarjeta de permisos del consentimiento
   OAuth (`oauth/autorizaciones/new`). */
.rotulo--escritura{background:var(--vainilla);box-shadow:0 var(--sombra-rotulo) 0 var(--vainilla-s)}