/* Registro de participante. Va en `@layer legacy` (como la regla de rtdFalta de sistema-publico.css): el
   `input{height:45px!important}` de principal.min.css y el `select{...!important}` de principal.min.css viven en capas,
   y entre !important gana la capa anterior, asi que una regla sin capa perderia. */
@layer legacy {
  /* La marca rtdFalta cae en el <input> invisible del rodillo; se pinta en los tres selectores. */
  .rtd-fecha3:has(> input.rtdFalta) select {
    border: 1px solid #DC2626 !important;
    background-color: rgba(220, 38, 38, .10) !important;
  }
  /* El original del rodillo no ocupa el alto de un input normal. */
  .rtd-fecha3 > input.rtd-fecha-orig {
    height: 1px !important;
    min-height: 0 !important;
    max-height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
  }
}
/* 320 px: el Mes llega al limite; Dia y Año ceden ancho solo aqui. */
@media (max-width: 340px) {
  #boxInscripcion .rtd-fecha3 { gap: 6px; }
  #boxInscripcion .rtd-fecha3 select:nth-child(1) { flex-basis: 58px; }
  #boxInscripcion .rtd-fecha3 select:nth-child(3) { flex-basis: 78px; }
  #boxInscripcion .rtd-fecha3 select { padding-left: 8px; padding-right: 22px; }
}
