/*
Theme Name: Hello Elementor Child - websdl
Theme URI: https://websdl.com
Description: Child theme de websdl.com. Aqui vive el rol limitado del cliente y el sistema de efectos. Las paginas de cliente NO dependen de este tema: cada una lleva sus propias variables CSS adentro.
Author: websdl.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-websdl
*/

/* =========================================================
   Formulario de contacto sobre fondo oscuro.

   Se apunta a .wsdl-form .ff-* y no a un supuesto .fluentform:
   el envoltorio real que imprime Fluent Forms 6.2 es
   .frm-fluent-form, no .fluentform. Con la clase equivocada el
   formulario sale con cajas blancas sobre el fondo oscuro.

   Los !important son a proposito: se esta pisando la hoja del
   plugin (ffs_default), que puede cargar despues de esta.
   ========================================================= */
.wsdl-form .ff-el-group { margin-bottom: 18px; }
.wsdl-form .ff-el-input--label label {
  color: #D6DDE6 !important; font-family: 'Manrope', system-ui, sans-serif;
  font-weight: 600; font-size: 14px; margin-bottom: 7px; display: block;
}
.wsdl-form .ff-el-input--label.ff-el-is-required label:after { color: #E8A33D !important; }
.wsdl-form .ff-el-form-control {
  width: 100%; background: #0E1420 !important; color: #F4F1EB !important;
  border: 1px solid #2B384A !important; border-radius: 8px !important;
  padding: 13px 14px !important; font-family: 'Manrope', system-ui, sans-serif;
  font-size: 16px !important; line-height: 1.5; box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
/* 16px a proposito: por debajo de eso el iPhone hace zoom solo al tocar el campo. */
.wsdl-form .ff-el-form-control::placeholder { color: #6C7A8C !important; opacity: 1; }
.wsdl-form .ff-el-form-control:focus {
  outline: none !important; border-color: #E8A33D !important;
  box-shadow: 0 0 0 3px rgba(232,163,61,.16) !important;
}
.wsdl-form select.ff-el-form-control {
  appearance: none; -webkit-appearance: none; padding-right: 38px !important;
  background-image: linear-gradient(45deg,transparent 50%,#8A94A0 50%),linear-gradient(135deg,#8A94A0 50%,transparent 50%);
  background-position: calc(100% - 19px) 22px, calc(100% - 13px) 22px;
  background-size: 6px 6px, 6px 6px; background-repeat: no-repeat;
}
.wsdl-form select.ff-el-form-control option { background: #0E1420; color: #F4F1EB; }
.wsdl-form textarea.ff-el-form-control { min-height: 116px; resize: vertical; }
.wsdl-form .ff-btn-submit {
  background: #E8A33D !important; color: #0B0F16 !important;
  border: none !important; border-radius: 8px !important; padding: 15px 30px !important;
  font-family: 'Manrope', system-ui, sans-serif; font-weight: 600 !important; font-size: 16px !important;
  cursor: pointer; width: 100%; transition: filter .2s ease, transform .2s ease;
}
.wsdl-form .ff-btn-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
.wsdl-form .text-danger, .wsdl-form .error, .wsdl-form .ff-el-is-error-message {
  color: #FF8B6B !important; font-size: 13.5px; margin-top: 5px;
}
.wsdl-form .ff-el-form-control.ff-el-is-error { border-color: #FF8B6B !important; }
.wsdl-form .ff-message-success {
  background: rgba(232,163,61,.1) !important; border: 1px solid rgba(232,163,61,.4) !important;
  color: #F4F1EB !important; border-radius: 10px; padding: 18px 20px;
  font-family: 'Manrope', system-ui, sans-serif; font-size: 16px; line-height: 1.6;
}
\@media (max-width: 600px) { .wsdl-form .ff-el-group { margin-bottom: 15px; } }
\@media (prefers-reduced-motion: reduce) {
  .wsdl-form .ff-btn-submit { transition: none; }
  .wsdl-form .ff-btn-submit:hover { transform: none; }
}