.elementor-3129 .elementor-element.elementor-element-b26b6bc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:117px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-3129 .elementor-element.elementor-element-b26b6bc:not(.elementor-motion-effects-element-type-background), .elementor-3129 .elementor-element.elementor-element-b26b6bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}/* Start custom CSS *//* ==========================================================
   Negroni US – /events/ – Formulario Tripleseat
   Pegar en: Elementor > página Events > Avanzado > CSS personalizado
   (o en el propio widget HTML, dentro de <style>…</style>)
   Contrastes verificados contra WCAG 2.2 AA sobre fondo #000.
   ========================================================== */

/* ---------- 1. Títulos: misma tipografía que el resto del sitio ---------- */
#tripleseat_embed_form .tripleseat-dlf-heading {
  font-family: "Saphira", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 0.9;
  color: #F0DBC0;                 /* 15.6:1 sobre #000 */
  margin: 1.5em 0 0.6em;
}
#tripleseat_embed_form .tripleseat-dlf-heading-h1 { font-size: clamp(40px, 6vw, 62px); }
#tripleseat_embed_form h2.tripleseat-dlf-heading,
#tripleseat_embed_form h3.tripleseat-dlf-heading { font-size: clamp(30px, 4.5vw, 44px); }

/* ---------- 2. Labels y texto ---------- */
#tripleseat_embed_form .tripleseat-dlf-label,
#tripleseat_embed_form .tripleseat-dlf-text {
  font-family: "Nexa", sans-serif;
  color: #FFFF;
}
#tripleseat_embed_form .tripleseat-dlf-label { margin-bottom: 6px; }

/* ---------- 3. Campos: input, select, textarea ---------- */
#tripleseat_embed_form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
#tripleseat_embed_form select,
#tripleseat_embed_form textarea {
  font-family: "Nexa", sans-serif;
  font-size: 16px;
  color: #F0DBC0;                 /* 14.0:1 sobre #111 */
  background-color: #111111;
  border: 1px solid #A6977C;      /* borde 7.3:1 sobre #000 (mín. 3:1) */
  border-radius: 3px;
  padding: 10px 14px;
  min-height: 44px;               /* objetivo táctil cómodo */
  color-scheme: dark;             /* íconos de fecha/hora y flecha del select visibles */
  box-shadow: none;
}
#tripleseat_embed_form select option { background-color: #111111; color: #F0DBC0; }

#tripleseat_embed_form input::placeholder,
#tripleseat_embed_form textarea::placeholder {
  color: #A6977C;                 /* 6.6:1 sobre #111 */
  opacity: 1;
}

/* ---------- 4. Foco visible (hoy no existe: falla WCAG 2.4.7) ---------- */
#tripleseat_embed_form input:focus-visible,
#tripleseat_embed_form select:focus-visible,
#tripleseat_embed_form textarea:focus-visible,
#tripleseat_embed_form button:focus-visible,
#tripleseat_embed_form .tripleseat-dlf-input:focus,
#tripleseat_embed_form .tripleseat-dlf-dropdown:focus,
#tripleseat_embed_form .tripleseat-dlf-textarea:focus {
  outline: 3px solid #F79F1D;     /* 9.9:1 sobre #000 */
  outline-offset: 2px;
  border-color: #F79F1D;
  box-shadow: none;
}

/* ---------- 5. Checkbox / radio ---------- */
#tripleseat_embed_form input[type="checkbox"],
#tripleseat_embed_form input[type="radio"] {
  width: 20px;
  height: 20px;
  accent-color: #A6977C;
  margin-right: 8px;
  vertical-align: middle;
}

/* ---------- 6. Botón Submit ---------- */
#tripleseat_embed_form button.tripleseat-dlf-submit {
  font-family: "Nexa", sans-serif;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000000;                 /* 7.3:1 sobre #A6977C */
  background-color: #A6977C;
  border: 1px solid #A6977C;
  border-radius: 0;
  padding: 15px 24px;
  cursor: pointer;
  transition: background-color .2s, color .2s;
}
#tripleseat_embed_form button.tripleseat-dlf-submit:hover {
  background-color: #F0DBC0;      /* negro sobre #F0DBC0: 15.6:1 */
  border-color: #F0DBC0;
  color: #000000;
}

/* ---------- 7. Errores de validación ---------- */
#tripleseat_embed_form input.error,
#tripleseat_embed_form select.error,
#tripleseat_embed_form textarea.error,
#tripleseat_embed_form .location_list.error {
  background-color: #111111;
  border: 2px solid #FF8A8A;      /* 8.3:1 sobre #111 */
  color: #F0DBC0;
}
#tripleseat_embed_form .errorExplanation {
  width: auto;
  background-color: #111111;
  border: 2px solid #FF8A8A;
  color: #F0DBC0;
  padding: 12px 16px;
}
#tripleseat_embed_form label span.required { color: #FF8A8A; }

/* ---------- 8. Link "powered by Tripleseat" (hoy 4.2:1, no llega a 4.5:1) ---------- */
a[href*="tripleseat.com"] {
  color: #A6977C !important;      /* 7.3:1 sobre #000 */
  font-size: 14px;
}
a[href*="tripleseat.com"]:hover,
a[href*="tripleseat.com"]:focus-visible { color: #F0DBC0 !important; }

/* ---------- 9. Textos de ayuda y contador (Tripleseat los pone en #6B7280, 4.2:1) ---------- */
#tripleseat_embed_form .tripleseat-dlf-help-text,
#tripleseat_embed_form .tripleseat-dlf-char-count {
  color: #A6977C !important;      /* 7.3:1 sobre #000 */
  font-family: "Nexa", sans-serif;
}

/* ---------- 10. Reflow 1.4.10: el reCAPTCHA mide 304px fijos y se salía de pantallas de 320px ---------- */
@media (max-width: 360px) {
  #tripleseat_embed_form .g-recaptcha { max-width: 100%; height: 70px; overflow: hidden; }
  #tripleseat_embed_form .g-recaptcha > div { transform: scale(0.88); transform-origin: 0 0; }
}

/* ---------- 11. Textareas (Additional Information, etc.): el CSS de Tripleseat les ponía texto negro sobre el fondo #111 (1,1:1) ---------- */
#tripleseat_embed_form textarea {
  color: #F0DBC0 !important;
  -webkit-text-fill-color: #F0DBC0;
  caret-color: #F0DBC0;
}/* End custom CSS */