/* Formulario Conekta CRM — usa las variables de color del tema Conekta (con respaldo). */
.ckform-form .ckform-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* Tarjeta del shortcode fuera del tema Conekta */
.ckform-card{max-width:560px;margin:0 auto;}

.ckform-form .field{margin-bottom:18px;}
.ckform-form .field label,.ckform-form .ckform-label{
  display:block;font-size:12.5px;color:var(--text-mute,#B8B8B8);margin-bottom:7px;font-weight:500;
}
.ckform-form .field input[type="text"],.ckform-form .field input[type="tel"],.ckform-form .ckform-select{
  width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--border,rgba(255,255,255,.1));
  background:var(--surface,#1C1C1C);font-family:inherit;font-size:14.5px;color:var(--text,#fff);
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.ckform-form .ckform-select{
  appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:44px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23B8B8B8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
}
.ckform-form .ckform-select option{background:var(--surface,#1C1C1C);color:var(--text,#fff);}
.ckform-form .ckform-select:invalid,.ckform-form .ckform-select option[value=""]{color:#6B6B6B;}
.ckform-form .field input:focus,.ckform-form .ckform-select:focus{
  outline:none;border-color:var(--green,#66FF00);box-shadow:0 0 0 4px var(--green-dim,rgba(102,255,0,.14));
  background-color:var(--surface-2,#242424);
}
.ckform-form .field .error{font-size:11.5px;color:var(--error,#FF6B6B);margin-top:6px;display:none;}
.ckform-form .field.invalid .error{display:block;}
.ckform-form .field.invalid input[type="text"],.ckform-form .field.invalid input[type="tel"],
.ckform-form .field.invalid .ckform-select{border-color:var(--error,#FF6B6B);}

/* Casillas "¿Qué te interesa?" como botones */
.ckform-chips{display:flex;flex-wrap:wrap;gap:10px;}
.ckform-chip,.ckform-check{position:relative;display:inline-flex!important;align-items:center;gap:10px;cursor:pointer;margin:0!important;}
.ckform-chip{
  padding:11px 16px;border-radius:999px;border:1px solid var(--border,rgba(255,255,255,.1));
  background:var(--surface,#1C1C1C);color:var(--text,#fff)!important;font-size:14px!important;
  transition:border-color .2s ease,background .2s ease;user-select:none;
}
.ckform-chip:hover{border-color:var(--green,#66FF00);}
.ckform-chip input,.ckform-check input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.ckform-box{
  width:18px;height:18px;border-radius:6px;border:1.5px solid var(--text-mute,#B8B8B8);flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;
}
.ckform-box::after{
  content:'';width:9px;height:5px;border-left:2px solid var(--on-accent,#0E0E0E);border-bottom:2px solid var(--on-accent,#0E0E0E);
  transform:rotate(-45deg) translate(1px,-1px);opacity:0;transition:opacity .15s ease;
}
.ckform-chip input:checked ~ .ckform-box,.ckform-check input:checked ~ .ckform-box{background:var(--green,#66FF00);border-color:var(--green,#66FF00);}
.ckform-chip input:checked ~ .ckform-box::after,.ckform-check input:checked ~ .ckform-box::after{opacity:1;}
.ckform-chip:has(input:checked){border-color:var(--green,#66FF00);background:var(--green-dim,rgba(102,255,0,.14));}
.ckform-chip input:focus-visible ~ .ckform-box,.ckform-check input:focus-visible ~ .ckform-box{box-shadow:0 0 0 4px var(--green-dim,rgba(102,255,0,.14));}
.ckform-form .field.invalid .ckform-chip{border-color:var(--error,#FF6B6B);}

/* Aceptación de datos */
.ckform-check{align-items:flex-start!important;font-size:12.5px!important;line-height:1.5;color:var(--text-mute,#B8B8B8)!important;}
.ckform-check .ckform-box{margin-top:1px;}
.ckform-check a{color:var(--green,#66FF00);text-decoration:underline;}
.ckform-form .field.invalid .ckform-check .ckform-box{border-color:var(--error,#FF6B6B);}

.ckform-server-error{font-size:13px;color:var(--error,#FF6B6B);margin-top:12px;text-align:center;}
.ckform-server-error:empty{display:none;}
.ckform-form button[disabled]{opacity:.6;pointer-events:none;}

/* Respaldo si el tema activo no es Conekta */
.ckform-form.hide{display:none;}
.ckform-success{display:none;text-align:center;padding:20px 0;}
.ckform-success.show{display:block;}
.ckform-success .check{color:var(--green,#66FF00);}

/* Campos adicionales configurables desde el CRM */
.ckform-form .field input[type="email"],.ckform-form .field input[type="number"],.ckform-form .ckform-textarea{
  width:100%;padding:13px 16px;border-radius:12px;border:1px solid var(--border,rgba(255,255,255,.1));
  background:var(--surface,#1C1C1C);font-family:inherit;font-size:14.5px;color:var(--text,#fff);
}
.ckform-form .ckform-textarea{resize:vertical;min-height:88px;}
.ckform-form .field input[type="email"]:focus,.ckform-form .field input[type="number"]:focus,.ckform-form .ckform-textarea:focus{
  outline:none;border-color:var(--green,#66FF00);box-shadow:0 0 0 4px var(--green-dim,rgba(102,255,0,.14));
}
.ckform-form .field.invalid input[type="email"],.ckform-form .field.invalid input[type="number"],.ckform-form .field.invalid .ckform-textarea{border-color:var(--error,#FF6B6B);}

/* Estado de la solicitud mostrado al cliente */
.ckform-status{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:16px;}
.ckform-status-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--green-dim,rgba(102,255,0,.14));color:var(--green,#66FF00);font-weight:700;font-size:13px;letter-spacing:.02em;border:1px solid var(--green,#66FF00);}
.ckform-status-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.form-success.ckform-has-status p{max-width:420px;margin-left:auto;margin-right:auto;}