/* === AI PRE CSS === */
@charset "UTF-8";
/* 1. Ocultar por completo el botón/flecha antiguo de la plataforma */
body[data-controller=participations] .form_select .select_button,
body[data-controller=participations] .select_button,
body[data-controller=participations] .select_button::before,
body[data-controller=participations] .select_button::after {
  display: none !important;
  content: none !important;
}

/* 2. Asegurar que el select tenga su fondo sólido blanco, bordes y una única flecha SVG burdeos */
body[data-controller=participations] .form_select select,
body[data-controller=participations] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23873648'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 18px !important;
  border: 1px solid #e2e4ea !important;
  border-radius: var(--ct-rounded-buttons-radius, 25px) !important;
  padding-right: 40px !important;
  opacity: 1 !important;
}

/* 3. Quitar fondos y bordes de los contenedores intermedios para evitar duplicados */
body[data-controller=participations] .form_select,
body[data-controller=participations] .select_content {
  background: transparent !important;
  border: none !important;
}

/* === AI POST CSS === */
@charset "UTF-8";
/* 1. Ocultar por completo el botón/flecha antiguo de la plataforma */
body[data-controller=participations] .form_select .select_button,
body[data-controller=participations] .select_button,
body[data-controller=participations] .select_button::before,
body[data-controller=participations] .select_button::after {
  display: none !important;
  content: none !important;
}

/* 2. Asegurar que el select tenga su fondo sólido blanco, bordes y una única flecha SVG burdeos */
body[data-controller=participations] .form_select select,
body[data-controller=participations] select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23873648'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 18px !important;
  border: 1px solid #e2e4ea !important;
  border-radius: var(--ct-rounded-buttons-radius, 25px) !important;
  padding-right: 40px !important;
  opacity: 1 !important;
}

/* 3. Quitar fondos y bordes de los contenedores intermedios para evitar duplicados */
body[data-controller=participations] .form_select,
body[data-controller=participations] .select_content {
  background: transparent !important;
  border: none !important;
}