.elementor-646 .elementor-element.elementor-element-2ec87ca{--display:flex;}.elementor-646 .elementor-element.elementor-element-8bfc250 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-row{margin-top:0px;margin-bottom:10px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__label{text-align:left;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-text );}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__desc{text-align:left;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__fields-group{flex-direction:row;gap:20px 20px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field-wrap.checkradio-wrap span{gap:5px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-family:"Montserrat", Sans-serif;font-size:14px;color:var( --e-global-color-secondary );background-color:#F8FAFC;padding:010px 0px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D4D8E1;border-radius:10px 10px 10px 10px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder input{color-scheme:normal;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__action-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-a14ed97 );transition:all 0.3s;font-family:"Poppins", Sans-serif;font-size:15px;padding:08px 025px 8px 25px;border-style:none;border-radius:20px 20px 20px 20px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__action-button:hover{background-color:#005DACB5;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__submit-wrap{justify-content:flex-end;align-items:flex-end;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-message--success{text-align:center;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-message--error{text-align:center;}#jet-popup-646 .jet-popup__container{width:50%;}#jet-popup-646 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-646 .jet-popup__container-inner{justify-content:center;border-radius:5px 5px 5px 5px;}#jet-popup-646 .jet-popup__container-overlay{border-radius:5px 5px 5px 5px;}@media(max-width:767px){.elementor-646 .elementor-element.elementor-element-8bfc250 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-row{margin-top:0px;margin-bottom:0px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__label{font-size:13px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:13px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__action-button{padding:8px 55px 8px 55px;border-radius:20px 20px 20px 20px;}.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__submit-wrap{justify-content:center;align-items:center;}#jet-popup-646 .jet-popup__container{width:90%;height:90%;}}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-8bfc250 *//* ═══════════════════════════════════════════════════════════════════════════
   TRABAJOS ODONTO · Estilos de formularios JetFormBuilder
   ───────────────────────────────────────────────────────────────────────────
   Dónde pegar:  Widget JetForm → Avanzado → CSS Personalizado
   ".elementor-646 .elementor-element.elementor-element-8bfc250"  = lo reemplaza Elementor por el ID único del widget (no lo borres)

   👉 PUNTO ÚNICO DE CONTROL: ajustá la separación cambiando SOLO las variables
      de abajo. No hace falta tocar nada más ni editar campo por campo.
   ═══════════════════════════════════════════════════════════════════════════ */

.elementor-646 .elementor-element.elementor-element-8bfc250 {
    --to-field-gap:    10px;   /* ← separación vertical entre campos (DESKTOP) */
    --to-label-gap:    1px;    /* ← separación entre el label y su campo        */
    --to-field-height: 42px;   /* ← altura uniforme de inputs y selects         */
}


/* ── 1. Caja uniforme para todos los controles ────────────────────────────── */
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="text"],
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="email"],
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="number"],
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="tel"],
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="password"],
.elementor-646 .elementor-element.elementor-element-8bfc250 input[type="date"],
.elementor-646 .elementor-element.elementor-element-8bfc250 select {
    height: var(--to-field-height) !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* textarea (ej: Habilidades): misma caja, pero altura libre */
.elementor-646 .elementor-element.elementor-element-8bfc250 textarea {
    box-sizing: border-box !important;
    min-height: calc(var(--to-field-height) * 2);
}


/* ── 2. Flechita del select (sin tocar tus colores) ───────────────────────── */
.elementor-646 .elementor-element.elementor-element-8bfc250 select {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%234a4a4a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4l128-127.9c3.6-3.6%205.4-7.8%205.4-12.9%200-5-1.8-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 50% !important;
    background-size: 12px auto !important;
    padding-right: 35px !important;
}


/* ── 3. Espaciado vertical UNIFORME entre campos ──────────────────────────────
   Una sola fuente de verdad: el wrapper real de cada campo.
   Reemplaza al manojo de .elementor-646 .elementor-element.elementor-element-8bfc250es con margin: 1px del código anterior.       */
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field-wrap,
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-row {
    margin-top: 0 !important;
    margin-bottom: var(--to-field-gap) !important;
}

/* sin margen sobrante en el último campo del formulario */
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field-wrap:last-child,
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-row:last-child {
    margin-bottom: 0 !important;
}

/* separación pareja entre el label y su campo */
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__label,
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder-row__label {
    display: block;
    margin-bottom: var(--to-label-gap) !important;
}

/* matar márgenes/paddings "fantasma" de bloques internos de Gutenberg
   y bloques condicionales (no aportan al diseño, solo descuadran)             */
.elementor-646 .elementor-element.elementor-element-8bfc250 .wp-block-jet-form-builder-conditional-block,
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__row-fields,
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__field-row {
    margin: 0 !important;
    padding: 0 !important;
}

/* un respiro extra arriba del botón de envío (Guardar) */
.elementor-646 .elementor-element.elementor-element-8bfc250 .jet-form-builder__action-button {
    margin-top: 4px !important;
}


/* ── 4. Responsive: tablet y mobile ───────────────────────────────────────────
   Solo cambian las variables → todo el espaciado se reajusta automáticamente.  */

/* Tablet */
@media (max-width: 1024px) {
    .elementor-646 .elementor-element.elementor-element-8bfc250 {
        --to-field-gap: 16px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-646 .elementor-element.elementor-element-8bfc250 {
        --to-field-gap: 14px;
        --to-label-gap: 5px;
        /* Si querés targets de toque más cómodos en celular, descomentá: */
        /* --to-field-height: 46px; */
    }
}/* End custom CSS */