.elementor-widget-jet-logo .jet-logo__text{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-528 .elementor-element.elementor-element-6c2e00f{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-528 .elementor-element.elementor-element-6c2e00f .jet-logo{justify-content:flex-start;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__label{margin:0px 0px 4px 0px;font-size:14px;line-height:15px;color:#2E2A3CE6;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__desc{text-align:left;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__fields-group{flex-direction:row;gap:0.7em 0.7em;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__field-wrap label{font-size:14px;line-height:15px;color:#2E2A3CE6;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__field-wrap label :checked + span::before{background-color:#19A3B3;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:14px;font-weight:400;line-height:15px;padding:7px 14px 7px 14px;border-style:solid;border-color:#2E2A3C38;border-radius:6px 6px 6px 6px;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder input{color-scheme:normal;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__action-button{background-color:#19A3B3;color:#FFFFFF;transition:all 0.3s;font-weight:600;padding:11px 20px 11px 20px;margin:32px 0px 0px 0px;border-style:none;border-radius:6px 6px 6px 6px;box-shadow:0px 2px 6px 0px rgba(25.499999999999986, 163.19999999999993, 178.5, 0.16);}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__action-button:hover{background-color:#128E9C;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__submit-wrap > .jet-form-builder__submit{width:100%;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__submit{justify-content:center;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder-message--success{text-align:center;font-weight:500;color:#28C870;background-color:#28C87029;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-528 .elementor-element.elementor-element-3873ef6 .jet-form-builder-message--error{text-align:center;font-weight:500;color:#FF4D52;background-color:#FF4D5229;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__label{margin:0px 0px 4px 0px;font-size:14px;line-height:15px;color:#2E2A3CE6;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__desc{text-align:left;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__fields-group{flex-direction:row;gap:0.7em 0.7em;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__field-wrap label{font-size:14px;line-height:15px;color:#2E2A3CE6;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__field-wrap.checkradio-wrap span{gap:8px;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__field-wrap label :checked + span::before{background-color:#19A3B3;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__field:not(.checkradio-field):not(.range-field):not(.jet-form-builder-repeater):not(.wysiwyg-field):not([role="switch"]){font-size:14px;font-weight:400;line-height:15px;padding:7px 14px 7px 14px;border-style:solid;border-color:#2E2A3C38;border-radius:6px 6px 6px 6px;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder input{color-scheme:normal;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder-repeater__row-remove{align-self:flex-start;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__action-button{background-color:#19A3B3;color:#FFFFFF;transition:all 0.3s;font-weight:600;padding:11px 20px 11px 20px;margin:32px 0px 0px 0px;border-style:none;border-radius:6px 6px 6px 6px;box-shadow:0px 2px 6px 0px rgba(25.499999999999986, 163.19999999999993, 178.5, 0.16);}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__action-button:hover{background-color:#128E9C;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__submit-wrap{justify-content:stretch;align-items:stretch;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__submit-wrap > .jet-form-builder__submit{width:100%;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__submit{justify-content:center;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder__next-page-wrap{text-align:left;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder-message--success{text-align:center;font-weight:500;color:#28C870;background-color:#28C87029;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-528 .elementor-element.elementor-element-cb0ffc5 .jet-form-builder-message--error{text-align:center;font-weight:500;color:#FF4D52;background-color:#FF4D5229;border-style:none;border-radius:8px 8px 8px 8px;}/* Start custom CSS for jet-form-builder-form, class: .elementor-element-3873ef6 *//* ==========================================
   TuDoctorRD — Selector tipo de cuenta
   Advanced Choices Field
   ========================================== */


/* ==========================================
   VARIABLES
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 {
    --tdr-choice-primary: #1AA3B3;
    --tdr-choice-bg: rgba(26, 163, 179, 0.16);
    --tdr-choice-bg-hover: rgba(26, 163, 179, 0.22);
    --tdr-choice-text-selected: #FFFFFF;
}


/* ==========================================
   CONTENEDOR DE LAS OPCIONES
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 ul.tdr-account-type.jet-form-builder-choice {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    width: 100% !important;

    padding: 0 !important;
    margin: 0 0 24px 0 !important;

    list-style: none !important;
}


/* ==========================================
   CADA OPCIÓN
   Médico / Clínica
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    min-height: 52px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    padding: 12px 16px !important;
    margin: 0 !important;

    color: var(--tdr-choice-primary) !important;
    background-color: var(--tdr-choice-bg) !important;

    border: 1px solid transparent !important;
    border-radius: 6px !important;

    box-sizing: border-box !important;
    cursor: pointer;

    transition:
        transform .15s ease,
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}


/* ==========================================
   LIMPIAR MÁRGENES INTERNOS
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================
   CONTENEDOR DEL ICONO
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item figure {
    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* ==========================================
   SVG CARGADO COMO IMAGEN <img>
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item img {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    flex: 0 0 24px !important;

    object-fit: contain !important;

    padding: 0 !important;
    margin: 0 !important;

    /*
     El SVG original ya es #1AA3B3.
     No aplicamos ningún filtro en estado normal.
    */
    filter: none !important;

    transition: filter .2s ease;
}


/* ==========================================
   SVG INLINE
   Por si JetFormBuilder lo renderiza como <svg>
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item svg {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    flex: 0 0 24px !important;

    color: currentColor !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* SVG basado en stroke */
.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item svg [stroke]:not([stroke="none"]) {
    stroke: currentColor !important;
}


/* SVG basado en fill */
.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item svg [fill]:not([fill="none"]) {
    fill: currentColor !important;
}


/* ==========================================
   TEXTO
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item p {
    width: auto !important;

    flex: 0 0 auto !important;

    color: inherit !important;

    line-height: 1.2 !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* Por si el texto no está dentro de <p> */
.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item {
    font-weight: inherit;
}


/* ==========================================
   INPUT INTERNO
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item input {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
    pointer-events: none !important;
}


/* ==========================================
   HOVER
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item:hover {
    background-color: var(--tdr-choice-bg-hover) !important;

    transform: translateY(-1px);
}


/* ==========================================
   SELECCIONADO
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item.is-checked {
    color: var(--tdr-choice-text-selected) !important;

    background-color: var(--tdr-choice-primary) !important;

    border-color: var(--tdr-choice-primary) !important;

    box-shadow: none !important;

    transform: none;
}


/* ==========================================
   ICONO <img> SELECCIONADO → BLANCO

   Esto permite usar EL MISMO SVG teal
   y convertirlo visualmente a blanco.
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item.is-checked img {
    filter: brightness(0) invert(1) !important;
}


/* Mantener el seleccionado estable en hover */
.elementor-528 .elementor-element.elementor-element-3873ef6 .tdr-account-type .jet-form-builder-choice--item.is-checked:hover {
    background-color: var(--tdr-choice-primary) !important;
}


/* ==========================================
   LABEL "TIPO DE CUENTA"
   Solo este tipo de campo
   ========================================== */

.elementor-528 .elementor-element.elementor-element-3873ef6 .field-type-choices-field > .jet-form-builder__label {
    width: 100% !important;

    text-align: center !important;

    margin-bottom: 12px !important;
}


.elementor-528 .elementor-element.elementor-element-3873ef6 .field-type-choices-field > .jet-form-builder__label .jet-form-builder__label-text {
    display: block !important;

    width: 100% !important;

    text-align: center !important;
}


/* ==========================================
   RESPONSIVE
   ========================================== */

@media (max-width: 480px) {

    .elementor-528 .elementor-element.elementor-element-3873ef6 ul.tdr-account-type.jet-form-builder-choice {
        grid-template-columns: 1fr !important;
    }

}/* End custom CSS */
/* Start custom CSS for jet-form-builder-form, class: .elementor-element-cb0ffc5 *//* ==========================================================
   TuDoctorRD — Tipo de cuenta
   Radio Field + iconos SVG reales

   Campo:
   name="tipo_cuenta"

   Opción 1 = Médico
   Opción 2 = Centro Médico
   ========================================================== */


/* ==========================================================
   VARIABLES
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 {
    --tdr-primary: #1AA3B3;

    --tdr-bg:
        rgba(26, 163, 179, 0.16);

    --tdr-bg-hover:
        rgba(26, 163, 179, 0.22);

    --tdr-selected-text:
        #FFFFFF;
}


/* ==========================================================
   LABEL "TIPO DE CUENTA"
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
> .jet-form-builder__label {
    width: 100% !important;

    margin: 0 0 10px 0 !important;

    text-align: center !important;
}


.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
> .jet-form-builder__label
.jet-form-builder__label-text {
    display: block !important;

    width: 100% !important;

    text-align: center !important;
}


/* ==========================================================
   CONTENEDOR DE LAS 2 OPCIONES
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__fields-group.checkradio-wrap {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 0 24px 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   WRAPPER DE CADA OPCIÓN
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-wrap.radio-wrap {
    width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   LABEL CLICKEABLE
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-label.for-radio {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}


/* ==========================================================
   OCULTAR RADIO NATIVO
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;

    pointer-events: none !important;
}


/* ==========================================================
   TARJETA
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"] + span {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    width: 100% !important;

    min-height: 52px !important;

    padding: 12px 16px !important;

    box-sizing: border-box !important;

    color:
        var(--tdr-primary) !important;

    background-color:
        var(--tdr-bg) !important;

    border:
        1px solid transparent !important;

    border-radius:
        6px !important;

    font-weight:
        500 !important;

    line-height:
        1.2 !important;

    text-align:
        center !important;

    cursor:
        pointer !important;

    user-select:
        none !important;

    transition:
        color .20s ease,
        background-color .20s ease,
        border-color .20s ease,
        box-shadow .20s ease,
        transform .15s ease !important;
}


/* ==========================================================
   ICONO BASE
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"] + span::before {
    content: "" !important;

    display: block !important;

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;

    flex: 0 0 24px !important;

    background-color:
        currentColor !important;

    -webkit-mask-repeat:
        no-repeat !important;

    mask-repeat:
        no-repeat !important;

    -webkit-mask-position:
        center !important;

    mask-position:
        center !important;

    -webkit-mask-size:
        contain !important;

    mask-size:
        contain !important;
}


/* ==========================================================
   MÉDICO — PRIMERA OPCIÓN
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-wrap.radio-wrap:first-child
input[type="radio"][name="tipo_cuenta"] + span::before {

    -webkit-mask-image:
        url("https://tudoctor.do/wp-content/uploads/2026/08/stethoscope2.svg") !important;

    mask-image:
        url("https://tudoctor.do/wp-content/uploads/2026/08/stethoscope2.svg") !important;
}


/* ==========================================================
   CENTRO MÉDICO — SEGUNDA OPCIÓN
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-wrap.radio-wrap:last-child
input[type="radio"][name="tipo_cuenta"] + span::before {

    -webkit-mask-image:
        url("https://tudoctor.do/wp-content/uploads/2026/08/building-hospital5.svg") !important;

    mask-image:
        url("https://tudoctor.do/wp-content/uploads/2026/08/building-hospital5.svg") !important;
}


/* ==========================================================
   ELIMINAR CUALQUIER ::AFTER ANTERIOR
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"] + span::after {
    content: none !important;

    display: none !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-label.for-radio:hover
input[type="radio"][name="tipo_cuenta"] + span {

    background-color:
        var(--tdr-bg-hover) !important;

    border-color:
        rgba(26, 163, 179, 0.35) !important;

    transform:
        translateY(-1px) !important;
}


/* ==========================================================
   SELECCIONADO
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"]:checked + span {

    color:
        var(--tdr-selected-text) !important;

    background-color:
        var(--tdr-primary) !important;

    border-color:
        var(--tdr-primary) !important;

    box-shadow:
        0 6px 16px
        rgba(26, 163, 179, 0.16) !important;

    transform:
        none !important;
}


/* ==========================================================
   ICONO SELECCIONADO

   Como usa currentColor, automáticamente
   pasa de teal a blanco.
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"]:checked + span::before {
    background-color:
        #FFFFFF !important;
}


/* ==========================================================
   HOVER DEL SELECCIONADO
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
.jet-form-builder__field-label.for-radio:hover
input[type="radio"][name="tipo_cuenta"]:checked + span {

    color:
        #FFFFFF !important;

    background-color:
        var(--tdr-primary) !important;

    border-color:
        var(--tdr-primary) !important;

    transform:
        none !important;
}


/* ==========================================================
   FOCUS CON TECLADO
   ========================================================== */

.elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
input[type="radio"][name="tipo_cuenta"]:focus-visible + span {

    outline:
        2px solid
        rgba(26, 163, 179, 0.35) !important;

    outline-offset:
        2px !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 480px) {

    .elementor-528 .elementor-element.elementor-element-cb0ffc5 .field-type-radio-field
    .jet-form-builder__fields-group.checkradio-wrap {

        grid-template-columns:
            1fr !important;

        gap:
            8px !important;
    }

}/* End custom CSS */