/* Paso 1 de mascotas para banners (peticion-banner.php): lo propio de mascotas encima de salud-reducido-banner.css. */

/* Filas de dos: perro o gato y nombre; fecha de nacimiento y mes */
.tmrb-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--hueco); margin-top: 14px; align-items: start; }

/* Perro o gato: dos botones a la altura de los campos */
.tmrb .tmrb-tipo .tsr-chips { flex-wrap: nowrap; gap: 6px; }
.tmrb .tmrb-tipo .tsr-chip { flex: 1 1 0; min-width: 0; }
.tmrb .tmrb-tipo .tsr-chip span { display: grid; place-items: center; height: 42px; padding: 0 8px; border-radius: 10px; font-size: 14.5px; }
.tmrb .tmrb-tipo.con-error .tsr-chip span { border-color: var(--rojo); }

/* Edad dentro del campo de la fecha: se reserva sitio solo cuando se ve */
.tmrb .tsrb-con-dato:has(.tsr-edad:not(:empty)) input { padding-right: 62px; }

.tmrb-ayuda { margin: 8px 0 0; color: var(--texto-suave); font-size: 12.5px; line-height: 1.35; }

@container (max-width: 300px) {
	.tmrb-dos { grid-template-columns: 1fr; }
}