/* ===== Formulario Easylife – limpio y sin depender del tema ===== */
.elm-contact { 
  color:#fff; 
  max-width:1100px; 
  margin:0 auto; 
}

/* Fila 2 columnas para Teléfono / Email */
.elm-contact .row{
  display:flex; 
  gap:16px; 
  flex-wrap:wrap;
}
.elm-contact .row > div{
  flex:1 1 320px; /* cae a 1 columna si no cabe */
}

/* Etiquetas */
.elm-contact label{
  display:block; 
  margin:.6rem 0 .35rem;
  text-align: left;
}

/* Campos base */
.elm-contact input[type="text"],
.elm-contact input[type="tel"],
.elm-contact input[type="email"],
.elm-contact select,
.elm-contact textarea{
  align-items:left !important; 
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:12px;
  background:transparent;
  color:#fff;
  outline:0;
  line-height:1.3;
  /* anula estilos raros del tema */
  box-shadow:none !important;
  backdrop-filter:none !important;
}

/* Placeholders legibles */
.elm-contact ::placeholder{ color:rgba(255,255,255,.65); }

/* Select coherente */
.elm-contact select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image: none; /* por si el tema mete un icono extraño */
}

/* Textarea */
.elm-contact textarea{ resize:vertical; }

/* Consentimiento + botón */
.elm-contact .actions{
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  gap:16px; 
  margin-top:12px;
}
.elm-contact .consent{
  display:flex; 
  align-items:center; 
  gap:.6rem;
}
.elm-contact .consent input[type="checkbox"]{
  width:18px; height:18px; 
  margin:0;
}
.elm-contact .consent a{ color:#fff; text-decoration:underline; }

/* Botón */
.elm-contact button{
  padding:12px 22px; 
  border-radius:12px; 
  border:0; 
  background:#1a73e8; 
  color:#fff; 
  cursor:pointer;
}
.elm-contact button:hover{ filter:brightness(1.1); }

/* Mobile: todo en una columna */
@media (max-width: 768px){
  .elm-contact .actions{ flex-direction:column; align-items:flex-start; }
  .elm-contact button{ align-self:flex-end; }
}


/* Select legible en tema oscuro */
.elm-contact select{
  color:#fff;
  background-color:#121212;          /* caja cerrada */
  border:1px solid rgba(255,255,255,.35);
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

/* Opciones del dropdown (Chrome/Edge/Firefox suelen respetarlo) */
.elm-contact select option{
  background-color:#121212;          /* lista desplegada */
  color:#fff;
}

/* Estado foco para accesibilidad */
.elm-contact select:focus{
  outline:2px solid #1a73e8;
  outline-offset:2px;
}

/* (Opcional) fuerza color del “value” en algunos navegadores */
.elm-contact select:-internal-list-box,
.elm-contact select::-ms-value{
  background:#121212; color:#fff;
}