.elementor-248 .elementor-element.elementor-element-3d4bb6c{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.9;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-3d4bb6c:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-3d4bb6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://inpreabogado.botonlegal.com/wp-content/uploads/2026/08/TSJ-sede.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-248 .elementor-element.elementor-element-3d4bb6c::before, .elementor-248 .elementor-element.elementor-element-3d4bb6c > .elementor-background-video-container::before, .elementor-248 .elementor-element.elementor-element-3d4bb6c > .e-con-inner > .elementor-background-video-container::before, .elementor-248 .elementor-element.elementor-element-3d4bb6c > .elementor-background-slideshow::before, .elementor-248 .elementor-element.elementor-element-3d4bb6c > .e-con-inner > .elementor-background-slideshow::before, .elementor-248 .elementor-element.elementor-element-3d4bb6c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-baa563f );--background-overlay:'';}.elementor-248 .elementor-element.elementor-element-3d4bb6c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-248 .elementor-element.elementor-element-a2b2741{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-248 .elementor-element.elementor-element-c0bef05{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-248 .elementor-element.elementor-element-f8b9e6c{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-248 .elementor-element.elementor-element-f8b9e6c.elementor-element{--align-self:center;}.elementor-248 .elementor-element.elementor-element-16b9ff6{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-248 .elementor-element.elementor-element-16b9ff6:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-16b9ff6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-baa563f );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-248 .elementor-element.elementor-element-36950dd .elementor-button{background-color:#2A79F5;border-radius:50px 50px 50px 50px;}.elementor-248 .elementor-element.elementor-element-36950dd .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-f8b9e6c{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;}.elementor-248 .elementor-element.elementor-element-16b9ff6{--width:89%;}}@media(min-width:768px){.elementor-248 .elementor-element.elementor-element-3d4bb6c{--width:119.136%;}.elementor-248 .elementor-element.elementor-element-16b9ff6{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-c7444dc *//* =========================================================
   1. CONTENEDOR PRINCIPAL Y OCULTAR LABELS
   ========================================================= */
.fea-form,
.fea-form-193,
.acf-form,
form[data-form_id="193"],
form.acf-form {
  max-width: 500px !important;
  margin: 2rem auto !important;
  padding: 2.5rem !important;
  background-color: #ffffff !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
  box-sizing: border-box !important;
}

/* Ocultar etiquetas superiores nativas */
.acf-field .acf-label,
.fea-field .acf-label,
.fea-field label {
  display: none !important;
}

/* Separación exacta de 20px entre cada campo */
.acf-field,
.fea-field {
  position: relative !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  border: none !important;
}

/* =========================================================
   2. ESTILO GENERAL DE CAMPOS DE ENTRADA
   ========================================================= */
.acf-input input[type="text"],
.acf-input input[type="number"],
.acf-input input[type="email"],
.acf-input input[type="password"],
.fea-form input {
  width: 100% !important;
  height: 52px !important;
  padding: 12px 20px 12px 48px !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 20px !important;
  font-size: 0.95rem !important;
  color: #1e293b !important;
  background-color: #f8fafc !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

/* =========================================================
   3. ÍCONOS MODERNOS FIJOS (PERMANENTES VIA ::BEFORE)
   ========================================================= */
.acf-field::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 26px !important;
  transform: translateY(-50%) !important;
  width: 20px !important;
  height: 20px !important;
  z-index: 5 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

/* Ícono 1: Nombres */
.acf-field[data-name*="first"]::before,
.acf-field-first-name::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>') !important;
}

/* Ícono 2: Apellidos */
.acf-field[data-name*="last"]::before,
.acf-field-last-name::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>') !important;
}

/* Ícono 3: Cédula / INPREABOGADO */
.acf-field[data-type="number"]::before,
.acf-field-number::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M7 7h3v3H7z"/><path d="M14 8h3"/><path d="M14 12h3"/><path d="M7 16h10"/></svg>') !important;
}

/* Ícono 4: Correo Electrónico */
.acf-field[data-type="email"]::before,
.acf-field-user-email::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="16" x="2" y="4" rx="2"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/></svg>') !important;
}

/* Ícono 5: Contraseña */
.acf-field[data-type="password"]::before,
.acf-field-password::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%233b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>') !important;
}

.acf-field-submit-button::before {
  display: none !important;
}

/* =========================================================
   4. PLACEHOLDERS SIMULADOS CON CSS PURO (VIA ::AFTER)
   ========================================================= */
.acf-field::after {
  position: absolute !important;
  left: 48px !important;
  top: 26px !important;
  transform: translateY(-50%) !important;
  font-size: 0.95rem !important;
  color: #94a3b8 !important;
  pointer-events: none !important;
  z-index: 4 !important;
  transition: opacity 0.2s ease !important;
}

/* Texto de Placeholder para cada campo */
.acf-field[data-name*="first"]::after,
.acf-field-first-name::after {
  content: "Nombres" !important;
}

.acf-field[data-name*="last"]::after,
.acf-field-last-name::after {
  content: "Apellidos" !important;
}

.acf-field[data-type="number"]::after,
.acf-field-number::after {
  content: "Número de INPREABOGADO / Cédula" !important;
}

.acf-field[data-type="email"]::after,
.acf-field-user-email::after {
  content: "Correo Electrónico" !important;
}

.acf-field[data-type="password"]::after,
.acf-field-password::after {
  content: "Contraseña" !important;
}

/* Ocultar el texto simulado al hacer clic/enfocar el campo */
.acf-field:focus-within::after {
  opacity: 0 !important;
}

.acf-field-submit-button::after {
  display: none !important;
}

/* =========================================================
   5. ESTADOS DE ENFOQUE
   ========================================================= */
.acf-input input:focus,
.fea-form input:focus {
  outline: none !important;
  border-color: #2563eb !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15) !important;
}

/* Eliminar flechas de tipo número */
.acf-input input[type="number"]::-webkit-inner-spin-button,
.acf-input input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.acf-input input[type="number"] {
  -moz-appearance: textfield;
}

/* =========================================================
   6. BOTÓN DE SUBMIT
   ========================================================= */
.acf-field-submit-button,
.acf-field-submit-button .acf-input,
.fea-submit-buttons,
.save-progress-buttons,
.acf-form-submit {
  display: flex !important;
  width: 100% !important;
  justify-content: center !important;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.acf-form-submit input[type="submit"],
.fea-submit-buttons button,
.fea-submit-buttons input[type="submit"],
.acf-field-submit-button input[type="submit"],
.acf-field-submit-button button,
.acf-button {
  width: 100% !important;
  height: 52px !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.3) !important;
}

.acf-form-submit input[type="submit"]:hover,
.fea-submit-buttons button:hover,
.fea-submit-buttons input[type="submit"]:hover,
.acf-field-submit-button input[type="submit"]:hover,
.acf-button:hover {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.4) !important;
}

.acf-form-submit input[type="submit"]:active,
.fea-submit-buttons button:active,
.acf-button:active {
  transform: translateY(0) !important;
}/* End custom CSS */