/* Ajustes propios sobre el CSS de Webflow. Se carga después del stylesheet del
   export (lo inyecta inject-bridge.py), así que gana por orden, no por !important.
   No se toca el CSS del zip para que siga siendo copia fiel del original. */

/* Página de contacto (/elegi-garantor). El export pinta los inputs del mismo
   gris que el fondo (--main-gray: #cfcfd0) con un borde al 24% de opacidad, así
   que se leen como deshabilitados. Fondo más claro, inputs blancos y el label
   arriba del campo en vez de montado sobre el borde. */
.body-contact {
  background-color: #f4f5f7;
}

.input-2 {
  background-color: #fff;
  color: var(--indigo-blue);
  border-color: #252f4d52;
}

.input-2::placeholder {
  color: #8a8f9e;
}

.input-2:focus {
  border-color: #434de7;
  box-shadow: 0 0 0 3px #434de726;
}

.input-label {
  background-color: #0000;
  margin-bottom: 6px;
  margin-left: 2px;
  bottom: 0;
  left: 0;
}

/* Los dos desplegables (perfil y motivo) que leads-bridge.js agrega al
   formulario de contacto. Heredan .input-2, pensada para <input>: el
   padding-top de 10px descentra el texto de un select, que ya centra vertical
   por sí solo. */
select.input-2 {
  padding-top: 0;
  padding-right: 8px;
}

/* La opción vacía ("Elegí un motivo") se lee como placeholder, no como una
   elección hecha. :has() lo resuelve sin JS; donde no está soportado, el select
   simplemente se ve con el color de texto normal. */
select.input-2:has(option[value=""]:checked) {
  color: #8a8f9e;
}