/* Modal Editar Cita - estilo moderno compartido */
#modalCitaEditar .modal-content {
    border: none;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
}

#modalCitaEditar .modal-header {
    background: linear-gradient(135deg, var(--color-primario, #430071), var(--color-primario_claro, #9a60c3));
    color: #fff;
    border-bottom: none;
    padding: 18px 22px;
}

    #modalCitaEditar .modal-header .modal-title {
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        #modalCitaEditar .modal-header .modal-title::before {
            content: "\f073";
            font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome";
            font-weight: 900;
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: rgba(255, 255, 255, .2);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: .95rem;
        }

    #modalCitaEditar .modal-header .btn-close {
        filter: invert(1) grayscale(1) brightness(2);
        opacity: .85;
    }

#modalCitaEditar .modal-body {
    padding: 22px;
    background: #fafafc;
}

    /* Bloque de datos de la cita */
    #modalCitaEditar .modal-body > .row:first-child {
        background: #fff;
        border: 1px solid #eee;
        border-radius: 14px;
        padding: 14px 8px;
        margin: 0 0 6px 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
    }

        #modalCitaEditar .modal-body > .row:first-child > div {
            padding: 8px 12px;
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        #modalCitaEditar .modal-body > .row:first-child strong {
            font-size: .72rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .05em;
            color: #999;
        }

        #modalCitaEditar .modal-body > .row:first-child label,
        #modalCitaEditar .modal-body > .row:first-child a {
            font-weight: 600;
            color: #222;
            margin: 0;
            word-break: break-word;
        }

        #modalCitaEditar .modal-body > .row:first-child a {
            color: var(--color-primario, #430071);
            text-decoration: none;
        }

    #modalCitaEditar .modal-body > br {
        display: none;
    }

    /* Calendario y horarios */
    #modalCitaEditar #my-calendar,
    #modalCitaEditar #mis_horarios {
        margin-top: 16px;
    }

        #modalCitaEditar #my-calendar > *,
        #modalCitaEditar #mis_horarios > div {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 14px;
            padding: 14px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
        }

    #modalCitaEditar .turno-title {
        background: transparent !important;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        font-weight: 700;
        margin-bottom: 8px;
    }

    #modalCitaEditar .fechaDia {
        color: var(--color-primario, #430071);
        text-transform: capitalize;
    }

    #modalCitaEditar #turnos.turno-list {
        max-height: 340px;
        overflow-y: auto;
        padding-right: 4px;
    }

#modalCitaEditar .alert {
    margin: 0 22px 12px;
    border-radius: 10px;
}

#modalCitaEditar .modal-footer {
    border-top: 1px solid #f0f0f4;
    padding: 14px 22px;
    background: #fff;
    gap: 8px;
}

    #modalCitaEditar .modal-footer .btn {
        border-radius: 10px;
        padding: 10px 22px;
        font-weight: 600;
        min-width: 120px;
    }

        #modalCitaEditar .modal-footer .btn-primary:disabled {
            opacity: .45;
        }